@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0f14;--card:#121820;--muted:#98a2b3;--accent:#5b9cff;--good:#1ec28b;--bad:#ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,Arial;background:var(--bg);color:#fff}header,nav{background:#0e141b;border-bottom:1px solid #1f2b38}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid #1f2b38;border-radius:12px;padding:12px}.btn{background:var(--accent);border:0;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}.btn.secondary{background:#2b3440}.input,.select{background:#0f141c;color:#fff;border:1px solid #2a3646;border-radius:8px;padding:6px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #1f2b38;vertical-align:middle}.badge{padding:2px 8px;border-radius:999px;font-size:12px}.badge.ok{background:#1ec28b26;color:var(--good)}.badge.err{background:#ff6b6b26;color:var(--bad)}.row{display:flex;gap:8px;align-items:center}.grid{display:grid;gap:12px}.totalchip{background:#1a2330;padding:6px 10px;border-radius:8px;border:1px solid #243244}.progress-track{height:10px;background:#1a2330;border-radius:999px;overflow:hidden;border:1px solid #243244}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#5b9cff,#1ec28b);transition:width .25s ease}.progress-bar.indeterminate{width:40%;animation:progress-slide 1.1s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.pay-toggle{display:inline-flex;border:1px solid #2a3646;border-radius:8px;overflow:hidden}.pay-toggle button{background:transparent;color:#98a2b3;border:0;padding:6px 10px;cursor:pointer}.pay-toggle button.active{background:#5b9cff;color:#fff}:root{--ink: #0f141b;--panel: #161d27;--panel-2: #1b2430;--line: #253142;--text: #e6ebf2;--muted: #8f9db0;--action: #5b9cff;--st-empty: #7c8798;--st-script: #e2b33c;--st-recorded: #ef4f4f;--st-finished: #34c38f;--warn: #f2a93b;--bad: #ff6b6b;--display: "Bricolage Grotesque Variable", "Segoe UI", system-ui, sans-serif;--body: "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.45}a{color:inherit}:focus-visible{outline:2px solid var(--action);outline-offset:2px}button{font:inherit}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;background:#121821}.brand{font-family:var(--display);font-weight:750;font-size:19px;letter-spacing:-.01em;padding:0 10px 16px;display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;border-radius:6px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:3px;background:#0b1017;border:1px solid var(--line)}.brand-mark i{border-radius:2px}.brand-mark i:nth-child(1){background:var(--st-empty)}.brand-mark i:nth-child(2){background:var(--st-script)}.brand-mark i:nth-child(3){background:var(--st-recorded)}.brand-mark i:nth-child(4){background:var(--st-finished)}.navlink{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:550}.navlink:hover{background:var(--panel);color:var(--text)}.navlink.on{background:var(--panel-2);color:var(--text);box-shadow:inset 3px 0 0 var(--action)}.navlink .count{margin-left:auto;font-size:12px;color:var(--muted)}.side-group{color:#6b788b;font-size:12px;padding:14px 10px 4px}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:12px 10px 0;display:flex;flex-direction:column;gap:8px}.side-foot .who{display:flex;gap:10px;align-items:center}.side-foot .who small{color:var(--muted);display:block}.linkbtn{background:none;border:0;color:var(--muted);cursor:pointer;padding:0;text-align:left}.linkbtn:hover{color:var(--text);text-decoration:underline}.main{min-width:0}.page{padding:22px 28px 60px;max-width:1500px}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-family:var(--display);font-weight:720;font-size:30px;letter-spacing:-.02em;margin:0;line-height:1.1}.page-head p{margin:4px 0 0;color:var(--muted)}.spacer{flex:1}.b{border:1px solid transparent;background:var(--action);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;white-space:nowrap}.b:hover{filter:brightness(1.08)}a.b{text-decoration:none;display:inline-block}.b:disabled{opacity:.55;cursor:default;filter:none}.b.ghost{background:transparent;border-color:var(--line);color:var(--text)}.b.ghost:hover{background:var(--panel-2)}.b.quiet{background:transparent;color:var(--muted);padding:6px 8px}.b.quiet:hover{color:var(--text);background:var(--panel-2)}.b.danger{background:transparent;border-color:#ff6b6b66;color:var(--bad)}.b.sm{padding:5px 10px;font-size:13px}.f{background:#0c1118;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-width:0}.f:focus{border-color:var(--action);outline:none}.f.sm{padding:5px 8px;font-size:13px}label.fl{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:13px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:transparent;border:0;color:var(--muted);padding:7px 12px;cursor:pointer}.seg button.on{background:var(--panel-2);color:var(--text)}.err{color:var(--bad);font-size:13px}.muted{color:var(--muted)}.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.rail i{height:4px;border-radius:2px;background:#263244}.rail[data-s=empty] i:nth-child(-n+1){background:var(--st-empty)}.rail[data-s=script] i:nth-child(-n+2){background:var(--st-script)}.rail[data-s=recorded] i:nth-child(-n+3){background:var(--st-recorded)}.rail[data-s=finished] i{background:var(--st-finished)}.stage-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.stage-dot.empty{background:var(--st-empty)}.stage-dot.script{background:var(--st-script)}.stage-dot.recorded{background:var(--st-recorded);box-shadow:0 0 0 3px #ef4f4f2e}.stage-dot.finished{background:var(--st-finished)}.track{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 22px}.step{position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--muted);cursor:default}.step:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:10px 10px 0 0;background:#263244}.step b{display:block;font-family:var(--display);font-size:17px;font-weight:650;color:var(--muted);letter-spacing:-.01em}.step small{font-size:12px}.step.done b,.step.now b{color:var(--text)}.step.done.empty:before,.step.now.empty:before{background:var(--st-empty)}.step.done.script:before,.step.now.script:before{background:var(--st-script)}.step.done.recorded:before,.step.now.recorded:before{background:var(--st-recorded)}.step.done.finished:before,.step.now.finished:before{background:var(--st-finished)}.step.now{background:var(--panel-2);border-color:#34445a}.step.clickable{cursor:pointer}.step.clickable:hover{border-color:#3c4f68}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;align-items:start}.col{background:#121821;border:1px solid var(--line);border-radius:12px;padding:10px;min-height:140px}.col-head{display:flex;align-items:center;gap:8px;padding:4px 4px 10px}.col-head h2{font-family:var(--display);font-size:17px;font-weight:680;margin:0;letter-spacing:-.01em}.col-head .n{color:var(--muted);font-size:13px}.col-head .hint{margin-left:auto;color:#6b788b;font-size:12px}.col-list{display:flex;flex-direction:column;gap:8px}.col-empty{color:#6b788b;font-size:13px;padding:14px 6px;text-align:center}.col-more{width:100%}.pcard{display:block;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .12s}.pcard:hover{border-color:#3c4f68}.pcard .thumb{aspect-ratio:16/9;background:#0c1118 center/cover no-repeat;border-bottom:1px solid var(--line)}.pcard .body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:8px;min-width:0}.pcard.compact{display:grid;grid-template-columns:101px 1fr}.pcard.compact .thumb{aspect-ratio:16/9;align-self:start;margin:9px 0 9px 9px;border:0;border-radius:5px}.pcard.compact .rail,.pcard.compact .meta{display:none}.pcard.compact .body{gap:6px;padding:9px 10px}.pcard.compact .title{font-size:13px}.pcard .title{font-weight:650;font-size:14px;line-height:1.3}.pcard .meta{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--muted);font-size:12px;align-items:center}.pcard .foot{display:flex;align-items:center;gap:6px}.flag{font-size:12px;padding:2px 7px;border-radius:999px;background:#222c3a;color:var(--muted);white-space:nowrap}.flag.warn{background:#f2a93b24;color:var(--warn)}.flag.bad{background:#ff6b6b24;color:var(--bad)}.flag.good{background:#34c38f24;color:var(--st-finished)}.money{font-family:var(--display);font-weight:650;font-variant-numeric:tabular-nums}.avatars{display:flex;margin-left:auto}.av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#0c1118;border:2px solid var(--panel);margin-left:-6px;flex:none}.av.lg{width:30px;height:30px;font-size:12px;margin:0;border:0}.av[data-task=todo]{outline:2px dashed #56657a;outline-offset:-2px}.ptable{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.ptable th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#121821}.ptable td{padding:10px 12px;border-bottom:1px solid #1f2836;vertical-align:middle}.ptable tr:last-child td{border-bottom:0}.ptable tr.click{cursor:pointer}.ptable tr.click:hover td{background:#19212c}.ptable .num{text-align:right;font-variant-numeric:tabular-nums}.crumbs{color:var(--muted);font-size:13px;margin-bottom:10px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text)}.ptitle{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.ptitle h1{font-family:var(--display);font-weight:740;font-size:34px;line-height:1.08;letter-spacing:-.025em;margin:0;flex:1 1 420px}.ptitle input.f{font-family:var(--display);font-size:28px;font-weight:700;flex:1 1 420px}.pmeta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--muted);margin-top:8px;align-items:center}.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.panel+.panel{margin-top:14px}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-h h3{margin:0;font-family:var(--display);font-size:17px;font-weight:680;letter-spacing:-.01em}.panel-h .aside{margin-left:auto;color:var(--muted);font-size:12px}.panel-b{padding:14px}.panel-b.tight{padding:6px 14px}.script-empty{padding:30px 26px;color:var(--muted)}.savestate{font-size:12px;color:var(--muted)}.savestate.dirty{color:var(--warn)}.member{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1f2836}.member:last-child{border-bottom:0}.member .name{font-weight:600}.member .sub{color:var(--muted);font-size:12px}.member .edit{grid-column:2 / 4;display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-left:-8px}.member .edit .b.quiet{padding:2px 8px;font-size:12px}.task{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted)}.task.in_progress{color:var(--action);border-color:#5b9cff66}.task.done{color:var(--st-finished);border-color:#34c38f66}.file{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #1f2836}.file:last-child{border-bottom:0}.file .ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#222c3a;color:var(--muted)}.file .ic.raw{background:#ef4f4f24;color:var(--st-recorded)}.file .ic.audio{background:#e2b33c24;color:var(--st-script)}.file .ic.edit{background:#5b9cff24;color:var(--action)}.file .ic.thumbnail{background:#34c38f24;color:var(--st-finished)}.file a{text-decoration:none;font-weight:600;word-break:break-word}.file a:hover{text-decoration:underline}.file .sub{color:var(--muted);font-size:12px}.drive{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#10161f;border:1px solid var(--line);text-decoration:none;margin-bottom:8px}.drive:hover{border-color:#3c4f68}.yt{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center}.yt img{width:128px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat{background:#10161f;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat .v{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.01em}.stat .l{color:var(--muted);font-size:12px}.stat.mine{border-color:#34c38f73}.stat.mine .v{color:var(--st-finished)}.mini{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.mini td,.mini th{padding:6px 0;border-bottom:1px solid #1f2836;text-align:left}.mini th{color:var(--muted);font-weight:500;font-size:12px}.mini .num{text-align:right;font-variant-numeric:tabular-nums}.comment{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #1f2836}.comment:last-of-type{border-bottom:0}.comment .who{font-weight:600}.comment .who small{color:var(--muted);font-weight:400;margin-left:6px}.comment p{margin:4px 0 0;white-space:pre-wrap}.comment .del{opacity:0}.comment:hover .del,.comment .del:focus-visible{opacity:1}.activity{list-style:none;margin:0;padding:0;font-size:13px}.activity li{display:flex;gap:8px;padding:5px 0;color:var(--muted)}.activity li b{color:var(--text);font-weight:550}.activity li span:last-child{margin-left:auto;white-space:nowrap;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.hero-stats .stat{background:var(--panel);padding:14px 16px}.hero-stats .stat .v{font-size:28px}.hero-stats .stat.balance{border-color:#34c38f80}.hero-stats .stat.balance .v{color:var(--st-finished)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:100%;max-width:380px}.login h1{font-family:var(--display);font-size:34px;font-weight:750;letter-spacing:-.025em;margin:18px 0 6px;line-height:1.05}.login .rail{margin-bottom:4px}.login form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.demo-note{margin-top:18px;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:13px}.demo-note button{margin:4px 6px 0 0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ca8;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--panel);border:1px solid #34445a;border-radius:14px;width:100%;max-width:480px;padding:20px;display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow:auto}.modal h2{margin:0;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.015em}.modal .actions{display:flex;justify-content:flex-end;gap:8px}.vpick{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}.vpick button{display:grid;grid-template-columns:96px 1fr;gap:10px;text-align:left;align-items:center;background:#10161f;border:1px solid var(--line);border-radius:8px;padding:6px;color:var(--text);cursor:pointer}.vpick button:hover{border-color:var(--action)}.vpick img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.notice{padding:12px 14px;border-radius:10px;border:1px solid rgba(242,169,59,.45);background:#f2a93b14;margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.revenue-host>div:first-child{position:static!important}@media (max-width: 1180px){.board{grid-template-columns:repeat(2,minmax(240px,1fr))}.pgrid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.side-group,.side-foot{display:none}.brand{padding:0 10px 0 4px}.page{padding:16px}.board{grid-template-columns:1fr}.track{grid-template-columns:repeat(2,1fr)}.hero-stats{grid-template-columns:1fr 1fr}}.rich{overflow-wrap:anywhere}.rich ul,.rich ol{margin:4px 0 8px;padding-left:24px}.rich li{margin:2px 0}.rich a{color:#7fb0ff;text-decoration:underline;text-underline-offset:2px}.rich a:hover{color:#a9c9ff}.rich b{font-weight:700;color:#fff}.rich-editor{display:flex;flex-direction:column;flex:1;min-width:0}.rich-tools{display:flex;gap:2px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);background:#131a23;flex-wrap:wrap}.rich-tools button{background:transparent;border:1px solid transparent;color:var(--muted);border-radius:6px;padding:3px 9px;cursor:pointer;font-size:13px;min-width:30px}.rich-tools button:hover{color:var(--text);background:var(--panel-2)}.rich-tools button.on{color:var(--text);background:#26334a;border-color:#34445a}.rich-hint{margin-left:auto;color:#6b788b;font-size:12px}.rich-input{outline:none;cursor:text}.rich-input:empty:before{content:attr(data-placeholder);color:#6b788b;pointer-events:none}.rich-input a{cursor:pointer}.script-editor .rich-input{min-height:460px;padding:22px 26px;font-size:15px;line-height:1.7;background:#10161f;border-radius:0 0 12px 12px}.script-editor .rich-input:focus{box-shadow:inset 0 0 0 1px #34445a}.notes-editor{border:1px solid var(--line);border-radius:8px;overflow:hidden}.notes-editor .rich-tools{padding:4px 6px}.notes-editor .rich-input{min-height:54px;padding:10px 12px;background:#0c1118}.notes-editor:focus-within{border-color:var(--action)}.comment-editor .rich-input{min-height:44px;max-height:240px;overflow:auto;padding:9px 11px;background:#0c1118;border:1px solid var(--line);border-radius:8px}.comment-editor .rich-input:focus{border-color:var(--action)}.comment-body{margin-top:4px}.script-read.rich{padding:22px 26px;font-size:15px;line-height:1.7;max-width:76ch}.people{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.plist{display:flex;flex-direction:column;gap:4px}.prow{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;border:1px solid transparent}.prow:hover{background:var(--panel)}.prow.on{background:var(--panel-2);border-color:#34445a}.prow.off{opacity:.55}.prow .who{display:flex;flex-direction:column;min-width:0}.prow .who span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow .side-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.access{font-size:11px;padding:2px 7px;border-radius:999px;background:#222c3a;color:var(--muted);white-space:nowrap}.access.admin{background:#5b9cff29;color:#8fb8ff}.access.worker{background:#34c38f21;color:var(--st-finished)}.owed{font-size:12px;color:var(--warn)}.person-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}.person-head h2{margin:0;font-family:var(--display);font-size:26px;font-weight:720;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .f{width:100%}.access-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.access-pick button{text-align:left;background:#10161f;border:1px solid var(--line);border-radius:10px;padding:10px 11px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:3px}.access-pick button b{color:var(--text);font-weight:650}.access-pick button small{font-size:12px;line-height:1.35}.access-pick button.on{border-color:var(--action);background:#5b9cff14}.access-pick button:disabled{opacity:.45;cursor:not-allowed}.login-info{margin-top:12px;padding:12px;border-radius:10px;background:#10161f;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.sub-h{margin:16px 0 8px;font-size:13px;color:var(--muted);font-weight:600}@media (max-width: 1180px){.people{grid-template-columns:1fr}}.dropzone{border:2px dashed #34445a;border-radius:14px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:#121821;transition:border-color .12s,background .12s}.dropzone.over{border-color:var(--st-recorded);background:#ef4f4f0f}.drop-text b{display:block;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.015em}.drop-text span{color:var(--muted)}.qrow{display:grid;grid-template-columns:40px minmax(0,1.1fr) minmax(0,1.3fr) auto auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #1f2836}.qrow:last-of-type{border-bottom:0}.qicon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#ef4f4f24;color:var(--st-recorded)}.qfile{display:flex;flex-direction:column;gap:2px;min-width:0}.qfile b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qfile .muted{font-size:12px}.qtarget>select{width:100%}.qaudio{display:flex;gap:6px;align-items:center;font-size:13px;padding-top:9px;white-space:nowrap}.jrow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #1f2836}.jrow:last-child{border-bottom:0}.jmain{min-width:0}.jproj{text-decoration:none;font-weight:600;color:#7fb0ff}.jstatus{font-size:12px;padding:2px 8px;border-radius:999px;background:#222c3a;color:var(--muted)}.jstatus.converting,.jstatus.uploading{background:#5b9cff26;color:#8fb8ff}.jstatus.done{background:#34c38f24;color:var(--st-finished)}.jstatus.error{background:#ff6b6b24;color:var(--bad)}.jouts{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:6px;font-size:12px;align-items:center;color:var(--muted)}.jouts a{color:#7fb0ff}.brow{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:#10161f;cursor:pointer}.brow:hover{border-color:#3c4f68}.settings-jump{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.settings-jump a{text-decoration:none;color:var(--muted);padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px}.settings-jump a:hover{color:var(--text);border-color:#3c4f68}.setting-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1f2836;flex-wrap:wrap}.ch-img{width:34px;height:34px;border-radius:50%;background:#222c3a;object-fit:cover;flex:none}label.check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;cursor:pointer}label.check input{margin-top:3px}label.check small{display:block;color:var(--muted);font-size:12px;margin-top:2px}@media (max-width: 900px){.qrow{grid-template-columns:40px 1fr}.qtarget,.qaudio{grid-column:2}}.helper-box{border:1px solid var(--line);background:#10161f;border-radius:10px;padding:12px 14px;margin-bottom:14px}.key-show pre{background:#0c1118;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;overflow-x:auto;margin:0 0 8px}.key-show code{background:#0c1118;padding:1px 5px;border-radius:4px}.navlink.sub{padding:5px 10px 5px 22px;font-size:13px;font-weight:500}.role-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px;flex:none}.role-chip{display:inline-flex;align-items:center;gap:0;font-size:11px;padding:2px 8px;border-radius:999px;background:#1d2633;color:var(--text);white-space:nowrap}.roles-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.role-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent}.role-row:hover{background:var(--panel)}.role-row.on{background:var(--panel-2);border-color:var(--line)}.role-row .swatch{width:12px;height:34px;border-radius:4px;flex:none}.role-row b{display:block;font-weight:650}.role-row span{color:var(--muted);font-size:12px}.perm-group{margin:14px 0 6px;color:var(--muted);font-size:12px}.perm{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.perm:first-of-type{border-top:0}.perm b{font-weight:600;display:block}.perm small{color:var(--muted);font-size:12.5px;line-height:1.4;display:block}.switch{position:relative;width:40px;height:22px;border-radius:999px;background:#2a3546;border:0;cursor:pointer;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#c9d3e0;transition:transform .15s}.switch[aria-checked=true]{background:var(--action)}.switch[aria-checked=true]:after{transform:translate(18px);background:#fff}.switch:disabled{opacity:.5;cursor:not-allowed}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatches button{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer}.swatches button[aria-pressed=true]{border-color:#fff}.access-summary{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.access-summary span{font-size:11px;color:var(--muted);background:#121821;border:1px solid var(--line);border-radius:999px;padding:1px 7px}@media (max-width: 900px){.roles-layout{grid-template-columns:1fr}}.next-payout{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:#34c38f14;border:1px solid rgba(52,195,143,.22);font-size:13.5px}.next-payout b{color:var(--st-finished)}.storage-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:start}.storage-top>.panel{margin:0}.storage-hero{display:flex;align-items:center;gap:28px;padding:22px 26px;flex-wrap:wrap}.donut{position:relative;width:220px;height:220px;flex:none}.donut svg{display:block}.donut-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-mid b{font-family:var(--display);font-size:58px;font-weight:760;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.donut-mid span{color:var(--muted);font-size:13px;margin-top:6px}.storage-facts{display:flex;flex-direction:column;gap:16px;min-width:200px;flex:1}.fact{display:flex;gap:12px;align-items:flex-start}.fact .key{width:12px;height:12px;border-radius:3px;margin-top:5px;flex:none}.fact b{font-family:var(--display);font-size:22px;font-weight:700;margin-right:4px}.fact small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}.meters{display:flex;flex-direction:column;gap:4px}.meter{display:grid;grid-template-columns:minmax(90px,140px) 1fr 64px;gap:12px;align-items:center;background:none;border:0;color:var(--text);padding:8px 6px;border-radius:8px;cursor:pointer;text-align:left}.meter:hover{background:var(--panel-2)}.meter-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter-bar{display:flex;gap:2px;height:12px;background:#1d2633;border-radius:4px;overflow:hidden}.meter-bar i{display:block;height:100%}.meter-bar i:last-child{border-radius:0 4px 4px 0}.meter-v{text-align:right;font-variant-numeric:tabular-nums}.meter-v b{display:block;font-size:16px}.meter-v small{color:var(--muted);font-size:11.5px}.meter-legend{display:flex;gap:14px;color:var(--muted);font-size:12px;padding:8px 6px 0}@media (max-width: 1000px){.storage-top{grid-template-columns:1fr}}.my-h{font-family:var(--display);font-size:19px;margin:8px 0 10px}.my-h-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:22px}.my-h-row .muted{font-size:13px}.payout-rule{padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}.setup-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.setup-steps li b{font-weight:650}.setup-steps li small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}.drive-box{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.nav-ico{flex:none;opacity:.75}.navlink.on .nav-ico,.navlink:hover .nav-ico{opacity:1}.navlink.on .nav-ico{color:var(--action)}.navlink.sub .nav-ico{width:15px;height:15px}