:root{
  --os-bar:64px;
  --os-taskbar:72px;
  --os-glass:rgba(7,14,29,.84);
  --os-glass-strong:rgba(5,11,24,.95);
  --os-line:rgba(159,184,230,.18);
  --os-line-bright:rgba(148,122,255,.42);
  --os-shadow:0 28px 90px rgba(0,0,0,.55);
}
html,body.os-body{height:100%;overflow:hidden}
body.os-body:before{display:none}
.os-root{position:relative;min-height:100%;height:100%;overflow:hidden;background:#050a14;color:#edf4ff}
.os-wallpaper{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(2,7,17,.14),rgba(2,7,17,.56)),url('graphics/os-wallpaper.webp');background-size:cover;background-position:center;filter:saturate(1.14);transform:scale(1.02)}
.os-wallpaper:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 22%,rgba(63,111,255,.18),transparent 27%),radial-gradient(circle at 18% 80%,rgba(139,68,255,.17),transparent 28%),linear-gradient(90deg,rgba(1,5,13,.45),transparent 23%,transparent 78%,rgba(1,5,13,.33))}
.os-ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2;pointer-events:none;animation:osFloat 13s ease-in-out infinite alternate}
.os-ambient.ambient-one{width:360px;height:360px;background:#6f36ff;left:18%;top:12%}
.os-ambient.ambient-two{width:420px;height:420px;background:#00b8ff;right:3%;bottom:8%;animation-duration:17s}
@keyframes osFloat{to{transform:translate3d(35px,-24px,0) scale(1.08)}}
.os-menubar{position:absolute;z-index:90;inset:0 0 auto 0;height:var(--os-bar);display:flex;align-items:center;gap:22px;padding:8px 18px;background:linear-gradient(180deg,rgba(3,8,18,.94),rgba(3,8,18,.72));border-bottom:1px solid rgba(150,176,222,.18);backdrop-filter:blur(24px);box-shadow:0 8px 30px rgba(0,0,0,.24)}
.os-logo{display:flex;align-items:center;gap:9px;min-width:236px;color:#fff}
.os-logo img{width:40px;height:40px;filter:drop-shadow(0 0 16px rgba(118,85,255,.5))}
.os-logo span,.os-logo strong,.os-logo small{display:block}
.os-logo strong{font-family:"Space Grotesk",system-ui,sans-serif;font-size:1rem;letter-spacing:.03em}
.os-logo strong em{color:#8d8cff;font-style:normal}
.os-logo small{font-size:.57rem;color:#7388a8;letter-spacing:.09em}
.os-menubar-metrics{display:flex;align-self:stretch;flex:1;max-width:830px;border:1px solid rgba(134,159,204,.12);border-radius:11px;background:rgba(10,21,38,.62);overflow:hidden}
.os-menubar-metrics>span{position:relative;min-width:120px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 17px;border-right:1px solid rgba(134,159,204,.12)}
.os-menubar-metrics>span:last-child{border:0}
.os-menubar-metrics small{font-size:.55rem;color:#7185a4;letter-spacing:.08em}
.os-menubar-metrics strong{font-size:.88rem;color:#f2f6ff;white-space:nowrap}
.os-menubar-metrics span:first-child strong{color:#55e59d}
.os-menubar-metrics i{height:3px;margin-top:4px;border-radius:20px;background:#12213a;overflow:hidden}
.os-menubar-metrics i b{display:block;height:100%;background:linear-gradient(90deg,#7262ff,#22d2b1)}
.os-menubar-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.os-menubar-actions>button,.os-menubar-actions>a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(142,166,210,.15);border-radius:10px;background:rgba(12,24,43,.7);color:#93a8c7}
.os-menubar-actions>button:hover,.os-menubar-actions>a:hover{color:#fff;border-color:rgba(142,119,255,.42);background:#142743}
.os-auto-state{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(47,214,155,.24);border-radius:10px;background:rgba(15,43,42,.48)}
.os-auto-state span,.os-auto-state strong,.os-auto-state small{display:block}
.os-auto-state strong{font-size:.62rem;color:#7af0b7;letter-spacing:.1em}
.os-auto-state small{font-size:.53rem;color:#7e99a4;white-space:nowrap}
.os-workspace{position:absolute;z-index:5;inset:var(--os-bar) 0 var(--os-taskbar) 0;overflow:hidden}
.os-desktop-icons{position:absolute;z-index:9;left:16px;top:14px;bottom:12px;width:112px;display:grid;grid-auto-rows:95px;grid-template-columns:1fr;gap:4px;align-content:start;overflow-y:auto;overflow-x:hidden;padding:4px 5px 18px;scrollbar-width:none}
.os-desktop-icons::-webkit-scrollbar{display:none}
.os-desktop-icon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:7px 4px;border:1px solid transparent;border-radius:10px;color:#fff;text-align:center;text-shadow:0 2px 7px rgba(0,0,0,.95);user-select:none;transition:.16s background,.16s border-color,.16s transform}
.os-desktop-icon:hover,.os-desktop-icon:focus{color:#fff;background:rgba(113,90,255,.18);border-color:rgba(160,144,255,.38);transform:translateY(-1px)}
.os-desktop-icon:active{transform:scale(.97)}
.os-app-glyph{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:1.55rem;border:1px solid rgba(255,255,255,.21);box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.24)}
.os-icon-portal .os-app-glyph{background:linear-gradient(145deg,#525cff,#8b39ef)}
.os-icon-mail .os-app-glyph{background:linear-gradient(145deg,#1689e8,#52c4ff)}
.os-icon-tickets .os-app-glyph{background:linear-gradient(145deg,#8857ff,#d152e6)}
.os-icon-monitoring .os-app-glyph{background:linear-gradient(145deg,#0bb880,#28d4ba)}
.os-icon-installations .os-app-glyph{background:linear-gradient(145deg,#2468d9,#39a6ff)}
.os-icon-servers .os-app-glyph{background:linear-gradient(145deg,#0f9d79,#25d5a1)}
.os-icon-ipam .os-app-glyph{background:linear-gradient(145deg,#2380be,#32d0ed)}
.os-icon-website .os-app-glyph{background:linear-gradient(145deg,#8d41e8,#d557dd)}
.os-icon-files .os-app-glyph{background:linear-gradient(145deg,#d4902d,#ffbd4f)}
.os-icon-terminal .os-app-glyph{background:linear-gradient(145deg,#202b3e,#45536b)}
.os-icon-settings .os-app-glyph{background:linear-gradient(145deg,#50647f,#8499b4)}
.os-icon-tutorial .os-app-glyph{background:linear-gradient(145deg,#6b42dc,#ae68ff)}
.os-desktop-icon strong{max-width:96px;font-size:.66rem;line-height:1.16;font-weight:650}
.os-desktop-icon>em{position:absolute;top:3px;right:9px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#f04757;color:#fff;font-size:.58rem;font-style:normal;box-shadow:0 3px 12px rgba(240,71,87,.5)}
.os-desktop-content{position:absolute;inset:0;padding:18px 22px 56px 142px;overflow:hidden}
.os-desktop-welcome{position:absolute;left:150px;top:18px;z-index:12;max-width:560px;display:flex;align-items:flex-start;gap:13px;padding:15px 45px 15px 16px;border:1px solid rgba(148,170,218,.23);border-radius:14px;background:linear-gradient(145deg,rgba(10,21,40,.9),rgba(7,15,30,.72));backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.os-desktop-welcome>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:11px;background:linear-gradient(145deg,#6552fa,#14cfa6);font-size:1.15rem}
.os-desktop-welcome small{font-size:.55rem;color:#8e9eff;letter-spacing:.14em}
.os-desktop-welcome h1{font-size:1.2rem;margin:2px 0 3px;letter-spacing:-.02em}
.os-desktop-welcome p{margin:0;color:#8498b6;font-size:.7rem}
.os-desktop-welcome>button{position:absolute;right:10px;top:9px;border:0;background:none;color:#7185a4;font-size:1.1rem}
.os-desktop-widgets{position:absolute;right:18px;top:18px;z-index:11;display:grid;grid-template-columns:250px 215px;gap:10px}
.os-widget{min-height:178px;padding:14px;border:1px solid rgba(143,167,211,.2);border-radius:14px;background:linear-gradient(145deg,rgba(8,18,35,.88),rgba(9,20,37,.67));backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.27)}
.os-widget>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.os-widget>header span{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:750}
.os-widget>header a{font-size:.58rem;color:#8e9fff}
.os-widget-status{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto 1fr;gap:0 13px}
.os-widget-status>header{grid-column:1/-1}
.os-health-ring{width:94px;height:94px;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(#34d89c calc(var(--value)*1%),rgba(63,86,120,.24) 0);position:relative}
.os-health-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b1729}
.os-health-ring strong,.os-health-ring small{position:relative;z-index:1;display:block;text-align:center}
.os-health-ring strong{font-size:1.15rem}
.os-health-ring small{font-size:.49rem;color:#7388a8}
.os-widget-status ul{list-style:none;padding:4px 0;margin:0;display:grid;align-content:center;gap:8px}
.os-widget-status li{display:flex;justify-content:space-between;gap:8px;font-size:.62rem;color:#8094b3;border-bottom:1px solid rgba(132,157,201,.1);padding-bottom:5px}
.os-widget-status li strong{color:#f0f4ff}
.os-widget-agenda{text-align:center}
.os-agenda-number{font-family:"Space Grotesk";font-size:3.4rem;line-height:1;color:#fff;text-shadow:0 0 25px rgba(113,92,255,.42)}
.os-widget-agenda>small{font-size:.55rem;color:#7f93b2;letter-spacing:.2em}
.os-agenda-items{display:grid;gap:5px;margin-top:11px;text-align:left}
.os-agenda-items span{display:flex;align-items:center;gap:7px;font-size:.59rem;color:#92a5c1}
.os-agenda-items i{width:7px;height:7px;border-radius:50%}.os-agenda-items i.good{background:#38d89e}.os-agenda-items i.warn{background:#f4b843}.os-agenda-items i.bad{background:#f15a72}
.os-hostbot-widget{position:absolute;right:18px;bottom:45px;z-index:12;width:340px;min-height:150px;display:grid;grid-template-columns:105px 1fr;overflow:hidden;border:1px solid rgba(154,129,255,.34);border-radius:15px;background:linear-gradient(145deg,rgba(16,23,49,.94),rgba(7,15,30,.9));box-shadow:0 25px 70px rgba(0,0,0,.45);backdrop-filter:blur(22px)}
.os-hostbot-widget>img{width:105px;height:100%;object-fit:cover;object-position:top;background:linear-gradient(180deg,rgba(90,51,180,.24),transparent)}
.os-hostbot-widget>div{padding:12px 13px}
.os-hostbot-widget header{display:flex;align-items:center;justify-content:space-between}
.os-hostbot-widget header strong{font-size:.74rem}.os-hostbot-widget header button{width:24px;height:24px;border-radius:50%;border:1px solid rgba(151,128,255,.38);background:#182443;color:#b6a9ff}
.os-hostbot-widget p{min-height:55px;margin:8px 0;color:#9aacc7;font-size:.64rem;line-height:1.45}
.os-hostbot-widget>div>div{display:flex;gap:6px}.os-hostbot-widget a,.os-hostbot-widget>div>div button{flex:1;padding:7px;border:1px solid rgba(130,154,198,.2);border-radius:7px;background:#101e36;color:#c8d5e8;font-size:.56rem;text-align:center}
.os-order-popup{position:absolute;z-index:18;right:18px;top:212px;width:270px;padding:14px 42px 14px 15px;border:1px solid rgba(83,225,141,.35);border-radius:13px;background:linear-gradient(145deg,rgba(8,35,31,.95),rgba(6,20,26,.93));box-shadow:0 20px 55px rgba(0,0,0,.43),0 0 35px rgba(47,214,155,.08);animation:osPopup .45s ease-out}
@keyframes osPopup{from{opacity:0;transform:translateX(25px)}}
.os-order-popup small,.os-order-popup strong,.os-order-popup span{display:block}.os-order-popup small{color:#59df9f;font-size:.52rem;letter-spacing:.13em}.os-order-popup strong{margin:3px 0;font-size:.8rem}.os-order-popup span{font-size:.58rem;color:#8ea3b8}.os-order-popup a{display:inline-flex;margin-top:8px;font-size:.58rem;color:#67e5ae}.os-order-popup button{position:absolute;right:9px;top:7px;border:0;background:none;color:#739285}
.os-desktop-feed{position:absolute;z-index:10;left:142px;right:370px;bottom:8px;height:35px;display:flex;align-items:center;gap:14px;overflow:hidden;padding:0 12px;border:1px solid rgba(140,165,208,.14);border-radius:9px;background:rgba(5,12,24,.72);backdrop-filter:blur(14px)}
.os-desktop-feed>strong{flex:0 0 auto;display:flex;align-items:center;gap:7px;color:#a995ff;font-size:.57rem;letter-spacing:.08em}
.os-desktop-feed>div{display:flex;gap:32px;white-space:nowrap;animation:osTicker 28s linear infinite;color:#7f93af;font-size:.56rem}
@keyframes osTicker{from{transform:translateX(0)}to{transform:translateX(-55%)}}
.os-desktop-toast-stack{position:absolute;z-index:20;right:18px;top:300px;display:grid;gap:7px;width:320px}
.os-desktop-toast-stack article{display:flex;gap:10px;padding:12px;border:1px solid rgba(96,151,255,.3);border-radius:11px;background:rgba(8,19,36,.92);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.os-desktop-toast-stack strong,.os-desktop-toast-stack p{display:block;margin:0}.os-desktop-toast-stack strong{font-size:.65rem}.os-desktop-toast-stack p{font-size:.56rem;color:#8397b2}
.os-window{position:absolute;z-index:40;left:132px;right:22px;top:14px;bottom:14px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(142,166,213,.29);border-radius:14px;background:rgba(7,14,28,.97);box-shadow:0 35px 120px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.4);backdrop-filter:blur(22px);animation:osOpen .24s ease-out}
@keyframes osOpen{from{opacity:0;transform:scale(.97) translateY(12px)}}
.os-window.maximized{left:0;right:0;top:0;bottom:0;border-radius:0}
.os-window.minimized{opacity:0;transform:scale(.88) translateY(60px);pointer-events:none}
.os-window-titlebar{height:44px;display:grid;grid-template-columns:95px 1fr 95px;align-items:center;padding:0 12px;border-bottom:1px solid rgba(137,161,203,.14);background:linear-gradient(180deg,rgba(18,28,47,.98),rgba(11,19,34,.98));user-select:none}
.os-window-traffic{display:flex;gap:7px;align-items:center}
.os-window-traffic a,.os-window-traffic button{width:12px;height:12px;padding:0;border:0;border-radius:50%}
.os-window-traffic .close{background:#ff5d62}.os-window-traffic .minimize{background:#f6bd4a}.os-window-traffic .maximize{background:#35cb6e}
.os-window-title{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.os-window-title>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:linear-gradient(145deg,#6357ef,#3a7def);font-size:.78rem}
.os-window-title strong{font-size:.72rem}.os-window-title small{padding-left:8px;border-left:1px solid rgba(133,158,200,.16);color:#6d819e;font-size:.55rem}
.os-window-actions{display:flex;justify-content:flex-end;gap:5px}.os-window-actions button,.os-window-actions a{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#8296b5}.os-window-actions button:hover,.os-window-actions a:hover{background:#1a2942;color:#fff}
.os-window-content{flex:1;min-height:0;overflow:auto;padding:20px 24px 55px;background:radial-gradient(circle at 90% 0,rgba(82,55,200,.07),transparent 30%),#07101f}
.os-window-content>.page-head h1{font-size:clamp(1.6rem,2.3vw,2.55rem)}
.os-window-content>.page-head{margin-bottom:18px}
.os-window-content .panel{background:linear-gradient(145deg,rgba(16,31,56,.96),rgba(8,18,34,.98));box-shadow:0 12px 34px rgba(0,0,0,.16)}
.os-browser-tabs{height:34px;display:flex;align-items:flex-end;padding:4px 10px 0;background:#0a1323;border-bottom:1px solid rgba(137,161,203,.13)}
.os-browser-tab{width:260px;height:29px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:8px 8px 0 0;background:#121f34;color:#aebbd0;font-size:.61rem}.os-browser-tab strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-browser-tab a{color:#6f829f}.os-browser-tabs>button{height:25px;width:30px;border:0;background:transparent;color:#7185a2}
.os-browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#111d30;border-bottom:1px solid rgba(137,161,203,.12)}
.os-browser-bar button,.os-browser-bar>a{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#8296b5}.os-browser-bar button:hover,.os-browser-bar>a:hover{background:#1a2942;color:#fff}
.os-address{flex:1;height:29px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(139,165,208,.12);border-radius:8px;background:#081321;color:#7390b0}.os-address .icon{color:#45d497}.os-address strong{font-size:.6rem;font-weight:560}
.os-browser-nav{height:39px;display:flex;align-items:stretch;gap:1px;padding:0 14px;border-bottom:1px solid rgba(137,161,203,.12);background:#0d1728;overflow-x:auto}
.os-browser-nav a{display:flex;align-items:center;padding:0 13px;border-bottom:2px solid transparent;color:#8093af;font-size:.61rem;white-space:nowrap}.os-browser-nav a:hover{color:#fff;background:rgba(106,87,244,.07)}.os-browser-nav a.active{color:#c8c2ff;border-color:#755fff}
.os-app-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 14px;border-bottom:1px solid rgba(137,161,203,.13);background:#0c1728}.os-app-toolbar strong{display:flex;align-items:center;gap:8px;font-size:.7rem}.os-app-toolbar>div{display:flex;align-items:center;gap:6px}.os-app-toolbar a,.os-app-toolbar button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(134,158,202,.14);border-radius:7px;background:#101e33;color:#94a7c3;font-size:.59rem}.os-app-toolbar a:hover,.os-app-toolbar button:hover{color:#fff;border-color:#6758d8}
.os-taskbar{position:absolute;z-index:120;left:10px;right:10px;bottom:8px;height:58px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid rgba(155,178,222,.22);border-radius:14px;background:linear-gradient(180deg,rgba(13,23,41,.91),rgba(7,14,27,.95));backdrop-filter:blur(28px);box-shadow:0 18px 60px rgba(0,0,0,.48)}
.os-start-button{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(148,170,218,.18);border-radius:10px;background:linear-gradient(145deg,#192945,#101c31);color:#fff;font-weight:700}.os-start-button img{width:28px;height:28px}.os-start-button:hover{background:#203452;border-color:#7666e9}
.os-taskbar-apps{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.os-taskbar-apps::-webkit-scrollbar{display:none}
.os-taskbar-apps a{position:relative;min-width:47px;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:9px;color:#94a6c0;background:transparent}.os-taskbar-apps a:hover{background:rgba(111,93,247,.14);color:#fff}.os-taskbar-apps a.active{background:rgba(111,93,247,.2);color:#fff}.os-taskbar-apps span{font-size:1.2rem}.os-taskbar-apps small{display:none;font-size:.58rem;white-space:nowrap}.os-taskbar-apps a i{position:absolute;left:28%;right:28%;bottom:2px;height:2px;border-radius:3px;background:#8a75ff}
.os-system-tray{display:flex;align-items:center;gap:4px;margin-left:auto}.os-network-rate{display:flex;flex-direction:column;align-items:flex-end;padding-right:8px;color:#7085a2}.os-network-rate small{font-size:.48rem;line-height:1.45}.os-system-tray>button{position:relative;display:grid;place-items:center;width:37px;height:42px;border:0;border-radius:8px;background:transparent;color:#879bb8}.os-system-tray>button:hover{background:rgba(120,143,185,.12);color:#fff}.os-system-tray>button em{position:absolute;right:1px;top:1px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:20px;background:#e94c5d;color:#fff;font-size:.48rem;font-style:normal}
.os-clock{width:82px!important;display:flex!important;flex-direction:column;align-items:flex-end!important;padding:0 8px!important}.os-clock strong,.os-clock small{display:block}.os-clock strong{font-size:.69rem}.os-clock small{font-size:.49rem;color:#7185a2}
.os-start-menu{position:absolute;z-index:150;left:12px;bottom:75px;width:510px;max-height:650px;overflow:auto;padding:16px;border:1px solid rgba(156,178,223,.25);border-radius:16px;background:linear-gradient(145deg,rgba(10,18,34,.98),rgba(6,13,27,.98));backdrop-filter:blur(28px);box-shadow:0 35px 100px rgba(0,0,0,.7)}
.os-start-menu[hidden],.os-notification-center[hidden]{display:none!important}
.os-start-menu>header{display:flex;align-items:center;gap:10px;padding-bottom:13px}.os-start-menu>header img{width:44px}.os-start-menu>header strong,.os-start-menu>header small{display:block}.os-start-menu>header strong{font-size:.86rem}.os-start-menu>header small{font-size:.58rem;color:#7589a7}
.os-start-search{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(141,166,210,.17);border-radius:9px;background:#0a1628;color:#7085a2}.os-start-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.68rem}
.os-start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.os-start-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 6px;border:1px solid transparent;border-radius:10px;color:#d9e2ef;text-align:center}.os-start-grid a:hover{background:#111f36;border-color:rgba(120,102,240,.26)}.os-start-grid a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#5144db,#2a91d8);font-size:1.25rem}.os-start-grid strong{font-size:.57rem}
.os-start-menu>footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(136,161,204,.13)}.os-start-menu>footer a{display:flex;align-items:center;gap:7px;color:#93a5bf;font-size:.62rem}
.os-notification-center{position:absolute;z-index:150;right:12px;bottom:75px;width:365px;max-height:640px;overflow:auto;padding:14px;border:1px solid rgba(156,178,223,.24);border-radius:16px;background:linear-gradient(145deg,rgba(9,18,34,.98),rgba(6,13,26,.98));box-shadow:0 35px 100px rgba(0,0,0,.7);backdrop-filter:blur(28px)}
.os-notification-center>header{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 12px}.os-notification-center>header strong,.os-notification-center>header small{display:block}.os-notification-center>header strong{font-size:.78rem}.os-notification-center>header small{font-size:.55rem;color:#7185a1}.os-notification-center>header button{border:0;background:transparent;color:#798ca8;font-size:1.2rem}
.os-notification{display:flex;gap:10px;margin-bottom:8px;padding:12px;border:1px solid rgba(138,163,205,.14);border-radius:10px;background:#0d1b30}.os-notification>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#192944}.os-notification.success>span{color:#47d99d}.os-notification.warning>span{color:#f4bd51}.os-notification.danger>span{color:#f15d73}.os-notification.info>span{color:#66aaff}.os-notification strong,.os-notification p{display:block;margin:0}.os-notification strong{font-size:.65rem}.os-notification p{margin:3px 0;color:#8195b1;font-size:.56rem}.os-notification a{font-size:.55rem;color:#998dff}
.alert{position:relative;z-index:75;max-width:none;margin:8px 16px 0;padding-right:38px;background:rgba(11,27,49,.96);box-shadow:0 14px 45px rgba(0,0,0,.35)}.alert button{position:absolute;right:9px;top:7px;border:0;background:none;color:inherit;font-size:1rem}
.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:17px 19px;border:1px solid rgba(124,148,196,.15);border-radius:14px;background:linear-gradient(135deg,rgba(20,35,61,.9),rgba(10,21,39,.86))}.portal-welcome h1{font-size:1.65rem;margin:.2em 0}.portal-welcome p{margin:0;color:#879bb8;font-size:.72rem}.portal-live{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(49,214,155,.24);border-radius:10px;background:rgba(24,65,58,.28)}.portal-live strong,.portal-live small{display:block}.portal-live strong{font-size:.64rem;color:#69e6ad}.portal-live small{font-size:.52rem;color:#7e9a92}
.portal-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.portal-kpi-grid .metric-card{min-height:92px;padding:14px}.portal-kpi-grid .metric-card strong{font-size:1.18rem}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-lines{display:grid;gap:13px;padding-top:6px}.portal-lines i{display:grid;grid-template-columns:65px 1fr 45px;align-items:center;gap:9px;font-style:normal;font-size:.62rem;color:#8498b4}.portal-lines i>b{height:7px;border-radius:20px;background:#0a1425;overflow:hidden}.portal-lines i>b:before{content:"";display:block;width:var(--p);height:100%;border-radius:20px;background:linear-gradient(90deg,#735dff,#36c7f4)}.portal-lines i:nth-child(2)>b:before{background:linear-gradient(90deg,#2d9fff,#3ee6c2)}.portal-lines i:nth-child(3)>b:before{background:linear-gradient(90deg,#f1a43c,#f3dc59)}.portal-lines i:nth-child(4)>b:before{background:linear-gradient(90deg,#3bc26f,#6fe583)}.portal-lines em{text-align:right;font-style:normal;color:#d5deed}
.portal-order-list,.portal-customer-list,.portal-server-list{display:grid;gap:6px}.portal-order-list a,.portal-customer-list a,.portal-server-list a{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(134,159,203,.1);border-radius:8px;background:#0a1729;color:#dce5f3}.portal-order-list a:hover,.portal-customer-list a:hover,.portal-server-list a:hover{border-color:rgba(111,90,244,.32);background:#10203a}.portal-order-list>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(111,90,244,.16);color:#9c91ff}.portal-order-list div,.portal-customer-list div,.portal-server-list div{flex:1;min-width:0}.portal-order-list strong,.portal-order-list small,.portal-customer-list strong,.portal-customer-list small,.portal-server-list strong,.portal-server-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-order-list strong,.portal-customer-list strong,.portal-server-list strong{font-size:.65rem}.portal-order-list small,.portal-customer-list small,.portal-server-list small{font-size:.54rem;color:#7489a6}.portal-order-list em,.portal-server-list em{font-size:.57rem;font-style:normal;color:#aebbd0}.portal-customer-list>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#3b7be8,#7e4ae8);font-size:.52rem}.portal-server-list>a>i{width:8px;height:8px;border-radius:50%;background:#7e8da4}.portal-server-list>a>i.good{background:#35d69a;box-shadow:0 0 10px rgba(53,214,154,.5)}.portal-server-list>a>i.warn{background:#f4bd4f}.portal-server-list>a>i.bad{background:#f05770}.portal-incident-banner{display:flex;align-items:center;gap:9px;margin-top:8px;padding:9px;border:1px solid rgba(240,87,112,.28);border-radius:8px;background:rgba(87,22,39,.22);color:#ff9bae}.portal-incident-banner strong,.portal-incident-banner small{display:block}.portal-incident-banner strong{font-size:.63rem}.portal-incident-banner small{font-size:.53rem;color:#b77986}
.mail-app{height:100%;min-height:560px;display:grid;grid-template-columns:180px minmax(270px,360px) minmax(0,1fr);margin:-20px -24px -55px;overflow:hidden;background:#081321}.mail-sidebar{display:flex;flex-direction:column;padding:15px 10px;border-right:1px solid rgba(135,160,204,.13);background:#0b1729}.mail-compose{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:0;border-radius:9px;background:linear-gradient(135deg,#6555ef,#4c7bff);color:#fff;font-size:.65rem;font-weight:750}.mail-sidebar nav{display:grid;gap:3px;margin-top:13px}.mail-sidebar nav a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;color:#8498b4;font-size:.61rem}.mail-sidebar nav a:hover,.mail-sidebar nav a.active{background:#14243e;color:#fff}.mail-sidebar nav span{flex:1}.mail-sidebar nav em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:20px;background:#e74d5f;color:#fff;font-size:.47rem;font-style:normal}.mail-storage{margin-top:auto;padding:10px}.mail-storage span,.mail-storage small{display:block;font-size:.53rem;color:#6f84a2}.mail-storage i{display:block;height:5px;margin:6px 0;border-radius:20px;background:#15253e;overflow:hidden}.mail-storage i b{display:block;height:100%;background:linear-gradient(90deg,#6356ee,#2fcfb2)}
.mail-list{min-width:0;border-right:1px solid rgba(135,160,204,.13);background:#0a1627;overflow:hidden}.mail-list>header{padding:13px;border-bottom:1px solid rgba(135,160,204,.13)}.mail-list>header>div{display:flex;align-items:flex-end;justify-content:space-between}.mail-list>header strong,.mail-list>header small{display:block}.mail-list>header strong{font-size:.77rem}.mail-list>header small{font-size:.5rem;color:#7185a3}.mail-list>header label{height:32px;display:flex;align-items:center;gap:7px;margin-top:10px;padding:0 9px;border:1px solid rgba(134,159,203,.13);border-radius:7px;background:#081220;color:#667b99}.mail-list>header input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.59rem}.mail-list>div{height:calc(100% - 91px);overflow:auto}.mail-item{position:relative;display:grid;grid-template-columns:38px 1fr;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(131,155,198,.09);color:#bac7d9}.mail-item:hover,.mail-item.active{background:#111f35;color:#fff}.mail-item.unread{background:rgba(48,75,125,.16)}.mail-item.unread:before{content:"";position:absolute;left:3px;top:19px;width:5px;height:5px;border-radius:50%;background:#4aa8ff}.mail-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#253a5d;font-size:.54rem;font-weight:750}.mail-avatar.kind-ticket{background:linear-gradient(145deg,#375e9c,#7745d0)}.mail-avatar.kind-incident{background:linear-gradient(145deg,#8b263f,#e34f65)}.mail-avatar.kind-order{background:linear-gradient(145deg,#1b8b68,#35cf9b)}.mail-item>div{min-width:0}.mail-item header{display:flex;justify-content:space-between;gap:8px}.mail-item header strong{font-size:.6rem}.mail-item header time{font-size:.47rem;color:#687c98}.mail-item h3{margin:2px 0;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item p{margin:0;color:#7085a3;font-size:.51rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item>em{position:absolute;right:10px;bottom:8px;font-size:.46rem;font-style:normal;color:#8799b2}.mail-reader{display:flex;flex-direction:column;min-width:0;background:#081321}.mail-reader>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid rgba(135,160,204,.13)}.mail-reader>header small,.mail-reader>header span{display:block;color:#7287a4;font-size:.55rem}.mail-reader h1{font-size:1.1rem;margin:4px 0}.mail-reader>header>div:last-child{display:flex;gap:5px}.mail-reader>header button,.mail-reader>header a{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(134,159,203,.13);border-radius:8px;background:#101e34;color:#8da0bc}.mail-body{flex:1;overflow:auto;padding:27px clamp(20px,4vw,55px);color:#b8c6d9;font-size:.72rem;line-height:1.7}.mail-body p{max-width:820px}.mail-body footer{margin-top:30px;color:#8498b4}.mail-actions{display:flex;gap:8px;padding:13px 19px;border-top:1px solid rgba(135,160,204,.13)}.mail-empty{margin:auto;text-align:center;color:#6f83a0}.mail-empty .icon{font-size:3rem}.os-compose-dialog{width:min(560px,90vw);padding:0;border:1px solid rgba(145,169,214,.26);border-radius:14px;background:#0a1628;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.72)}.os-compose-dialog::backdrop{background:rgba(1,5,12,.66);backdrop-filter:blur(4px)}.os-compose-dialog form{padding:0}.os-compose-dialog header,.os-compose-dialog footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#111e33}.os-compose-dialog header button{border:0;background:none;color:#7f92af;font-size:1.2rem}.os-compose-dialog label{display:grid;gap:5px;padding:8px 14px;color:#8094b1;font-size:.59rem}.os-compose-dialog input,.os-compose-dialog textarea{border:1px solid rgba(135,160,204,.16);border-radius:8px;background:#07111f;color:#fff;padding:9px;outline:0}.os-compose-dialog footer{justify-content:flex-end}
.files-app{height:100%;min-height:560px;display:grid;grid-template-columns:190px 1fr;margin:-20px -24px -55px;background:#081321}.files-app>aside{display:flex;flex-direction:column;gap:3px;padding:15px 11px;border-right:1px solid rgba(135,160,204,.13);background:#0a1628}.files-app>aside>strong,.files-app>aside>small{padding:6px 8px;font-size:.57rem;color:#6e83a1;letter-spacing:.08em}.files-app>aside a,.files-app>aside span{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;color:#8296b2;font-size:.61rem}.files-app>aside a:hover,.files-app>aside a.active{background:#14243e;color:#fff}.files-app>aside hr{width:100%;border:0;border-top:1px solid rgba(135,160,204,.13)}.files-main{overflow:auto;padding:20px}.files-main>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.files-main>header h1{font-size:1.55rem;margin:.1em 0}.files-main>header p{margin:0;color:#7e92ae;font-size:.65rem}.files-main>header label{width:260px;height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(134,159,203,.14);border-radius:8px;background:#0a1628;color:#6f84a1}.files-main>header input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.59rem}.file-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}.file-folder-grid a{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(135,160,204,.13);border-radius:10px;background:#0d1a2e;color:#d7e0ee}.file-folder-grid a:hover{border-color:rgba(113,92,246,.36);background:#11213a}.file-folder-grid>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#a06a23,#f0b94d);color:#fff;font-size:1.15rem}.file-folder-grid strong,.file-folder-grid small{display:block}.file-folder-grid strong{font-size:.64rem}.file-folder-grid small{font-size:.51rem;color:#7387a4}.file-recent{padding:16px;border:1px solid rgba(135,160,204,.13);border-radius:12px;background:#0a1628}.file-table{display:grid}.file-table a{display:grid;grid-template-columns:31px 1fr 65px 80px;align-items:center;gap:9px;padding:8px 5px;border-bottom:1px solid rgba(133,157,201,.09);color:#bdc9d9}.file-table a:hover{background:#101e34}.file-table>a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#152944;color:#9caeff}.file-table strong,.file-table small{display:block}.file-table strong{font-size:.6rem}.file-table small{font-size:.5rem;color:#6e829f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-table em,.file-table b{font-size:.5rem;font-style:normal;color:#7387a4}.file-table b{font-weight:600;text-align:right}
.terminal-app{height:100%;min-height:520px;display:flex;flex-direction:column;margin:-20px -24px -55px;background:#03080d;color:#a8efc7;font-family:"Cascadia Code","Fira Code",Consolas,monospace}.terminal-app>header{height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #153326;background:#07130f}.terminal-app>header strong{font-size:.65rem}.terminal-app>header small{color:#47765e;font-size:.52rem}.terminal-led{width:8px;height:8px;border-radius:50%;background:#39e19a;box-shadow:0 0 12px #39e19a}.terminal-screen{flex:1;overflow:auto;padding:17px;font-size:.68rem;line-height:1.55}.terminal-screen p{margin:2px 0}.terminal-screen em{color:#67a8ff}.terminal-screen b{color:#f6d365}.terminal-screen strong{color:#fff}.terminal-screen .terminal-error{color:#ff7286}.terminal-screen .terminal-muted{color:#537b67}.terminal-input{height:43px;display:flex;align-items:center;gap:7px;padding:0 13px;border-top:1px solid #153326;background:#06100d}.terminal-input span{color:#6ed6a3;font-size:.65rem}.terminal-input input{flex:1;border:0;outline:0;background:transparent;color:#d4ffe6;font:inherit}.terminal-input button{padding:6px 10px;border:1px solid #24523d;border-radius:6px;background:#0e241a;color:#87e8b7;font-size:.56rem}.terminal-shortcuts{display:flex;gap:5px;padding:7px 12px 10px;background:#050d0a}.terminal-shortcuts button{padding:6px 9px;border:1px solid #173d2c;border-radius:6px;background:#091a13;color:#5eb989;font-family:inherit;font-size:.53rem}
.hostbot-launcher{display:none!important}
.tutorial-layer{z-index:260!important}.tutorial-card{z-index:262!important}
@media(min-width:1450px){.os-taskbar-apps small{display:block}.os-taskbar-apps a{min-width:auto}.os-window{left:142px;right:34px}.os-desktop-icons{width:122px}}
@media(max-width:1180px){.os-menubar-metrics>span:nth-child(3),.os-menubar-metrics>span:nth-child(4){display:none}.os-desktop-widgets{grid-template-columns:230px}.os-widget-agenda{display:none}.portal-kpi-grid{grid-template-columns:repeat(2,1fr)}.mail-app{grid-template-columns:155px 300px 1fr}.file-folder-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){html,body.os-body{overflow:auto}.os-root{min-height:100vh;height:auto;overflow:visible}.os-menubar{position:fixed;height:56px;padding:6px 10px}.os-logo{min-width:0}.os-logo span{display:none}.os-menubar-metrics{display:none}.os-auto-state small{display:none}.os-workspace{position:relative;inset:auto;min-height:calc(100vh - 56px);padding:70px 10px 82px;overflow:visible}.os-desktop-icons{position:relative;left:auto;top:auto;bottom:auto;width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:8px;padding:0;margin-bottom:14px;overflow:visible}.os-desktop-icon{min-height:87px}.os-desktop-content{position:relative;inset:auto;padding:0;overflow:visible}.os-desktop-welcome{position:relative;left:auto;top:auto;max-width:none;margin-bottom:10px}.os-desktop-widgets{position:relative;right:auto;top:auto;grid-template-columns:1fr;margin-bottom:10px}.os-widget-agenda{display:block}.os-order-popup,.os-hostbot-widget,.os-desktop-feed{position:relative;right:auto;left:auto;top:auto;bottom:auto;width:auto;margin:10px 0}.os-hostbot-widget{grid-template-columns:85px 1fr}.os-hostbot-widget>img{width:85px}.os-desktop-feed{height:40px}.os-window{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:calc(100vh - 150px);border-radius:13px}.os-window.maximized{position:fixed;z-index:210;inset:56px 0 66px;border-radius:0}.os-window-content{min-height:650px;padding:16px 14px 45px}.os-taskbar{position:fixed;left:5px;right:5px;bottom:5px}.os-start-button span,.os-network-rate{display:none}.os-taskbar-apps a{padding:0 7px}.os-taskbar-apps small{display:none}.os-start-menu{position:fixed;left:8px;right:8px;bottom:72px;width:auto}.os-notification-center{position:fixed;left:8px;right:8px;bottom:72px;width:auto}.portal-grid{grid-template-columns:1fr}.mail-app{min-height:760px;grid-template-columns:70px 290px minmax(360px,1fr);overflow:auto}.mail-sidebar nav a span,.mail-sidebar>nav a em,.mail-storage,.mail-compose{font-size:0}.mail-compose{height:38px}.files-app{grid-template-columns:70px 1fr}.files-app>aside a,.files-app>aside span{font-size:0;justify-content:center}.files-app>aside strong,.files-app>aside small{display:none}}
@media(max-width:620px){.os-desktop-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.os-desktop-icon strong{font-size:.61rem}.os-menubar-actions>a{display:none}.os-auto-state{padding:0 8px}.os-window-titlebar{grid-template-columns:72px 1fr 60px}.os-window-title small{display:none}.os-browser-nav{padding:0 6px}.os-browser-nav a{padding:0 9px}.os-browser-bar .os-address strong{font-size:.52rem}.portal-kpi-grid{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr}.mail-app{display:block;margin:-16px -14px -45px}.mail-sidebar{display:none}.mail-list{height:300px;border-right:0;border-bottom:1px solid rgba(135,160,204,.13)}.mail-reader{min-height:430px}.file-folder-grid{grid-template-columns:1fr}.files-main>header{display:block}.files-main>header label{width:100%;margin-top:10px}.file-table a{grid-template-columns:31px 1fr 55px}.file-table a b{display:none}.terminal-shortcuts{overflow-x:auto}.os-start-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.os-ambient,.os-desktop-feed>div,.os-order-popup,.os-window{animation:none!important}.os-wallpaper{transform:none}}

/* Desktop interaction polish */
.os-desktop-icon.selected {
    background: rgba(122, 80, 255, 0.18);
    border-color: rgba(168, 132, 255, 0.4);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.24);
}
body.os-dragging {
    user-select: none;
    cursor: grabbing;
}
.os-window {
    min-width: min(420px, calc(100vw - 24px));
    min-height: min(360px, calc(100vh - 96px));
}
@media (max-width: 620px) {
    .os-window {
        min-width: 0;
        min-height: 0;
    }
}