:root{color-scheme:dark;--bg:#0e1622;--surface:#15202e;--surface-2:#1c2a3a;--line:#27384c;--ink:#e8eef5;--muted:#8ba0b6;--steel:#3d6e9e;--steel-bright:#5b9bd5;--amber:#e0a23a;--green:#3fb27f;--red:#e0584a;--c-blue:#5b9bd5;--c-indigo:#7c8cf8;--c-violet:#b57cf0;--c-teal:#38c0b0;--c-green:#3fb27f;--c-amber:#e6b24a;--c-pink:#f072a8;--c-red:#e0584a;--grad-1:linear-gradient(135deg,#5b9bd5,#7c8cf8);--grad-2:linear-gradient(135deg,#b57cf0,#f072a8);--grad-3:linear-gradient(135deg,#38c0b0,#3fb27f);--grad-4:linear-gradient(135deg,#e6b24a,#f0895a);--shadow:0 12px 34px rgba(0,0,0,.38);--shadow-sm:0 6px 18px rgba(0,0,0,.28);--mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,monospace}[data-theme=light]{color-scheme:light;--bg:#eef2f7;--surface:#fff;--surface-2:#f1f5fa;--line:#dde5ee;--ink:#17232f;--muted:#5f7488;--steel:#3d6e9e;--steel-bright:#2e79c4;--amber:#bf7d16;--green:#1f9d63;--red:#d23b2c;--c-blue:#2e79c4;--c-indigo:#5a68e0;--c-violet:#9b52d8;--c-teal:#159d8d;--c-green:#1f9d63;--c-amber:#c8871f;--c-pink:#d94e8f;--c-red:#d23b2c;--grad-1:linear-gradient(135deg,#4a8fd6,#6f7ef2);--grad-2:linear-gradient(135deg,#9b52d8,#e05b9a);--grad-3:linear-gradient(135deg,#159d8d,#1f9d63);--grad-4:linear-gradient(135deg,#d99a2a,#e8763f);--shadow:0 12px 34px rgba(40,64,98,.14);--shadow-sm:0 6px 18px rgba(40,64,98,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.badge,.btn,.group-h,.iconbtn,.modal,.navlink,.panel,.side,.stat,.sublink,.topbar,body,input,select,td,textarea,th{transition:background-color .25s ease,color .2s ease,border-color .25s ease,box-shadow .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--mono);letter-spacing:.02em}.shell{display:flex;min-height:100vh}.side{width:230px;background:var(--surface);border-right:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand,.side{display:flex;flex-direction:column}.brand{padding:16px 18px;border-bottom:1px solid var(--line);gap:8px;align-items:flex-start}.brand-logo-box{background:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 2px 10px rgba(0,0,0,.18)}.brand-logo{width:120px;max-width:100%;height:auto;display:block}.brand-fallback{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;flex:none;filter:drop-shadow(0 2px 7px rgba(91,155,213,.4))}.brand-txt{min-width:0}.brand-sub{color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.brand h1{margin:0;font-size:17px;letter-spacing:.06em;font-weight:800}.brand span{color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.nav{padding:12px 10px;flex:1 1;overflow-y:auto}.navlink{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-weight:500;font-size:13px;margin-bottom:2px}.navlink:hover{background:var(--surface-2);color:var(--ink)}.navlink.on{background:var(--grad-1);color:#fff;box-shadow:0 6px 16px rgba(91,155,213,.32)}.navlink.on .ic{opacity:1}.navlink .ic{font-size:13px;width:16px;text-align:center;opacity:.9}.group{margin-top:10px}.group-h{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;cursor:pointer;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.group-h:hover{color:var(--ink)}.group-h .caret{display:inline-block;font-size:10px;transition:transform .15s ease;color:var(--steel-bright)}.group-h .caret.down{transform:rotate(90deg)}.sub{padding-left:6px;border-left:1px solid var(--line);margin:2px 0 4px 17px}.sublink{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 12px;border-radius:7px;border:none;background:transparent;color:var(--muted);font-size:12.5px;font-weight:500;margin-bottom:1px}.sublink:hover{background:var(--surface-2);color:var(--ink)}.sublink:hover .dot{background:var(--steel-bright)}.sublink.on{background:linear-gradient(90deg,rgba(91,155,213,.2),rgba(124,140,248,.06));color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--steel-bright)}.sublink.on .dot{background:var(--steel-bright);box-shadow:0 0 0 4px rgba(91,155,213,.18)}.sublink .dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex:none;transition:box-shadow .2s ease,background .2s ease}.nav-sep{height:1px;background:var(--line);margin:12px 8px}.userbox{padding:14px 16px;border-top:1px solid var(--line);font-size:12px}.credit{margin-top:12px;font-size:9.5px;line-height:1.5;color:var(--muted);text-align:center;letter-spacing:.02em}.credit a{color:var(--steel-bright);text-decoration:none}.credit a:hover{text-decoration:underline}.userbox b{display:block;font-size:13px}.userbox .role{color:var(--steel-bright);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--surface)}.topbar h2{margin:0;font-size:16px;font-weight:700}.content{padding:26px;flex:1 1}.grid{display:grid;grid-gap:16px;gap:16px}.stat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;overflow:hidden;--accent:var(--steel-bright)}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.stat.clickable{cursor:pointer}.stat.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.stat .n{font-size:32px;font-weight:800;font-family:var(--mono);color:var(--accent);line-height:1.1}.stat .l{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.stat .ico{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;background:var(--accent);opacity:.9}.stat.amber{--accent:var(--amber)}.stat.green{--accent:var(--green)}.stat.steel{--accent:var(--steel-bright)}.dash-hero{position:relative;border-radius:16px;padding:22px 24px;margin-bottom:18px;overflow:hidden;background:var(--grad-1);color:#fff;box-shadow:var(--shadow-sm)}.dash-hero:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:hsla(0,0%,100%,.12)}.dash-hero h2{margin:0;font-size:20px;font-weight:800;letter-spacing:.01em}.dash-hero p{margin:6px 0 0;font-size:13px;opacity:.9}.dash-hero .ring-wrap{position:absolute;right:26px;top:50%;transform:translateY(-50%);text-align:center}.ring{width:74px;height:74px;background:conic-gradient(#fff var(--p,0),hsla(0,0%,100%,.28) 0)}.ring,.ring i{border-radius:50%;display:flex;align-items:center;justify-content:center}.ring i{width:56px;height:56px;background:rgba(0,0,0,.14);font-weight:800;font-size:15px;font-style:normal;color:#fff}.tbar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s ease}.tbar:last-child{border-bottom:none}.tbar:hover{background:var(--surface-2)}.tbar .tlabel{width:170px;font-size:13px;font-weight:500;flex:none}.tbar .ttrack{flex:1 1;height:9px;background:var(--surface-2);border-radius:6px;overflow:hidden}.tbar .tfill{height:100%;border-radius:6px;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.tbar .tval{font-family:var(--mono);width:34px;text-align:right;font-weight:600;color:var(--accent)}.themebtn{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);width:38px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1}.themebtn:hover{border-color:var(--steel-bright);color:var(--steel-bright)}.team-chip{letter-spacing:.1em;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:20px}.branch-chip,.team-chip{font-size:10.5px;padding:5px 10px}.branch-chip{letter-spacing:.06em;color:var(--steel-bright);background:rgba(91,155,213,.12);border:1px solid var(--steel-bright);border-radius:20px}.branch-filter{border-color:var(--steel-bright);color:var(--steel-bright);font-weight:600}.notif-btn,.notif-wrap{position:relative}.notif-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);width:38px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1}.notif-btn:hover{border-color:var(--steel-bright)}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--c-red);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface)}.notif-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:88vw;max-height:440px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:60}.notif-head,.notif-panel{background:var(--surface)}.notif-head{position:-webkit-sticky;position:sticky;top:0;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notif-head h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.notif-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:flex-start}.notif-item:last-child{border-bottom:none}.notif-item.unread,.notif-item:hover{background:var(--surface-2)}.notif-item.unread{box-shadow:inset 3px 0 0 var(--steel-bright)}.notif-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none}.notif-item .t{font-size:13px;line-height:1.35}.notif-item .m{font-size:11px;color:var(--muted);margin-top:3px}.notif-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-h h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 18px;font-weight:600}td,th{border-bottom:1px solid var(--line)}td{padding:12px 18px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.04em}.b-PENDING{background:rgba(224,162,58,.16);color:var(--amber)}.b-IN_PROGRESS{background:rgba(91,155,213,.16);color:var(--steel-bright)}.b-AVAILABLE,.b-COMPLETED{background:rgba(63,178,127,.16);color:var(--green)}.b-BUSY{background:rgba(224,88,74,.16);color:var(--red)}.b-OFFLINE{background:rgba(139,160,182,.14);color:var(--muted)}.btn{background:var(--steel);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-weight:600;font-size:13px}.btn:hover{background:var(--steel-bright)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{padding:6px 11px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.backbtn{color:var(--steel-bright);border-color:var(--steel-bright);font-weight:700}.btn.backbtn:hover{background:var(--steel-bright);color:#fff}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:8px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--steel-bright)}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.field{margin-bottom:14px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.hint{font-size:12px;margin-top:5px}.hint.ok{color:var(--green)}.hint.bad{color:var(--red)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 70% -10%,rgba(61,110,158,.25),transparent),var(--bg)}.login-card{width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:34px}.login-card .logo{font-size:22px;font-weight:800;letter-spacing:.06em}.login-card .sub{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.err{background:rgba(224,88,74,.12);color:var(--red);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}.modal-bg{position:fixed;inset:0;background:rgba(6,11,18,.66);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;z-index:50;overflow-y:auto}.modal{width:460px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.45)}.modal h3{margin:0 0 4px;font-size:16px}.modal .modal-sub{color:var(--muted);font-size:12px;margin-bottom:18px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tag.web{background:rgba(91,155,213,.16);color:var(--steel-bright)}.tag.mobile{background:rgba(63,178,127,.16);color:var(--green)}.tag.mgr{background:rgba(224,162,58,.16);color:var(--amber)}.iconbtn{background:transparent;border:1px solid var(--line);color:var(--ink);padding:5px 9px;border-radius:7px;font-size:12px}.iconbtn:hover{background:var(--surface-2)}.iconbtn.danger:hover{background:rgba(224,88,74,.14);border-color:var(--red);color:var(--red)}.iconbtn:disabled{opacity:.35;cursor:not-allowed}