:root{font-family:"Aptos","Segoe UI Variable","Segoe UI",sans-serif;--ink:#eaf2ff;--muted:#8ea0b9;--line:rgba(130,160,200,.17);--blue:#5b8cff;--navy:#070b14;--green:#36e6af;background:#070b14;color-scheme:dark}
*{scrollbar-color:#30405d #090e19}body{background:radial-gradient(circle at 82% -10%,rgba(70,101,255,.22),transparent 30%),radial-gradient(circle at 25% 90%,rgba(16,208,183,.10),transparent 35%),#070b14;color:var(--ink)}
.shell{grid-template-columns:288px minmax(0,1fr);min-height:100vh}.main{min-width:0}
aside{position:relative;background:rgba(6,10,19,.92);color:#fff;padding:0;border-right:1px solid rgba(135,166,220,.16);box-shadow:18px 0 50px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
aside:before{content:"IT OPERATIONS  •  LIVE";display:block;padding:13px 24px;background:linear-gradient(90deg,#6d5cff,#29d9d0);color:white;font:800 11px/1 "Cascadia Mono",monospace;letter-spacing:1.2px}
.brand{padding:31px 25px 17px;font-size:29px;font-weight:800;letter-spacing:-1.3px;color:#fff}.brand-icon{display:inline-grid;place-items:center;width:43px;height:43px;margin-right:10px;background:linear-gradient(145deg,#6f62ff,#318cff);border:1px solid rgba(255,255,255,.28);border-radius:13px;box-shadow:0 0 26px rgba(81,114,255,.36)}.brand-dot{color:#3de5b3;text-shadow:0 0 12px #3de5b3}
.workspace{padding:20px 25px;margin:8px 0 4px;border-block:1px solid rgba(134,162,205,.12);color:#7f91aa;font-size:11px;letter-spacing:1.3px}.workspace span{display:block;margin-top:7px;color:#f2f6ff;font-size:19px;font-weight:700;letter-spacing:-.35px}
nav{padding:17px 13px}.nav-button{position:relative;border-radius:12px;padding:13px 14px;border:1px solid transparent;color:#8fa1ba;font-weight:650;transition:.2s ease}.nav-button:hover{color:#fff;background:rgba(96,125,180,.10);transform:translateX(2px)}.nav-button.active{color:#fff;background:linear-gradient(100deg,rgba(90,106,255,.27),rgba(48,206,211,.08));border-color:rgba(105,125,255,.30);box-shadow:inset 3px 0 #7770ff,0 8px 28px rgba(0,0,0,.14)}.nav-button.active:after{content:"›";position:absolute;right:15px;color:#72dcd8;font-size:22px;line-height:16px}.nav-icon{color:#7085a5}.nav-button.active .nav-icon{color:#80e7e2}.sidebar-bottom{padding:23px 25px;margin-top:auto;border-top:1px solid rgba(134,162,205,.12);color:#9aabc1}.online{background:#36e6af;box-shadow:0 0 12px #36e6af}
header{height:94px;padding:0 42px;background:rgba(7,11,20,.70);border-bottom:1px solid rgba(129,158,205,.14);backdrop-filter:blur(20px)}.eyebrow{color:#62dad8;font:750 12px/1 "Cascadia Mono",monospace;letter-spacing:.8px}.header-divider{color:#35435a}.role-label{padding:7px 8px 7px 14px;border:1px solid rgba(124,153,202,.20);border-radius:12px;background:rgba(17,25,42,.82);color:#b9c8dc;box-shadow:0 8px 25px rgba(0,0,0,.18)}
select,input,textarea{color:#e9f1ff;background:#0e1625;border:1px solid rgba(133,164,215,.24);border-radius:10px;outline:none;transition:border-color .18s,box-shadow .18s}select:focus,input:focus,textarea:focus{border-color:#6976ff;box-shadow:0 0 0 3px rgba(105,118,255,.16)}option{background:#0e1625;color:#fff}
.demo-banner{padding:10px 42px;background:linear-gradient(90deg,rgba(104,86,255,.14),rgba(38,206,195,.08));border-bottom:1px solid rgba(130,156,200,.12);color:#8f86ff;font-weight:800;letter-spacing:.5px}.demo-banner span{color:#98a9c0;font-weight:500;letter-spacing:0}
main{padding:38px 42px}.page-title{position:relative;padding-left:19px;margin-bottom:29px}.page-title:before{content:"";position:absolute;inset:2px auto 2px 0;width:4px;border-radius:5px;background:linear-gradient(#7770ff,#31d8ce);box-shadow:0 0 15px rgba(74,208,211,.30)}h1{color:#f5f8ff;font-size:38px;line-height:1.08;letter-spacing:-1.7px}.subtle{color:#8c9db4}
.btn{border-radius:10px;background:linear-gradient(135deg,#6b63ff,#367ded);border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 20px rgba(45,77,200,.22);transition:.18s ease}.btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 11px 26px rgba(45,77,200,.30)}.btn.secondary{color:#cbd7e9;background:#121c2d;border-color:rgba(130,158,204,.23);box-shadow:none}.btn.danger{background:rgba(255,83,112,.13);border-color:rgba(255,83,112,.32);color:#ff879b;box-shadow:none}
.toolbar{background:rgba(13,20,34,.64);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:18px}.stats{gap:14px;border:0}.stat{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:23px 24px;background:linear-gradient(145deg,rgba(18,28,47,.86),rgba(11,17,29,.82));box-shadow:0 16px 38px rgba(0,0,0,.16)}.stat:after{content:"";position:absolute;width:90px;height:90px;right:-38px;top:-44px;border-radius:50%;background:var(--glow,#6577ff);opacity:.10;filter:blur(2px)}.stat:nth-child(2){--glow:#2fe0cf}.stat:nth-child(3){--glow:#ffb64a}.stat:nth-child(4){--glow:#42e99e}.stat-label{color:#91a3bb}.stat strong{font-size:38px;color:#f6f8ff}.stat .accent{color:#58ddd5}
.panel{overflow:hidden;border-radius:16px;border:1px solid var(--line);background:rgba(12,19,32,.84);box-shadow:0 18px 48px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.panel-head{background:linear-gradient(90deg,rgba(25,35,57,.80),rgba(14,23,38,.72));border-bottom:1px solid var(--line);padding:19px 22px}.panel h2{color:#edf3ff}.pill-count{border-radius:20px;background:rgba(48,222,185,.12);border:1px solid rgba(48,222,185,.25);color:#55e6bc;font-family:"Cascadia Mono",monospace;font-weight:700}
.table-wrap{background:transparent}table{border-collapse:separate;border-spacing:0}th{background:#0a111e;color:#7589a6;padding:14px 19px;border-bottom:1px solid rgba(126,154,201,.15);font-size:12px;letter-spacing:.65px}td{background:transparent;color:#dce6f5;border-bottom:1px solid rgba(126,154,201,.10);padding:17px 19px}tbody tr{transition:background .16s}tbody tr:hover td{background:rgba(86,111,171,.07)}.id,.asset-code{font-family:"Cascadia Mono",Consolas,monospace;color:#7f8fff;font-weight:700}
.tag{border-radius:20px;border:1px solid rgba(141,162,196,.20);background:rgba(111,132,166,.11);color:#b9c8db;padding:6px 10px}.tag.s0{color:#ffc86b;background:rgba(245,170,47,.10);border-color:rgba(245,170,47,.25)}.tag.s1{color:#87a0ff;background:rgba(92,103,255,.12);border-color:rgba(92,103,255,.26)}.tag.s2,.tag.s3{color:#4de2bd;background:rgba(39,212,169,.10);border-color:rgba(39,212,169,.25)}.tag.s4{color:#82e7bc;background:rgba(49,217,148,.10);border-color:rgba(49,217,148,.25)}.tag.s5{color:#ff8297;background:rgba(255,82,112,.10);border-color:rgba(255,82,112,.25)}
.activity-dot{background:#6a75ff;box-shadow:0 0 10px rgba(106,117,255,.7)}.bar{background:#152138}.bar div{background:linear-gradient(90deg,#6b69ff,#31daca)}
dialog{border-radius:18px;border:1px solid rgba(122,151,200,.28);border-top:3px solid #6e6bff;background:#0c1422;color:#e8f0fc;box-shadow:0 35px 90px rgba(0,0,0,.62)}dialog::backdrop{background:rgba(2,5,11,.72);backdrop-filter:blur(8px)}.close{border-radius:10px;background:#152135;color:#dce7f8}.notice{background:rgba(83,101,255,.10);border:1px solid rgba(102,119,255,.20);border-left:4px solid #716dff;color:#bdc9dc}.divider{border-color:var(--line)}
.scope-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;padding:10px;background:rgba(12,19,32,.76);border:1px solid var(--line);border-radius:15px}.scope-tabs .btn{background:transparent;color:#8fa2bc;border-color:transparent;box-shadow:none}.scope-tabs .btn:hover{background:rgba(96,119,178,.10);color:#fff}.scope-tabs .btn.active{background:linear-gradient(135deg,rgba(106,99,255,.27),rgba(43,211,201,.14));border-color:rgba(111,118,255,.30);color:#fff}
.doc-preview{display:block;width:100%;height:68vh;border:1px solid var(--line);border-radius:12px;background:#0a101b}.doc-image{display:block;max-width:100%;max-height:68vh;margin:auto}.doc-text{min-height:320px;padding:24px;background:#0a101b;border:1px solid var(--line);border-radius:12px;color:#dfe9f8;white-space:pre-wrap}.checkline.full{grid-column:1/-1;padding:16px;background:rgba(92,105,255,.10);border:1px solid rgba(102,119,255,.20);border-radius:12px}.checkline.full input{min-width:auto}.empty{color:#8294ad}footer{color:#64758e;border-color:var(--line)}
.order-track{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 28px;padding:20px 10px 16px;background:linear-gradient(135deg,rgba(30,43,70,.7),rgba(10,17,29,.7));border:1px solid var(--line);border-radius:16px}.track-step{position:relative;display:grid;justify-items:center;gap:7px;text-align:center;color:#6e809b}.track-step:not(:last-child):before{content:"";position:absolute;z-index:0;top:20px;left:62%;width:76%;height:3px;background:#26334a}.track-step.done:not(:last-child):before{background:linear-gradient(90deg,#35d9b0,#627bff)}.track-icon{position:relative;z-index:1;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#111b2c;border:2px solid #30405a;color:#7587a1;font-size:18px;box-shadow:0 0 0 5px #0f1828}.track-step.done .track-icon{color:#07130f;background:#38dfb3;border-color:#38dfb3;box-shadow:0 0 0 5px #0f1828,0 0 20px rgba(56,223,179,.3)}.track-step.current .track-icon{color:#fff;background:linear-gradient(145deg,#7167ff,#3a8bef);border-color:#8c87ff;box-shadow:0 0 0 5px #0f1828,0 0 22px rgba(101,105,255,.48);animation:pulseTrack 1.8s ease-in-out infinite}.track-step b{color:#9bacbf;font-size:12px}.track-step.done b,.track-step.current b{color:#e7effb}.track-step small{font-size:11px;color:#63758e}.track-step.current small{color:#8c9aff}.order-track.rejected .track-step.current .track-icon{background:#e44e68;border-color:#ff7f94}@keyframes pulseTrack{50%{box-shadow:0 0 0 7px rgba(15,24,40,.9),0 0 28px rgba(101,105,255,.62)}}
.live-board{margin:18px 0 22px;border-color:rgba(55,220,183,.22)}.live-board .panel-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(35,211,177,.08),rgba(92,102,255,.08))}.live-board .panel-head p{margin:5px 0 0}.live-signal{display:flex;align-items:center;gap:8px;color:#4ce0ba;font:700 12px "Cascadia Mono",monospace}.live-signal i{width:8px;height:8px;border-radius:50%;background:#39e2b4;box-shadow:0 0 12px #39e2b4;animation:livePulse 1.3s ease-in-out infinite}.live-list{display:grid;gap:12px;padding:14px}.live-order{padding:17px 18px 2px;border:1px solid rgba(125,155,205,.14);border-radius:14px;background:rgba(8,15,26,.52)}.live-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-order h3{margin:5px 0 2px;color:#edf4ff}.live-order .order-track{margin:15px 0 12px;padding:14px 8px 10px;background:transparent;border:0;border-top:1px solid rgba(125,155,205,.11);border-radius:0}.live-order .track-icon{width:36px;height:36px;font-size:15px}.live-order .track-step:not(:last-child):before{top:17px}.live-order .track-step b{font-size:11px}@keyframes livePulse{50%{opacity:.35;transform:scale(.75)}}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-title,.stats,.panel,.scope-tabs{animation:rise .38s ease both}.stats{animation-delay:.04s}.panel{animation-delay:.08s}
@media(max-width:1100px){.shell{grid-template-columns:228px minmax(0,1fr)}main{padding:30px 25px}header,.demo-banner{padding-left:25px;padding-right:25px}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.shell{display:block}aside:before{display:none}aside{padding:12px}.brand{padding:8px}.shell nav{padding:11px 0 0}.nav-button.active:after{display:none}header{height:auto;min-height:85px;padding-block:15px;gap:12px;flex-wrap:wrap}main{padding:25px 14px}.page-title{padding-left:14px}h1{font-size:30px}.stats{display:grid;grid-template-columns:1fr}.role-label{flex-wrap:wrap}.demo-banner{padding:10px 14px}.panel{border-radius:13px}.scope-tabs{overflow-x:auto;flex-wrap:nowrap}.scope-tabs .btn{white-space:nowrap}}
.theme-toggle{border:1px solid rgba(124,153,202,.28);border-radius:9px;background:rgba(17,25,42,.82);color:#d9e5f7;padding:8px 11px;font-size:13px;white-space:nowrap}.theme-toggle:hover{border-color:#62dad8}.light-mode{--ink:#172b44;--muted:#64758b;--line:#dce5f0;--blue:#235cdd;--navy:#eef3fa;background:#f3f6fb;color:var(--ink);color-scheme:light}.light-mode body{background:#f3f6fb;color:var(--ink)}.light-mode aside{background:#fff;color:#38516d;border-right:1px solid #dce5f0}.light-mode aside:before{color:#fff}.light-mode .brand{color:#172b44}.light-mode .workspace{color:#64758b;border-color:#dce5f0}.light-mode .workspace span{color:#172b44}.light-mode .nav-button{color:#5c7089}.light-mode .nav-button:hover{background:#edf3fb;color:#172b44}.light-mode .nav-button.active{color:#214b9d;background:#eaf1ff}.light-mode .sidebar-bottom{color:#64758b;border-color:#dce5f0}.light-mode header{background:#fff;border-color:#dce5f0}.light-mode .role-label{background:#fff;color:#52677f;border-color:#dce5f0}.light-mode .theme-toggle{background:#fff;color:#28435e;border-color:#cbd8e8}.light-mode select,.light-mode input,.light-mode textarea{background:#fff;color:#172b44;border-color:#cbd5e2}.light-mode .panel,.light-mode .stat{background:#fff;border-color:#dce5f0}.light-mode th{background:#f7f9fc}.light-mode td{border-color:#edf1f7}.light-mode tr:hover td{background:#fbfcff}.light-mode .btn.secondary{background:#fff;color:#172b44}
.email-compose{display:flex;align-items:stretch}.email-compose input{flex:1;border-radius:10px 0 0 10px}.email-compose span{display:flex;align-items:center;padding:0 12px;border:1px solid rgba(133,164,215,.24);border-left:0;border-radius:0 10px 10px 0;background:#182338;color:#75e1dc;font-weight:700;white-space:nowrap}.light-mode .email-compose span{background:#edf3fb;color:#235cdd;border-color:#cbd5e2}#toast{font-size:15px;border:1px solid rgba(98,218,216,.35);box-shadow:0 14px 45px rgba(0,0,0,.38),0 0 0 5px rgba(91,140,255,.10)}
#manager-alert{position:fixed;z-index:20;left:24px;bottom:24px;width:58px;height:58px;border:1px solid rgba(117,225,220,.4);border-radius:50%;background:linear-gradient(145deg,#6f62ff,#318cff);color:#fff;box-shadow:0 14px 38px rgba(39,83,220,.42);display:grid;place-items:center;transition:.2s transform,.2s box-shadow}#manager-alert:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(39,83,220,.55)}#manager-alert[hidden]{display:none}.chat-icon{font-size:25px;line-height:1}#manager-alert b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border:3px solid #070b14;border-radius:15px;background:#ff405c;color:#fff;font:800 11px/1 "Cascadia Mono",monospace}.light-mode #manager-alert b{border-color:#f3f6fb}
.permission-box{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:4px 0 0;padding:18px;border:1px solid rgba(133,164,215,.24);border-radius:12px}.permission-box legend{padding:0 8px;color:#75e1dc;font-weight:750}.permission-box .checkline{padding:8px 10px;border-radius:8px;background:rgba(85,111,160,.08)}.permission-box input{min-width:auto}.light-mode .permission-box{border-color:#cbd5e2}.light-mode .permission-box legend{color:#235cdd}.light-mode .permission-box .checkline{background:#f4f7fb}@media(max-width:720px){.permission-box{grid-template-columns:1fr}}
#login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:#070b14;color:#edf4ff}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px;background:radial-gradient(circle at 18% 85%,rgba(48,216,203,.18),transparent 34%),radial-gradient(circle at 80% 20%,rgba(102,89,255,.35),transparent 42%),linear-gradient(145deg,#090e1b,#0e1830)}.login-visual:after{content:"";position:absolute;width:440px;height:440px;right:-170px;bottom:-170px;border:1px solid rgba(116,223,220,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(90,104,255,.05),0 0 0 110px rgba(90,104,255,.035)}.login-mark{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:800;letter-spacing:-.6px}.login-mark span,.login-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#7465ff,#318cff);box-shadow:0 12px 32px rgba(67,88,241,.35);color:#fff;font-weight:900}.login-visual h1{font-size:52px;line-height:1.04;letter-spacing:-2.7px;margin:18px 0;color:#fff}.login-visual p{max-width:610px;color:#9caec6;font-size:17px}.login-kicker{color:#62dad8!important;font:800 11px/1.2 "Cascadia Mono",monospace!important;letter-spacing:1.5px}.login-points{display:flex;gap:12px;flex-wrap:wrap}.login-points span{padding:10px 13px;border:1px solid rgba(123,154,203,.2);border-radius:10px;background:rgba(11,19,34,.52);color:#b9c7d9;font-size:13px}.login-panel{display:grid;place-items:center;padding:42px;background:#0a101d}.login-card{width:min(430px,100%);padding:42px;border:1px solid rgba(134,163,214,.18);border-radius:22px;background:rgba(16,24,40,.88);box-shadow:0 30px 90px rgba(0,0,0,.35)}.login-card .login-logo{margin-bottom:20px}.login-card h2{font-size:31px;margin:8px 0}.login-card>.subtle{margin-bottom:27px}.login-card .field{margin-top:17px}.login-button{width:100%;margin-top:8px;padding:13px}.demo-accounts{display:grid;gap:6px;margin-top:25px;padding:15px;border-radius:11px;background:rgba(93,116,164,.09);color:#8293aa;font:12px/1.45 "Cascadia Mono",monospace}.demo-accounts b{color:#b8c6d8}.signed-user{display:grid;line-height:1.15}.signed-user small{color:#7f91aa;margin-top:3px}@media(max-width:900px){#login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:22px}.login-card{padding:28px}}
.login-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.login-card-top select{padding:7px 9px}
@media(max-width:620px){.order-track{display:flex;overflow-x:auto;justify-content:flex-start;padding:18px 14px}.track-step{min-width:112px}.track-step:not(:last-child):before{left:70%;width:60%}.email-compose{display:grid}.email-compose input,.email-compose span{border-radius:10px;border:1px solid rgba(133,164,215,.24)}.email-compose span{padding:9px 12px}}
@media (min-width:541px) and (max-width:900px){#login-screen{grid-template-columns:minmax(220px,.72fr) minmax(350px,1.28fr)}.login-visual{display:flex;padding:30px 24px}.login-visual h1{font-size:31px;line-height:1.08;letter-spacing:-1.5px}.login-visual p{font-size:14px}.login-mark{font-size:18px}.login-mark span{width:42px;height:42px}.login-points{display:grid;gap:7px}.login-points span{padding:8px 9px;font-size:11px}.login-panel{min-height:100vh;padding:18px}.login-card{padding:25px 24px}.login-card h2{font-size:28px}.login-card>.subtle{margin-bottom:20px}.login-card .field{margin-top:14px}.demo-accounts{margin-top:20px;padding:12px;font-size:10px}}
@media(max-width:540px){#login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:18px}.login-card{padding:26px 22px}}
.demo-accounts:after{content:"HR: hr / Hr123!";display:block}
#reason-other-wrap[hidden]{display:none!important}
.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff4d6d;color:#fff;font-size:12px;font-weight:800;box-shadow:0 0 0 3px rgba(255,77,109,.14)}
.nav-badge.hr-badge{background:#ff9f43;box-shadow:0 0 0 3px rgba(255,159,67,.14)}.admin-hr-queue{border-color:rgba(255,159,67,.35)}.admin-hr-queue .panel-head{background:linear-gradient(90deg,rgba(255,159,67,.09),transparent)}
.stat-link{display:block;margin:4px 0 2px;padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:34px;font-weight:800;line-height:1;cursor:pointer}.stat-link:hover,.stat-link:focus-visible{color:#6f78ff;text-decoration:underline;text-underline-offset:5px}