@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b0e14;color:#edf2f7;font:13px Montserrat,Arial,sans-serif;display:flex;min-height:100vh}aside{width:190px;background:#0d1117;border-right:1px solid #242c3a;padding:22px 12px;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{font-size:16px;font-weight:800;letter-spacing:.6px;padding:0 12px 26px}.brand b{color:#4f8cff;font-size:23px}nav{display:grid;gap:5px}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}nav button{display:flex;gap:12px;align-items:center;text-align:left;padding:11px 12px;border-radius:10px;color:#99a5b5;font-weight:600}nav button:first-letter{color:#7d8da3}nav button.active,nav button:hover{background:#202938;color:#fff}nav button[hidden]{display:none!important}nav [hidden]{display:none!important}.sidefoot{margin-top:auto;border-top:1px solid #252e3b;padding:14px 6px 0;color:#aab5c4}.sidefoot button{padding:8px 5px;color:#ff7981}.sidefoot #me{font-weight:700;color:#eef3f9;padding:12px 4px 6px}.sidefoot small{color:#778497}main{margin-left:190px;padding:28px;max-width:1600px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{color:#4f8cff;font-size:10px;letter-spacing:1px;font-weight:800;margin:0 0 5px}h1{margin:0;font-size:25px}h2{font-size:16px;margin:0}h3{font-size:15px;margin:0 0 7px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:#161b26;border:1px solid #273142;border-radius:15px;padding:17px;box-shadow:0 9px 25px #00000020}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.muted{color:#8b98a9;font-size:12px}.metric{font-size:25px;font-weight:800;margin:12px 0 5px}.blue{color:#6ba0ff}.green{color:#4ade80}.progress{height:7px;background:#283243;border-radius:9px;overflow:hidden;margin:11px 0}.progress i{display:block;height:100%;width:68%;background:linear-gradient(90deg,#397cff,#69a5ff);border-radius:9px}.cardtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.tag{font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px;background:#173b2a;color:#55df93}.tag.warn{background:#4a3718;color:#ffba45}.tag.bad{background:#4a2229;color:#ff8790}.row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #263040}.row .grow{min-width:0}.row .grow strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowopen{flex:none;white-space:nowrap;font-size:12px;font-weight:700;color:#73a6ff;background:#1b2636;border-radius:8px;padding:6px 12px;text-decoration:none}.rowbtn{flex:none;white-space:nowrap;font-size:12px;font-weight:700;color:#e8f5ff;background:#164e63;border-radius:8px;padding:6px 12px}.rowbtn:hover{background:#0e7490}.row:last-child{border:0}.row .grow{flex:1;min-width:0}.row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8364e8);font-weight:800}.primary{background:#3b82f6;color:white;font-weight:700;border-radius:9px;padding:10px 13px;box-shadow:0 4px 14px #2563eb44}.primary:hover{background:#5793ff}.outline{border:1px solid #344256;border-radius:9px;padding:9px 12px;color:#c9d5e3}.ghost{width:100%;padding:10px;color:#73a6ff;background:#1b2636;border-radius:8px;margin-top:10px}.empty{text-align:center;color:#8491a3;padding:28px 10px;line-height:1.7}.tabs{display:flex;flex-wrap:wrap;gap:16px;border-bottom:1px solid #273142;margin-bottom:8px}.tabs button{padding:8px 0;color:#8f9bab;font-weight:600}.tabs .active{color:#fff;border-bottom:2px solid #4f8cff}.dropdown{position:relative}.dropdown-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;background:#161b26;border:1px solid #273142;border-radius:10px;padding:10px;min-width:190px;max-height:250px;overflow:auto;box-shadow:0 9px 25px #00000040}.dropdown-panel label{display:flex;gap:8px;align-items:center;margin:0;padding:5px 2px;font-weight:400}[data-theme="light"] .dropdown-panel{background:#ffffff;border-color:#e2e8f0;box-shadow:0 9px 25px #00000014}.workitem{cursor:pointer}.workitem:hover{background:#1b2330;border-radius:8px}input,textarea,select{background:#0f1520;border:1px solid #344054;border-radius:9px;color:#edf2f7;padding:11px;width:100%;font:inherit}label{display:block;margin:12px 0 6px;font-weight:600}select option{background:#161b26;color:#edf2f7}.drop{border:1.5px dashed #4d6384;border-radius:13px;padding:25px;text-align:center;color:#9dabc0}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.hr-messages{height:min(52vh,520px);overflow-y:auto;padding-right:5px;scroll-behavior:smooth}.hr-messages .row{min-height:54px}.hr-photo{display:block;max-width:220px;max-height:220px;object-fit:cover;border-radius:8px;margin-top:6px}.hr-video{display:block;max-width:260px;max-height:200px;margin-top:6px}.hr-file{display:inline-block;margin-top:6px;color:#8dbbff;text-decoration:none}dialog{background:#161b26;color:white;border:1px solid #354153;border-radius:15px;max-width:360px;width:90%}dialog::backdrop{background:#000a}@media(max-width:760px){aside{width:62px;padding:17px 8px}.brand{padding:0 7px 20px;font-size:0}.brand b{font-size:22px}nav button{justify-content:center;padding:12px}nav span,.sidefoot span,.sidefoot #me,.sidefoot small{display:none}main{margin-left:62px;padding:17px}.grid{grid-template-columns:1fr}.span3,.span4,.span5,.span6,.span7,.span8,.span12{grid-column:span 1}h1{font-size:21px}}
 .sla-warn{border:1px solid #e8b23d;box-shadow:0 0 0 1px #e8b23d55}.sla-warn2{border:2px solid #f07c26;box-shadow:0 0 8px 1px #f07c2666;animation:sla-blink 1.6s infinite}.sla-breach{border:2px solid #ff4d5a;box-shadow:0 0 12px 2px #ff4d5a77;animation:sla-blink 1s infinite}@keyframes sla-blink{50%{box-shadow:0 0 3px 0 #ff4d5a33}}.tag.sla-warn-tag{background:#3d3115;color:#e8b23d}.tag.sla-warn2-tag{background:#3f2712;color:#f07c26}.tag.sla-breach-tag{background:#3f1216;color:#ff4d5a}.hr-timer{font-size:11px;font-weight:700}
input[type=checkbox],input[type=radio]{width:auto;flex:none;accent-color:#3b82f6;margin:0}.row .tag{flex:none;white-space:nowrap}[data-theme="light"]{background:#f8fafc;color:#0f172a}[data-theme="light"] aside{background:#ffffff;border-right-color:#e2e8f0}[data-theme="light"] .brand b{color:#2563eb}[data-theme="light"] nav button{color:#64748b}[data-theme="light"] nav button.active,[data-theme="light"] nav button:hover{background:#eff6ff;color:#1e40af}[data-theme="light"] .sidefoot{border-top-color:#e2e8f0}[data-theme="light"] .sidefoot #me{color:#0f172a}[data-theme="light"] .sidefoot small{color:#64748b}[data-theme="light"] .sidefoot button{color:#dc2626}[data-theme="light"] main{background:#f8fafc}[data-theme="light"] header{color:#0f172a}[data-theme="light"] h1{color:#0f172a}[data-theme="light"] .card{background:#ffffff;border-color:#e2e8f0;color:#0f172a}[data-theme="light"] .row{border-bottom-color:#e2e8f0}[data-theme="light"] .muted{color:#64748b}[data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}[data-theme="light"] select option{background:#ffffff;color:#0f172a}[data-theme="light"] .empty{color:#94a3b8}[data-theme="light"] .tabs{border-bottom-color:#e2e8f0}[data-theme="light"] .tabs button{color:#64748b}[data-theme="light"] .tabs .active{color:#1e40af;border-bottom-color:#2563eb}[data-theme="light"] dialog{background:#ffffff;color:#0f172a;border-color:#e2e8f0}[data-theme="light"] .primary{background:#2563eb}[data-theme="light"] .outline{border-color:#cbd5e1;color:#475569}[data-theme="light"] .ghost{background:#eff6ff;color:#2563eb}[data-theme="light"] .tag{background:#dcfce7;color:#166534}[data-theme="light"] .tag.warn{background:#fef3c7;color:#92400e}[data-theme="light"] .tag.bad{background:#fecaca;color:#991b1b}
#app-switch{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;pointer-events:none}
#app-fade{position:fixed;inset:0;background:#05070c;opacity:0;pointer-events:none;transition:opacity .34s ease;z-index:200}
#app-fade.show{opacity:1;pointer-events:auto}
#app-switch-bar{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#000;border:1px solid rgba(255,255,255,0.16);border-bottom:0;border-radius:16px 16px 0 0;padding:8px 12px;box-shadow:0 -6px 20px #0009;transition:transform .28s ease}
#app-switch.collapsed #app-switch-bar{transform:translateY(120%)}
#app-switch button{background:rgba(255,255,255,0.09);color:#fff;border:0;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}
#app-switch button:hover{background:rgba(255,255,255,0.2)}
#app-switch button.active{background:#2f6fed;color:#fff}
#app-switch #sw-hide{padding:8px 10px;opacity:.75}
#sw-peek{pointer-events:auto;background:#000;color:#fff;border:1px solid rgba(255,255,255,0.16);border-bottom:0;border-radius:12px 12px 0 0;padding:6px 16px;font-size:12px;font-weight:800;opacity:.92;cursor:pointer}