:root{color-scheme:dark;--bg:#201d1c;--sidebar:#191716;--surface:#282423;--surface2:#302c2b;--line:#3b3634;--text:#e8e5e4;--muted:#a9a3a0;--blue:#3c82f6;--green:#14bc80;--red:#ed6671}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:264px;flex:none;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 10px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;font-weight:750;font-size:19px;padding:3px 10px 24px}.brand-mark{color:#e7c0db;font-size:25px}.side-label{font-size:10px;letter-spacing:.1em;color:#716d6b;padding:4px 13px 12px}.side-link,.project-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#bdb7b5}.side-link:hover,.project-link:hover,.side-link.active,.project-link.active{background:#302b29;color:#fff}.side-link.active,.project-link.active{background:#0e0d0d}.side-link span:first-child{width:18px;text-align:center;color:#8f8987}.project-scroll{overflow:auto;flex:1;margin:5px 0 12px;padding:0 2px}.project-link{padding:7px 12px;margin:1px 0}.project-badge{width:24px;height:24px;border-radius:8px;background:#a27dbc;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex:none}.project-badge.large{width:38px;height:38px;border-radius:11px;font-size:13px}.project-link:nth-child(4n+1) .project-badge{background:#c5838d}.project-link:nth-child(4n+2) .project-badge{background:#9c9bcf}.project-link:nth-child(4n+3) .project-badge{background:#9dc08e}.side-bottom{border-top:1px solid var(--line);padding-top:12px}.side-count{margin-left:auto;background:#dce9ff;color:#3975ed;font-size:11px;padding:2px 6px;border-radius:6px}.work{min-width:0;flex:1}.topbar{height:45px;background:#1c1a19;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#aaa4a1;font-size:11px}.top-stats,.top-right{display:flex;align-items:center;gap:22px}.top-stats strong{background:#353130;padding:4px 8px;border-radius:6px;color:#d3d0ce}.online-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:-15px}.top-logout{background:none;border:0;color:#aaa4a1}.top-logout:hover{color:#fff}.main{padding:28px 34px 60px;max-width:1920px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:23px;margin:0;font-weight:700}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.button{border:1px solid #484240;border-radius:10px;background:#393433;color:#ddd9d8;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px}.button:hover,.button.selected{background:#4a4442;color:#fff}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.primary:hover{background:#2571ed}.button.danger-button{color:#ff9da4;border-color:#784046}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;letter-spacing:.07em;color:#aaa4a1;font-weight:700;padding:14px 16px;background:#262221}td{border-top:1px solid var(--line);padding:12px 16px;height:48px}tbody tr:hover{background:#302b2a}.row-title{font-weight:650}.row-title small{display:block;color:var(--muted);font-weight:400}.row-title .project-badge{margin-right:8px}.muted,.help{color:var(--muted)}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;color:var(--muted);padding:36px}.pill{border-radius:7px;padding:5px 8px;font-size:11px;font-weight:650;white-space:nowrap}.pill-green{background:#d9f8e9;color:#159364}.pill-red{background:#ffe5e8;color:#d95569}.pill-blue{background:#dce9ff;color:#367afa}.notice{padding:11px 14px;border-radius:9px;margin-bottom:18px;background:#194a39;color:#bef3da}.notice-error{background:#5b2b32;color:#ffd9dc}.project-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.project-head h2{margin:0;font-size:19px}.project-head .pill{margin-left:8px}.metrics{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 27px}.metrics>div{min-width:145px;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px}.metrics span{display:block;color:var(--muted);font-size:10px;letter-spacing:.07em}.metrics strong{display:block;font-size:20px;margin-top:6px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:26px 0 12px}.section-title h2,.settings-card h2{font-size:16px;margin:0}.search{display:flex;gap:8px}.search input{width:245px}.icon-button{border:0;background:#403b39;color:#ddd;border-radius:9px;width:30px;height:30px;font-size:20px;line-height:1}.icon-button.danger{color:#ff9da4}dialog{border:1px solid #49423f;border-radius:18px;background:#2a2625;color:var(--text);width:min(630px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;box-shadow:0 28px 80px #0008}dialog::backdrop{background:#0009}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px}.dialog-head h2{font-size:17px;margin:0}.dialog-body{padding:22px}.stack{display:flex;flex-direction:column;gap:17px}.stack label,.login-card label{display:flex;flex-direction:column;gap:7px;color:#d2cdcb}.stack small{font-size:11px;color:var(--muted);font-weight:400}.stack .button{align-self:flex-end}input,textarea{color:var(--text);background:#262221;border:1px solid #49423f;border-radius:9px;padding:10px 12px;outline:none}input:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}input[type=file]{width:100%}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 16px;max-width:850px}.settings-card p{margin:12px 0}.url-box{display:block;overflow:auto;padding:13px;background:#1d1a19;border:1px solid var(--line);border-radius:8px;color:#aac9ff}.intro{margin-bottom:20px}.narrow{max-width:420px}.login-body{display:grid;place-items:center;min-height:100vh;background:#1c1a19}.login-card{width:min(420px,calc(100vw - 30px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px}.login-card .brand{padding:0;margin-bottom:27px}.login-card h1{font-size:22px;margin:0}.login-card p{color:var(--muted);margin:6px 0 25px}.login-card form{display:flex;flex-direction:column;gap:14px}.wide{width:100%}
@media(max-width:800px){.sidebar{width:64px;padding:12px 5px}.brand{font-size:0;padding:0 10px 20px}.brand-mark{font-size:25px}.side-label,.project-scroll,.side-link{font-size:0}.side-link{justify-content:center;padding:10px}.side-link span:first-child{font-size:17px}.side-count{display:none}.main{padding:20px 14px}.topbar{padding:0 14px}.top-stats{display:none}.section-title{align-items:flex-start;flex-direction:column}.search input{width:min(245px,55vw)}}
select{color:var(--text);background:#262221;border:1px solid #49423f;border-radius:9px;padding:10px 12px;outline:none}
select:focus{border-color:var(--blue)}
[hidden]{display:none!important}
.project-tabs{display:flex;gap:5px;background:#191716;border:1px solid var(--line);border-radius:11px;padding:5px;width:max-content;margin:18px 0}
.project-tabs a{padding:7px 15px;border-radius:8px;color:#8fa7d3}.project-tabs a.active{background:#363130;color:var(--text)}
.run-list{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 17px}
.table-wrap a:hover{color:#8fb9ff;text-decoration:underline}
.brand{padding:0 4px 16px;display:flex;justify-content:center;min-height:76px}
.brand img{display:block;width:218px;max-width:100%;height:auto;object-fit:contain}
.login-card .brand{min-height:96px;margin-bottom:12px}
.login-card .brand img{width:260px}
@media(max-width:800px){.sidebar .brand{min-height:52px;padding:0 0 10px}.sidebar .brand img{display:none}.sidebar .brand::before{content:"T";font:900 25px/1 Arial,sans-serif;color:#ff801c;text-shadow:-2px -2px #00bfff,2px 2px #061955}.login-card .brand img{display:block}}
.project-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-radius:10px;margin:1px 0}
.project-item.active{background:#0e0d0d}
.project-item .project-link{min-width:0;margin:0;padding-right:2px}
.project-item.active .project-link,.project-item.active .project-link:hover{background:transparent}
.project-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.project-menu-toggle{border:0;background:transparent;color:#aaa4a1;border-radius:7px;font-size:22px;line-height:1;width:28px;height:30px;padding:0;opacity:.65}
.project-item:hover .project-menu-toggle,.project-menu-toggle:focus-visible,.project-menu-toggle[aria-expanded=true]{opacity:1;color:#fff;background:#393433}
.project-menu{grid-column:1 / -1;padding:3px 7px 8px}
.project-delete{width:100%;text-align:left;background:#3a292b;border:1px solid #674145;color:#ff9da4;border-radius:8px;padding:8px 10px}
.project-delete:hover{background:#573034}
@media(max-width:800px){.project-item{display:none}}
.position-value{text-align:center;min-width:90px;font-variant-numeric:tabular-nums;font-weight:650}
.position-value.position-one{background:#164ce8;color:#fff}
.position-value.position-cyan{background:#08b9ee;color:#fff}
.position-value.position-green{background:#00c955;color:#fff}
.position-value.position-mint{background:#b4f0cd;color:#1c4934}
.position-value.position-amber{background:#d28b00;color:#fff}
.position-value.position-red{background:#ff2e4b;color:#fff}
.table-wrap th{padding:9px 11px;font-size:10px;line-height:1.2}
.table-wrap td{padding:8px 11px;height:38px;font-size:12px;line-height:1.3}
.table-wrap .row-title{font-weight:600}
.table-wrap .icon-button{width:26px;height:26px;font-size:17px;border-radius:7px}
.sort-button{display:inline-flex;align-items:center;gap:5px;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font-size:inherit;font-weight:inherit;letter-spacing:inherit;white-space:nowrap}
.sort-button::after{content:'↕';color:#77716f;font-size:12px;font-weight:400}
th[aria-sort='ascending'] .sort-button::after{content:'↑';color:#70a5ff}
th[aria-sort='descending'] .sort-button::after{content:'↓';color:#70a5ff}
.sort-button:hover,.sort-button:focus-visible{color:#fff}
.sort-button:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}
@media(max-width:800px){.table-wrap th{padding:8px 9px}.table-wrap td{padding:7px 9px;height:36px}}
.queries-table th.position-column,.queries-table td.position-value{width:94px;min-width:76px;max-width:100px;padding-left:6px;padding-right:6px}
.queries-table th.position-column .sort-button{white-space:normal;justify-content:center;text-align:center;gap:3px}
.tabs-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}
.tabs-toolbar .project-tabs{margin:0}
.metric-breakdown{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}
.topbar{gap:12px}.hour-status{display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:10px;margin-right:auto;padding:4px 9px;border:1px solid;border-radius:8px;font-size:11px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.hour-status b{font-weight:700}.hour-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}.hour-status-lag{padding-left:7px;border-left:1px solid currentColor}.hour-status-green{color:#9de7bf;background:#17382b;border-color:#315f48}.hour-status-yellow{color:#f4d27b;background:#40351d;border-color:#796032}.hour-status-red{color:#ff9ea5;background:#42262b;border-color:#854249}.hour-status-neutral{color:#bbb4b1;background:#302c2b;border-color:#49423f}.top-health{display:inline-flex;align-items:center;gap:5px}.top-health .online-dot{margin:0}
.hour-status{margin-right:0}.balance-status{display:inline-flex;align-items:center;gap:6px;flex:none;margin-right:auto;padding:4px 8px;border:1px solid;border-radius:8px;font-size:11px;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.balance-status-green{color:#9de7bf;background:#17382b;border-color:#315f48}.balance-status-yellow{color:#f4d27b;background:#40351d;border-color:#796032}.balance-status-red{color:#ff9ea5;background:#42262b;border-color:#854249}.balance-status-neutral{color:#bbb4b1;background:#302c2b;border-color:#49423f}.balance-icon{font-size:13px;line-height:1}
@media(max-width:1240px){.balance-status [data-balance-age]{display:none}}@media(max-width:1050px){.balance-status{margin-left:0}}@media(max-width:800px){.balance-status{margin-right:auto}}@media(max-width:600px){.balance-status b{display:none}.balance-status [data-balance-age]{display:none}.balance-status{padding:4px 6px}}
@media(max-width:1050px){.hour-status-lag{display:none}}@media(max-width:800px){.hour-status{margin-left:0}.top-health{display:none}.top-right{gap:8px}}@media(max-width:560px){.hour-status{gap:4px;padding:4px 6px;font-size:10px}.hour-status [data-hour-label]{display:none}}
.hour-status-clicks{padding-left:7px;border-left:1px solid currentColor}.hour-status-clicks small{font-size:10px;opacity:.82;margin-left:3px}.worker-status{display:inline-flex;align-items:center;gap:3px;flex:none;border:1px solid;border-radius:8px;padding:4px 8px;font-size:11px;white-space:nowrap}.worker-status-green{color:#9de7bf;background:#17382b;border-color:#315f48}.worker-status-yellow{color:#f4d27b;background:#40351d;border-color:#796032}.worker-status-red{color:#ff9ea5;background:#42262b;border-color:#854249}.worker-status-neutral{color:#bbb4b1;background:#302c2b;border-color:#49423f}.worker-status:hover{filter:brightness(1.2)}.side-count-alert{background:#ffe5e8;color:#d95569}.worker-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.worker-summary>div{padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:140px}.worker-summary b{display:block;font-size:19px}.worker-summary span{color:var(--muted);font-size:11px}.worker-table td{font-variant-numeric:tabular-nums}.worker-table .pill{display:inline-block}
.ops-status{display:inline-flex;align-items:center;gap:5px;flex:none;border:1px solid;border-radius:8px;padding:4px 8px;font-size:11px;white-space:nowrap}.ops-status-green{color:#9de7bf;background:#17382b;border-color:#315f48}.ops-status-yellow{color:#f4d27b;background:#40351d;border-color:#796032}.ops-status-red{color:#ff9ea5;background:#42262b;border-color:#854249}.ops-status-neutral{color:#bbb4b1;background:#302c2b;border-color:#49423f}.ops-status b{font-weight:650}
@media(max-width:1350px){.ops-status [data-ops-free]{display:none}}@media(max-width:1100px){.ops-status b{display:none}.ops-status{padding:4px 6px}}
@media(max-width:1500px){.hour-status-clicks small{display:none}}@media(max-width:1250px){.hour-status-lag{display:none}.balance-status [data-balance-age]{display:none}}@media(max-width:1050px){.worker-status{font-size:0}.worker-status b,.worker-status [data-worker-alerts]{font-size:11px}}@media(max-width:700px){.hour-status-clicks{display:none}.worker-status{padding:4px 6px}}
.adaptive-label{color:#f4d27b!important}.worker-table td small{display:block;font-size:10px;margin-top:2px}
.stack .schedule-toggle{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);line-height:1.4}.schedule-toggle input{width:auto;margin-right:7px;vertical-align:middle;accent-color:#397cff;appearance:auto;padding:0;background:transparent;border:0}.schedule-toggle small{display:block;margin:5px 0 0 23px;color:var(--muted)}
.schedule-preview{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#211e1d}.schedule-preview b{display:block;font-size:12px}.schedule-bars{height:72px;display:flex;align-items:flex-end;gap:3px;margin:10px 0 8px;border-bottom:1px solid #68605c}.schedule-bars span{display:block;flex:1;min-width:5px;background:#4385f4;border-radius:3px 3px 0 0}.schedule-bars span.zero{opacity:.3}.schedule-preview small{display:block;color:var(--muted);font-size:11px}