:root{--ink:#20211f;--muted:#777970;--line:#e6e6df;--surface:#fff;--canvas:#f6f6f2;--sand:#ece5d5;--sage:#dfe8dd;--rose:#efe0db;--lilac:#e8e1ee;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #73745b}button svg{flex-shrink:0}svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}a{color:inherit}button{color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:20;background:#fff;padding:12px}.skip-link:focus{top:12px}.loading{padding:40px}
.shell{min-height:100vh;display:flex}.sidebar{width:236px;background:#20221e;color:#d8d9d1;padding:32px 19px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;padding:0 8px;color:#f5f5ec;font-size:22px;letter-spacing:3px;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:400;margin-top:5px;color:#a7a99b}.brand-mark{width:36px;height:39px;border:1px solid #9b9d89;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;letter-spacing:-3px;padding-right:3px}.workspace-switch{margin:42px 0 29px;padding:13px 10px;border:1px solid #3b3e34;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;color:#f2f3ec}.workspace-avatar{width:31px;height:31px;display:grid;place-items:center;font-family:Georgia,serif;background:#3e4237;border:1px solid #545847;color:#dadfc7;border-radius:8px;flex-shrink:0}.workspace-switch small,.workspace-user small{display:block;font-size:10px;color:#95998b;margin-top:4px}.local-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#b0b597}.workspace-switch .local-dot{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.8px;color:#8a8f7c;margin:0 12px 13px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#bfc2b5;border:0;border-radius:7px;text-align:left;padding:13px 12px;font-size:12px;margin:4px 0}.nav-item:hover{background:#30332b;color:#fff}.nav-item.active{background:#3d4234;color:#f3f4e9}.nav-item span{margin-left:auto;font-size:10px;min-width:21px;padding:2px 5px;text-align:center;background:#525742;border-radius:4px}.nav-item svg{width:17px;height:17px}.sidebar-bottom{margin-top:auto;padding-top:70px}.prototype-note{padding:0 12px 17px;font-size:10px;color:#d4d8c6}.prototype-note .local-dot{margin-right:6px}.prototype-note p{font-size:10px;color:#929986;line-height:1.5;margin:7px 0 0 13px}.data-button{border-top:1px solid #3c3f35;border-radius:0;padding-top:18px}.workspace-user{border-top:1px solid #3c3f35;margin-top:14px;padding:20px 12px 0;display:flex;align-items:center;gap:10px;font-size:11px}.main-shell{margin-left:236px;min-width:0;flex:1}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 43px;border-bottom:1px solid var(--line);background:#fbfbf7}.breadcrumb{font-size:11px;color:#8a8b81}.breadcrumb span{margin:0 12px;color:#b8baaf}.breadcrumb strong{font-weight:500;color:#4c4e43}.topbar-tag{font-size:9px;letter-spacing:1.2px;color:#8b8d81;display:flex;gap:10px;align-items:center}.topbar-tag i{width:4px;height:4px;border-radius:50%;background:#b6b8a8}main{padding:39px 43px 24px;max-width:1650px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{margin:0 0 11px;font-size:9px;letter-spacing:2px;color:#7d806e}h1{font-size:34px;letter-spacing:-1.2px;font-weight:500;margin:0 0 11px;line-height:1.12}.page-description{font-size:12px;color:var(--muted);margin:0}.heading-buttons{display:flex;gap:10px;flex-shrink:0}.button{border:1px solid #d9dad0;background:#fff;border-radius:6px;padding:11px 15px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap;min-height:38px}.button svg{width:15px;height:15px}.button.primary{background:#272b23;color:#fff;border-color:#272b23}.button.primary:hover{background:#424835}.button.secondary:hover{background:#f1f2eb}.button.danger{color:#9a3930;border-color:#e7cfc9;background:#fff9f7}.button.danger:hover{background:#f8e9e5}.button.compact{min-height:29px;padding:4px 10px}.notice{background:#f3ecda;border:1px solid #dfd0af;font-size:12px;padding:13px 16px;border-radius:7px;margin-bottom:22px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 21px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#737766;margin-bottom:16px}.stat-label svg{width:15px;height:15px;color:#9c9e90}.stat-card strong{font-size:30px;letter-spacing:-1px;font-weight:500}.stat-card p{font-size:10px;color:#8b8e7e;margin:9px 0 0}.stat-dark{background:#e9ecdf;border-color:#dce0d1}.stat-dark .stat-label{color:#60674e}.content-panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 19px;gap:20px}.panel-heading h2{font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0 0 6px}.panel-heading h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:20px;background:#efefe8;font-size:10px;border-radius:5px;margin-left:5px;color:#6c7160}.panel-heading p{font-size:10px;margin:0;color:#888b7b}.sort-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a8c80}.sort-label select{font-size:10px;border:1px solid var(--line);padding:7px 22px 7px 10px;border-radius:5px;color:#5a5f4d;background:#fff}.filters{display:flex;gap:9px;align-items:center;padding:0 23px 21px;flex-wrap:wrap}.search-box{display:flex;gap:9px;align-items:center;border:1px solid #dedfd5;border-radius:6px;padding:0 12px;height:37px;flex:1;min-width:180px;color:#a1a391}.search-box svg{width:15px;height:15px}.search-box input{border:0;background:transparent;width:100%;font-size:11px;min-width:0;outline-offset:2px;color:var(--ink)}.search-box input::placeholder{color:#a1a391}.filters>label:not(.search-box) select{border:1px solid #dedfd5;border-radius:6px;height:37px;padding:0 9px;font-size:10px;color:#5a5e50;background:#fff;max-width:180px}.filter-reset{border:0;background:transparent;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#6b705c;padding:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:760px}thead{background:#fafaf7}th{font-size:9px;letter-spacing:.3px;font-weight:500;color:#929581;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}th:first-child{padding-left:23px}td{padding:15px 18px;border-bottom:1px solid #efefe8;vertical-align:middle}td:first-child{padding-left:23px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcf9}.account-link{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;text-align:left;max-width:250px}.account-link strong{display:block;font-size:11px;font-weight:500}.account-link small{display:block;font-size:9px;color:#8f9281;margin-top:4px;overflow-wrap:anywhere}.avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#646b50;font-weight:500;flex-shrink:0}.avatar.large{width:46px;height:46px;font-size:16px;border-radius:10px}.sand{background:var(--sand)}.sage{background:var(--sage)}.rose{background:var(--rose)}.lilac{background:var(--lilac)}.demo-tag{font-size:7px;border:1px solid #dbdece;color:#959b87;padding:2px 4px;border-radius:3px;vertical-align:middle;letter-spacing:.5px;margin-left:4px;white-space:nowrap}.platform{display:inline-flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.platform-symbol{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e9eadf;border-radius:6px;font-size:8px;font-weight:600;background:#fafaf6;color:#5c644c}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;font-size:9px;white-space:nowrap;line-height:1.2;background:#eaf0e2;color:#68764c}.status i{width:4px;height:4px;border-radius:50%;background:currentColor}.status.setup{background:#f4efdf;color:#998746}.status.review{background:#f5e8e0;color:#a26d46}.status.paused{background:#eeeef0;color:#838489}.owner-text{font-size:10px;color:#6e7361;overflow-wrap:anywhere}.task-text{font-size:10px;color:#777d69;max-width:205px;display:block;overflow-wrap:anywhere;line-height:1.55}.icon-button{display:inline-grid;place-items:center;border:1px solid transparent;background:transparent;color:#939985;border-radius:5px;width:29px;height:29px;padding:5px}.icon-button svg{width:14px;height:14px}.icon-button:hover{background:#efefe7;color:#343a2b}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px;border-top:1px solid var(--line);font-size:10px;color:#979b87}.pagination{display:flex;align-items:center;gap:11px}.pagination span{min-width:28px;text-align:center;font-size:9px}.footnote{font-size:9px;color:#a0a48f;margin:18px 2px;line-height:1.6}.empty-state{text-align:center;padding:45px 20px 55px;border-top:1px solid var(--line)}.empty-icon{margin:0 auto 15px;width:44px;height:44px;background:#eef0e6;border-radius:12px;display:grid;place-items:center;color:#828d6f}.empty-state h3{font-size:16px;font-weight:500}.empty-state p{font-size:12px;color:#8c927d;max-width:390px;margin:0 auto 20px;line-height:1.6}.creator-grid{padding:8px 23px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creator-card{border:1px solid var(--line);border-radius:8px;padding:20px}.creator-card-head{display:flex;align-items:center;justify-content:space-between}.creator-card h3{font-size:18px;font-weight:500;margin:17px 0 8px;overflow-wrap:anywhere}.creator-card>p{font-size:11px;color:#828974;margin:0 0 18px;overflow-wrap:anywhere}.creator-platforms{display:flex;flex-wrap:wrap;gap:5px;min-height:48px;align-content:flex-start}.creator-platforms span{font-size:9px;border:1px solid #e4e7d9;border-radius:4px;padding:4px 6px;color:#7e876b}.creator-card-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9a9e8e}.creator-card-footer strong{font-weight:500;color:#5c644c}.task-row{display:flex;align-items:center;gap:16px;padding:20px 23px;border-top:1px solid var(--line)}.task-check{width:27px;height:27px;border:1px solid #d1d6c3;background:#fff;border-radius:50%;padding:5px;color:#a6ae97;flex-shrink:0}.task-check svg{width:15px;height:15px;opacity:0}.task-check:hover{background:#e4e9d8;color:#566444}.task-check:hover svg,.task-check:focus-visible svg{opacity:1}.task-description{flex:1;min-width:0}.task-description h3{font-size:12px;font-weight:500;margin:0 0 6px;overflow-wrap:anywhere}.task-description p{font-size:10px;color:#909881;margin:0;overflow-wrap:anywhere}.task-description p span{padding:0 7px}.task-owner{font-size:10px;color:#818b70;max-width:130px;overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#2e3526;color:#f1f3e9;border:1px solid #5a644b;border-radius:8px;box-shadow:0 6px 24px #0002;padding:13px 19px;font-size:12px;z-index:10;line-height:1.5}
.topbar-right{display:flex;align-items:center;gap:16px}
.table-wrap{position:relative}
.modal{border:1px solid #e2e4d6;background:#fff;color:var(--ink);padding:26px;width:min(470px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;border-radius:12px;box-shadow:0 28px 100px #1016062b}.modal.wide{width:min(620px,calc(100% - 28px))}.modal::backdrop{background:#171b1266;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.modal-heading h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:0}.modal-description{font-size:12px;color:#838b73;line-height:1.7;margin:0 0 23px}.modal form>label,.form-grid>label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#687356;margin-bottom:17px}.modal input,.modal select,.modal textarea{width:100%;padding:11px 12px;border:1px solid #d9dec9;border-radius:6px;background:#fff;font-size:12px;color:#2d3424;min-height:40px}.modal input::placeholder,.modal textarea::placeholder{color:#a5ae96}.modal textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .full{grid-column:1/-1}.input-help{font-size:10px;color:#8c947c;line-height:1.6;margin:2px 0 21px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.spacer{flex:1}.form-error{font-size:12px;line-height:1.6;background:#faeee8;border:1px solid #edd0c5;color:#984b35;padding:11px;border-radius:6px}.detail-identity{display:flex;align-items:center;gap:14px;margin:23px 0}.detail-identity h3{font-size:20px;font-weight:500;margin:0 0 7px;overflow-wrap:anywhere}.detail-identity p{font-size:11px;color:#889477;margin:0;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:145px 1fr;gap:14px;font-size:11px;border-top:1px solid var(--line);padding-top:22px;line-height:1.6}.details dt{color:#8f987f}.details dd{margin:0;overflow-wrap:anywhere}.detail-notes{background:#f7f8f2;border:1px solid #e9eddc;border-radius:7px;padding:14px;margin-top:23px}.detail-notes h4{font-size:11px;font-weight:500;margin:0 0 7px;color:#778466}.detail-notes p{font-size:11px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#77816a}.data-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-top:1px solid var(--line)}.data-option h3{font-size:12px;font-weight:500;margin:0 0 6px}.data-option p{font-size:10px;color:#8d967e;line-height:1.6;margin:0}.file-label{position:relative;overflow:hidden}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-label:focus-within{outline:2px solid #73745b;outline-offset:4px}
@media(min-width:1500px){main{padding-top:49px}.page-heading{margin-bottom:40px}.stats{margin-bottom:36px}.stat-card{padding:23px 26px}td{padding-top:18px;padding-bottom:18px}.content-panel{min-height:480px}}
@media(max-width:1200px){.sidebar{width:204px;padding-left:14px;padding-right:14px}.brand{font-size:19px;gap:10px}.main-shell{margin-left:204px}main{padding:32px 25px}.topbar{padding:0 25px}.heading-buttons{gap:7px}.button{padding-left:11px;padding-right:11px}.page-heading{align-items:flex-start}.page-description{max-width:270px;line-height:1.6}h1{font-size:30px}.stat-card{padding:17px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page-heading{flex-direction:column;gap:21px}.page-description{max-width:none}.stats{gap:10px}.stat-label{font-size:9px}.stat-card{padding:16px 13px}.stat-label svg{display:none}.stat-card p{font-size:9px;line-height:1.6}.filters{padding-left:17px;padding-right:17px}.search-box{flex-basis:100%}.panel-heading{padding-left:17px;padding-right:17px}.panel-heading p{max-width:250px;line-height:1.6}.sort-label{flex-direction:column;gap:4px;align-items:flex-end}.creator-grid{padding-left:17px;padding-right:17px}.task-row{padding-left:17px;padding-right:17px}.task-owner{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{position:relative;width:100%;padding:20px 18px 12px;display:block}.brand{font-size:20px}.brand-mark{height:34px;width:32px;font-size:24px}.brand small{font-size:7px}.workspace-switch,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:8px;margin-top:20px}.nav-item{justify-content:center;font-size:11px;padding:11px 7px;margin:0}.nav-item span{margin-left:0}.main-shell{margin-left:0}.topbar{height:49px;padding:0 19px}.topbar-tag{font-size:8px}.breadcrumb{font-size:10px}main{padding:25px 18px 16px}.eyebrow{font-size:8px}h1{font-size:30px}.page-heading{margin-bottom:24px}.heading-buttons{width:100%}.heading-buttons .button{flex:1;white-space:normal;text-align:center;min-height:42px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.stat-label svg{display:block}.stat-card{padding:16px}.stat-label{font-size:10px;margin-bottom:11px}.stat-card strong{font-size:28px}.stat-card p{font-size:9px;margin-top:5px}.panel-heading{align-items:flex-start;gap:10px;padding-top:18px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:9px}.sort-label{font-size:9px}.sort-label select{font-size:9px;max-width:120px}.filters{gap:7px;padding-bottom:17px}.filters>label:not(.search-box){flex:1;min-width:100px}.filters>label:not(.search-box) select{width:100%;max-width:none;font-size:9px}.search-box{min-height:41px}.search-box input{font-size:12px}.panel-footer{padding:13px 16px;font-size:9px;gap:8px}.creator-grid{grid-template-columns:1fr;padding:0 16px 20px}.task-row{gap:10px}.task-description h3{font-size:11px}.task-description p{font-size:9px;line-height:1.7}.modal{padding:21px}.modal-heading h2{font-size:19px}.form-grid{grid-template-columns:1fr}.details{grid-template-columns:125px 1fr;gap:12px;font-size:10px}.data-option{gap:10px}.data-option .button{font-size:10px;padding:9px}.modal-actions .button{font-size:10px;padding:10px}.footnote{font-size:9px}.modal input,.modal select,.modal textarea{font-size:16px}.mobile-data-button{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.sidebar{overflow-y:auto}
.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;max-width:none;background:radial-gradient(ellipse at top,#e8ecdf 0,transparent 52%),var(--canvas)}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px;box-shadow:0 18px 65px #25291d08}.auth-brand{color:var(--ink);padding:0;margin-bottom:44px}.auth-brand small{color:var(--muted)}.auth-brand .brand-mark{color:#60694b;border-color:#8b927b}.auth-card h1{font-size:30px}.auth-card form{display:grid;gap:18px;margin-top:27px}.auth-card label{display:grid;gap:8px;font-size:12px;color:#626957}.auth-card input{width:100%;border:1px solid #d9ddcf;border-radius:6px;padding:12px;background:#fcfcfa;color:var(--ink);font-size:14px}.auth-submit{width:100%;font-size:12px;min-height:43px}.auth-card .input-help{margin:22px 0 0;line-height:1.7}.auth-footnote{font-size:10px;color:#878d7a;margin-top:23px}.auth-card .form-error{margin:0;font-size:12px}.workspace-user>span:last-child{min-width:0;overflow-wrap:anywhere}.workspace-switch>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.mobile-logout{display:none}
@media(max-width:650px){.auth-card{padding:29px 25px}.auth-card input{font-size:16px}.topbar-right{gap:7px}.topbar-tag{display:none}.topbar [data-logout]{display:inline-flex}}
/* creatorwerk-Marke */
.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:.3px;font-weight:500;font-size:22px}.brand small{font-family:"Segoe UI",system-ui,sans-serif;letter-spacing:2px}.brand-mark{font-size:26px;letter-spacing:0;padding:0 0 4px;border-color:#9C7B52;color:#C9AB80}.auth-brand .brand-mark{color:#9C7B52;border-color:#9C7B52}