:root{--ink:#20223b;--muted:#777b98;--line:#e8e9f3;--violet:#7058e8;--violet2:#9d8bff;--soft:#f5f3ff;--green:#22a77a;--orange:#ec9c3a;--red:#e56c77;--bg:#f8f9fd;--shadow:0 10px 35px rgba(36,38,86,.05)}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--violet)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 26px}.brand img{width:42px;height:42px;object-fit:contain}.brand strong{display:block;font-size:16px;letter-spacing:-.4px}.brand small{display:block;font-size:10px;letter-spacing:2.6px;color:var(--violet);font-weight:700}.nav-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#a6a8bb;padding:19px 13px 9px}.nav-btn{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:#646982;border-radius:11px;padding:11px 13px;margin:2px 0;font-weight:600}.nav-btn:hover{background:#f8f7ff}.nav-btn.active{background:#eeeaff;color:#634ade}.nav-btn .icon{width:20px;text-align:center;font-size:17px}.nav-btn .count{margin-left:auto;background:#f0eefb;border-radius:20px;padding:0 8px;font-size:11px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.side-profile{display:flex;gap:10px;align-items:center;padding:10px 7px}.avatar{height:34px;width:34px;border-radius:11px;display:grid;place-items:center;background:#e6e1ff;color:#624bd4;font-weight:700}.side-profile strong,.side-profile small{display:block}.side-profile small{font-size:11px;color:var(--muted)}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.crumb{color:#9a9eb4}.crumb strong{color:var(--ink)}.top-right{display:flex;align-items:center;gap:12px}.demo-chip{color:#8054bd;background:#f4eeff;border:1px solid #e7dafc;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700}.top-select{border:1px solid var(--line);background:#fff;color:#525873;padding:8px 10px;border-radius:9px}.content{max-width:1550px;margin:auto;padding:28px 36px 56px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--violet);font-weight:700;text-transform:uppercase}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:23px}.page-head h1{font-size:28px;letter-spacing:-1px;margin:5px 0}.sub{color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 15px;color:#4c5068;font-weight:700;display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap}.btn:hover{border-color:#cbc5ef;background:#faf9ff}.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 5px 14px rgba(112,88,232,.15)}.btn.primary:hover{background:#6045da}.btn.soft{background:#f1eeff;border-color:#f1eeff;color:#644cdd}.btn.danger{color:#d65361}.btn.small{padding:5px 10px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:17px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.card{padding:22px}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-weight:600}.kpi-icon{width:34px;height:34px;border-radius:10px;background:#f0edff;display:grid;place-items:center;color:var(--violet);font-size:18px}.kpi strong{display:block;font-size:31px;margin:14px 0 4px;letter-spacing:-1.4px}.kpi-foot{font-size:12px;color:var(--muted)}.kpi-foot b{color:var(--green)}.two-col{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);margin-top:18px}.panel{padding:23px}.panel h2{font-size:17px;margin:0 0 16px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-title h2{margin:0}.muted{color:var(--muted)}.mini-chart{height:210px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e5ee;padding:0 5px}.bar-group{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:4px;position:relative}.bar{width:44%;max-width:22px;border-radius:6px 6px 0 0;background:#dbd5ff}.bar.alt{background:var(--violet)}.bar-group small{position:absolute;bottom:-25px;color:#a3a5b8;font-size:10px}.legend{display:flex;gap:16px;margin-top:33px;color:var(--muted);font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--violet)}.dot.light{background:#dbd5ff}.activity{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:11px 0}.activity:last-child{border-bottom:0}.act-icon{width:32px;height:32px;flex:none;border-radius:10px;background:#f1edff;display:grid;place-items:center;color:var(--violet)}.activity strong{font-size:12px}.activity small{display:block;color:#a1a3b4;margin-top:2px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.toolbar input,.toolbar select,.field input,.field select,.field textarea{border:1px solid #e2e4ef;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink);outline:none}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #eeeaff}.toolbar input{min-width:230px}.toolbar .spacer{flex:1}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{text-align:left;background:#fbfbfe;color:#9295a9;font-size:11px;font-weight:700;letter-spacing:.3px;padding:12px 15px}.table td{padding:13px 15px;border-top:1px solid #f0f1f7;color:#555a72;font-size:12px}.table tr:hover td{background:#fdfcff}.table td strong{color:var(--ink)}.link-cell{max-width:230px;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.pill.pending{background:#fff3de;color:#ae751d}.pill.approved,.pill.archived,.pill.paid{background:#e7f7ee;color:#279467}.pill.settlement,.pill.reported{background:#e7f0ff;color:#4c7dcc}.pill.rejected,.pill.failed{background:#ffecee;color:#d45d68}.pill.withdrawn{background:#f0f1f5;color:#7e8195}.pill.draft{background:#eeeaff;color:#735ad8}.table button.link-btn{background:transparent;border:0;color:var(--violet);font-weight:700;padding:4px}.table button.link-btn:hover{text-decoration:underline}.pagination{display:flex;justify-content:space-between;align-items:center;padding:15px;color:var(--muted);font-size:12px}.pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px;margin-left:5px}.empty{padding:55px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin:9px}.notice{border-radius:11px;padding:13px 16px;background:#f2efff;color:#6554b3;margin-bottom:17px;font-size:12px}.notice.warn{background:#fff5e9;color:#af742e}.switch{width:39px;height:22px;border:0;border-radius:20px;background:#cfd1df;padding:3px;transition:.2s}.switch.on{background:var(--green)}.switch span{display:block;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.switch.on span{transform:translateX(17px)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);gap:14px}.setting-row:first-of-type{border-top:0}.setting-row strong{display:block}.setting-row small{display:block;color:var(--muted);margin-top:2px}.task-card{padding:20px}.task-card h3{margin:7px 0 5px;font-size:17px}.task-card p{color:var(--muted);font-size:12px;margin:0 0 14px}.task-card .task-top{display:flex;justify-content:space-between;align-items:center}.task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progress{height:7px;border-radius:8px;background:#efedf8;overflow:hidden;margin:14px 0 8px}.progress span{display:block;height:100%;background:var(--violet);border-radius:8px}.creator-hero{background:linear-gradient(110deg,#7058e8,#927cf1 61%,#b4a9fc);border-radius:18px;padding:28px;color:#fff;position:relative;overflow:hidden}.creator-hero:after{content:'✦';position:absolute;right:8%;top:-45px;font-size:190px;color:#ffffff18}.creator-hero h1{font-size:29px;margin:8px 0 6px}.creator-hero p{margin:0;color:#eee9ff}.creator-hero .btn{margin-top:20px}.creator-kpis{margin-top:18px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12px;font-weight:700;color:#52566c}.field textarea{resize:vertical;min-height:86px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-section{margin:20px 0;border-top:1px solid var(--line);padding-top:20px}.form-section h3{margin:0 0 15px}.checkline{display:flex;gap:8px;align-items:center;color:#5f6378;font-size:12px}.work-row{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;background:#fcfcff}.work-head{display:flex;justify-content:space-between;align-items:center}.work-head h3{font-size:14px;margin:0}.modal-backdrop{position:fixed;inset:0;background:rgba(24,23,52,.45);z-index:20;display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 60px #1c153b35}.modal h2{font-size:21px;margin:0 0 6px}.modal .modal-desc{color:var(--muted);font-size:12px;margin:0 0 20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.detail{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.detail dt{color:var(--muted)}.detail dd{margin:0;word-break:break-all}.toast-show{opacity:1!important;transform:translateY(0)!important}#toast{position:fixed;right:25px;bottom:25px;z-index:50;background:#282642;color:#fff;padding:11px 17px;border-radius:10px;box-shadow:0 9px 30px #18163140;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:360px}.role-segment{display:flex;border:1px solid var(--line);padding:3px;border-radius:10px;background:#fff}.role-segment button{border:0;background:transparent;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:700;color:var(--muted)}.role-segment button.active{background:var(--violet);color:white}.demo-note{border:1px dashed #cfc6f8;background:#faf8ff;padding:16px;border-radius:11px;color:#655ca0;font-size:12px}.success-icon{font-size:44px;color:var(--green);text-align:center}.center{text-align:center}.footnote{font-size:11px;color:#a2a5b8;margin-top:20px}.tag{background:#f2efff;color:#7460ca;border-radius:5px;padding:2px 6px;font-size:10px}.compact{font-size:11px}.segmented{display:flex;gap:7px;flex-wrap:wrap}.segmented button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 12px;font-size:12px;color:var(--muted)}.segmented button.active{background:var(--violet);color:#fff;border-color:var(--violet)}.rights{display:flex;gap:6px;flex-wrap:wrap}.rights span{background:#f4f3fa;border-radius:6px;padding:3px 6px;font-size:10px}.lang-tabs{display:flex;gap:6px;margin:12px 0}.lang-tabs button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 10px}.lang-tabs button.active{background:var(--soft);color:var(--violet);border-color:#cfc4ff}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.task-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:2px 5px 8px}.brand img{width:34px;height:34px}.nav-label,.side-bottom{display:none}.nav-wrap{display:flex;overflow:auto;gap:4px}.nav-btn{white-space:nowrap;width:auto;padding:8px 10px}.nav-btn .count{display:none}.topbar{height:auto;min-height:58px;padding:10px 16px;flex-wrap:wrap}.content{padding:22px 16px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:24px}.task-grid,.form-grid{grid-template-columns:1fr}.toolbar input{min-width:0;flex:1}.demo-chip{display:none}.card{padding:17px}.panel{padding:17px}}@media(max-width:440px){.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi strong{font-size:23px}.kpi-top{font-size:11px}.kpi-icon{width:26px;height:26px}.top-right{width:100%;justify-content:space-between}.role-segment button{padding:5px 8px}}

/* Creator site uses a separate warm identity and a public entry page. */
:root{--violet:#ee9d67;--violet2:#ffc18b;--soft:#fff2e4;--ink:#422416;--bg:#fffaf0;--line:#f1e7d8;--shadow:0 9px 28px rgba(98,65,34,.05)}
.nav-btn.active{background:#fff0e0;color:#a8582d}.nav-btn:hover{background:#fff7ef}.kpi-icon,.act-icon{background:#fff1e6;color:#d77842}.creator-hero{background:linear-gradient(110deg,#ec985e,#f6ae72 62%,#ffd091)}.btn.primary{background:#f8a96f;border-color:#f8a96f;color:#432314;box-shadow:0 5px 14px rgba(238,157,103,.15)}.btn.primary:hover{background:#f5a05f}.btn.soft{background:#fff1e5;border-color:#fff1e5;color:#a45b32}.pill.draft,.tag{background:#fff1df;color:#a96c39}.progress span,.bar.alt,.dot{background:#ef9b61}.bar,.dot.light{background:#ffe0c2}.role-segment button.active{background:#ec9b65;color:#422416}.demo-chip{color:#9e6a43;background:#fff4e5;border-color:#f7e3c9}
.login-shell{min-height:100vh;background:#fff9e8;color:#432314}.login-wrap{max-width:1060px;margin:auto;padding:20px 24px 40px}.login-header{display:flex;align-items:flex-start;justify-content:space-between}.login-logo{width:155px;height:auto;display:block}.login-language{appearance:none;background:#fff;border:1px solid #fae2cb;border-radius:22px;padding:12px 44px 12px 20px;color:#442819;font-size:14px;font-weight:700;box-shadow:0 2px 3px #a86e3f1c;min-width:145px;cursor:pointer}.login-lang-wrap{position:relative}.login-lang-wrap:after{content:'⌄';position:absolute;right:18px;top:8px;font-size:20px;color:#7b523e;pointer-events:none}.login-main{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:72px;min-height:calc(100vh - 190px);padding:0 3px 25px}.login-intro{padding-bottom:25px}.login-kicker{display:inline-block;background:#ffdf91;border-radius:20px;padding:4px 13px;font-size:12px;color:#4a2a19;margin-bottom:18px}.login-intro h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:0 0 22px;max-width:410px;font-weight:800}.login-intro p{font-size:16px;line-height:1.75;color:#955a36;max-width:505px;margin:0}.login-card{background:#fff;border:1px solid #f9e9d9;border-radius:31px;padding:31px 32px 32px;box-shadow:0 2px 2px #8f5c3a1c}.login-icon{height:48px;width:48px;border-radius:50%;background:#ffad77;color:#482a1a;display:grid;place-items:center;font-size:22px;margin-bottom:24px}.login-field{display:block;font-weight:700;font-size:14px;margin:0 0 22px}.login-field span{display:block;margin-bottom:8px}.login-field input{display:block;width:100%;height:48px;border:1px solid #ffc684;background:#fffbf1;border-radius:14px;padding:0 15px;color:#432416;outline:0}.login-field input:focus{border-color:#e89154;box-shadow:0 0 0 3px #ffe5c9}.login-submit{height:46px;width:100%;border:0;border-radius:25px;background:#ffac75;color:#432314;font-weight:800;margin-top:2px}.login-submit:hover{background:#f79e61}.login-helper{font-size:11px;color:#a87855;margin:16px 2px 0;line-height:1.5}.login-helper button{border:0;background:none;padding:0;color:#99572d;text-decoration:underline;font-weight:700}.login-error{background:#fff0e9;border:1px solid #f9c7b2;color:#b94d3e;border-radius:9px;padding:8px 11px;font-size:12px;margin:-7px 0 15px}.logout-btn{border:1px solid var(--line);background:#fff;border-radius:9px;color:#82553d;padding:8px 12px;font-weight:700}.logout-btn:hover{background:#fff5e9}
@media(max-width:840px){.login-main{grid-template-columns:1fr;gap:35px;min-height:0;padding:80px 0 20px}.login-intro{padding-bottom:0}.login-intro h1{font-size:42px}.login-card{max-width:450px;width:100%}}@media(max-width:540px){.login-wrap{padding:20px 22px 40px}.login-logo{width:132px}.login-language{min-width:120px;padding:10px 34px 10px 13px;font-size:12px}.login-main{padding:70px 0 10px}.login-intro h1{font-size:38px;letter-spacing:-1.4px}.login-intro p{font-size:14px}.login-card{border-radius:24px;padding:26px 22px}}
.top-right select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;color:var(--ink);max-width:135px}.creator-list{margin-top:18px}.submit-panel{max-width:820px}.submit-panel .field{margin-bottom:16px}.submit-panel .field input,.submit-panel .field select{width:100%}.form-actions{display:flex;justify-content:flex-end;margin-top:22px}.latest-value{font-size:23px!important;letter-spacing:0!important}.creator-hero .eyebrow{color:#fff8ef}.creator-hero .btn{background:#fff;border-color:#fff;color:#8e4d2d}.table a{color:#b7673c}.table .link-btn{color:#b7673c}.login-language{font-family:inherit}
@media(max-width:760px){.creator-list{margin-top:14px}.top-right select{max-width:110px}.submit-panel .form-grid{grid-template-columns:1fr}}