@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,DM Sans,system-ui,Arial,sans-serif;color:#e8eef7;background:#0b111b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #568cfa;outline-offset:2px}.shell{display:grid;grid-template-columns:238px minmax(520px,1fr) 308px;min-height:100vh}.sidebar{background:#101723;border-right:1px solid #263143;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{height:83px;display:flex;align-items:center;gap:10px;padding:0 22px}.brand-mark{height:36px;width:36px;border-radius:10px;color:#96bfff;background:#1c3762;display:grid;place-items:center}.brand strong{font-size:16px;letter-spacing:-.55px}.brand strong span{font-weight:500}.brand small{display:block;font-size:9px;color:#7e91ac;letter-spacing:1.4px;margin-top:5px;font-weight:700}.brand em{color:#6da3fb;font-style:normal;letter-spacing:0}.workspace-pill{margin:4px 12px 24px;padding:10px;background:#182232;border:1px solid #28354a;border-radius:9px;display:flex;gap:9px;align-items:center}.workspace-pill .tiny-logo{width:30px;height:30px;background:#253b5b;border-radius:6px;display:grid;place-items:center;font-weight:700;color:#7eaeff}.workspace-pill div:nth-child(2){flex:1}.workspace-pill b,.profile b{display:block;font-size:11px}.workspace-pill small,.profile small{display:block;color:#8090a7;font-size:10px;margin-top:4px}.workspace-pill svg{color:#8a9bb2}nav{padding:0 11px;flex:1;overflow:auto}.nav-group{margin-bottom:23px}.nav-label{color:#62748f;letter-spacing:1.5px;font-size:10px;font-weight:700;padding:0 12px;margin-bottom:8px}.nav-link{background:transparent;color:#96a7bd;border:0;display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:7px;text-align:left;font-size:12px;font-weight:600;margin:1px 0}.nav-link:hover{background:#1a293e}.nav-link.active{background:#203759;color:#8dbaff}.nav-link i{font-style:normal;background:#372b3a;color:#edaa96;padding:3px 6px;font-size:10px;border-radius:6px;margin-left:auto}.side-bottom{padding:13px;border-top:1px solid #253146}.system{padding:10px;font-size:10px;color:#91a4bd}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#738197;vertical-align:middle}.dot.green{background:#3ec994}.dot.amber{background:#f4b465}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #273448;padding-top:14px}.profile>div:nth-child(2){flex:1}.avatar,.initial{background:#394f71;color:#c4ddff;font-weight:700;display:grid;place-items:center;border-radius:8px;height:33px;width:33px;font-size:13px}.profile svg{color:#647993}.content{min-width:0;background:#0d1521}.topbar{height:66px;border-bottom:1px solid #243145;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.crumb{font-size:12px;color:#d3e1f4;font-weight:600}.crumb span{color:#51637c;padding:0 10px}.top-actions{display:flex;align-items:center;gap:19px}.top-actions button,.ai-head>button,.detail-head>button,.notice button{background:transparent;border:0;color:#8c9eb6;padding:2px}.top-demo{font-size:9px;letter-spacing:1.2px;color:#d9b478;background:#302a20;padding:7px 10px;border:1px solid #4f3c27;border-radius:5px;font-weight:800}.initial{height:28px;width:28px;border-radius:50%}.page-body{padding:31px 30px 16px;max-width:1460px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:10px;color:#6c9ee3;font-weight:800;letter-spacing:1.8px}.heading h1{margin:9px 0;font-size:26px;letter-spacing:-1px}.heading p,.panel-title p{color:#8193ab;font-size:12px;margin:0}.primary{background:#3f79de;color:#fff;border:1px solid #4d89ed;display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:700;border-radius:7px}.primary:hover{background:#508aec}.demo-banner{background:#162638;border:1px solid #294667;color:#95b8e6;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:19px}.demo-banner strong{color:#bed7fb}.notice{display:flex;gap:9px;align-items:center;background:#382922;border:1px solid #765033;color:#f4c497;padding:11px 13px;border-radius:8px;margin-bottom:16px;font-size:12px}.notice button{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.stat{border:1px solid #283648;background:#151e2c;border-radius:9px;padding:16px 17px;min-height:132px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#92a4be;font-size:11px;font-weight:600}.stat-icon{background:#223450;border-radius:8px;padding:8px;color:#85b0ef;display:flex}.stat-icon svg{width:18px;height:18px}.stat-icon.green{background:#16372f;color:#45ca99}.stat-icon.orange{background:#3d322b;color:#f0ac63}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:10px}.stat small{display:block;color:#70849e;font-size:10px;margin-top:4px}.twocol,.bottom-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:17px;margin-bottom:17px}.bottom-grid{grid-template-columns:1fr 1fr}.panel{background:#141e2c;border:1px solid #283749;border-radius:9px;overflow:hidden;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 18px;border-bottom:1px solid #29374b}.panel-title h2,.detail-head h2{font-size:14px;margin:0 0 7px;font-weight:700}.text-action{color:#78a9fc;border:0;background:transparent;font-weight:650;font-size:11px;display:flex;align-items:center;gap:3px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:480px}th{font-size:9px;color:#71859f;font-weight:800;letter-spacing:1px;padding:12px 16px;background:#152130}td{padding:14px 16px;border-top:1px solid #243246;font-size:11px;color:#aabbd0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.chosen{background:#1b2a3e}td small{display:block;color:#6e829c;font-size:10px;margin-top:5px}td b{font-size:10.5px;color:#e1eaf7}td b.regular{font-weight:600}.device-name{display:flex;align-items:center;gap:8px}.device-name>span,.int-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#24354b;color:#8bb6f6;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize;border-radius:5px;font-size:10px;padding:5px 7px}.status.online{background:#15372d;color:#5fd8a7}.status.warning{background:#3b3426;color:#edbd73}.status.offline{background:#3c292b;color:#ef9295}.status.online .dot{background:#5fd8a7}.status.warning .dot{background:#edbd73}.status.offline .dot{background:#ef9295}.os{background:#23334a;padding:5px 8px;border-radius:5px;color:#99b7dd;font-size:10px}.count{font-size:10px;color:#869ebc;background:#233248;padding:7px 9px;border-radius:6px}.alarm{display:flex;align-items:center;gap:11px;padding:16px 17px;border-bottom:1px solid #29374b}.alarm-icon{border-radius:7px;padding:8px;display:flex;background:#443026;color:#e8a676}.alarm-icon.high{background:#452b2e;color:#f28f92}.alarm strong{display:block;font-size:11px;line-height:1.5}.alarm small{display:block;color:#7c8fa8;font-size:10px;margin-top:5px}.sev{margin-left:auto;text-transform:capitalize;font-size:9px;padding:5px 7px;border-radius:5px}.sev.high{background:#42292c;color:#f89a9a}.sev.medium{background:#433629;color:#e8b57b}.panel-footer{padding:17px}.compact .panel-title{padding-bottom:15px}.integrations{padding:8px 17px}.integration{display:flex;align-items:center;gap:10px;padding:11px 0}.integration>div:nth-child(2){flex:1}.integration b,.vpn b{font-size:11px;display:block}.integration small,.vpn small{font-size:10px;color:#8092ab;display:block;margin-top:5px}.not-configured{color:#e0b77d;background:#3b3227;border-radius:5px;font-size:9px;padding:5px 7px}.quick{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button,.action-grid button{background:#1e2b3c;border:1px solid #2d4058;color:#b9d0ee;border-radius:7px;display:flex;align-items:center;gap:9px;padding:13px;font-size:11px;text-align:left}.quick button:hover,.action-grid button:hover{background:#283d55}.quick svg{width:16px;height:16px;color:#89b3f3}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.search{display:flex;align-items:center;gap:10px;background:#162232;border:1px solid #2c3c51;padding:10px 12px;border-radius:7px;color:#8aa3c5;min-width:min(100%,380px)}.search input,.ai-input input{background:transparent;border:0;outline:0;color:#edf4ff;width:100%;font-size:12px}.search input::placeholder,.ai-input input::placeholder{color:#7389a4}.muted{color:#8296b0;font-size:11px}.device-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,1fr);gap:17px}.detail{padding:0 0 16px}.detail-head{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #2a394e}.detail-head>div:nth-child(2){flex:1}.detail-head h2{font-size:12px}.detail-head p{color:#7d90aa;font-size:10px;margin:0}.device-icon{color:#8eaff1;background:#243650;padding:10px;border-radius:8px}.detail-data{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:19px}.detail-data span{color:#7186a1;font-size:10px}.detail-data b{color:#d5e4f7;display:block;margin-top:6px;font-size:11px}.detail-data b.online{color:#5fd8a7}.detail-data b.warning{color:#f2c17b}.detail-data b.offline{color:#f59596}.vpn-head{font-weight:800;letter-spacing:1px;font-size:9px;color:#798fa9;padding:4px 17px 10px}.vpn{margin:0 16px 10px;padding:11px;background:#1b2b3e;border:1px solid #2c4056;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.vpn-info{display:flex;gap:10px;align-items:center}.vpn-icon{padding:8px;border-radius:7px;display:flex}.vpn-icon.good{background:#1c4438;color:#6ddcae}.vpn-icon.bad{background:#49312f;color:#eda09a}.vpn button{color:#afcaf0;border:1px solid #466286;background:#253e5c;border-radius:6px;padding:9px 12px;font-size:10px;font-weight:700;display:flex;gap:7px;align-items:center}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px}.empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8297b1;padding:20px}.empty h2{font-size:15px;color:#d1dded}.empty p{font-size:11px;max-width:230px;line-height:1.6}.empty.small{min-height:130px}.spacious{margin-top:8px}.customer{display:flex;align-items:center;gap:14px;padding:17px;border-bottom:1px solid #26364b}.customer>svg{color:#8aaeed}.customer>div{flex:1}.customer b{font-size:12px}.customer small{display:block;font-size:10px;color:#8194ad;margin-top:6px}.placeholder{padding:72px 35px;text-align:center;display:flex;flex-direction:column;align-items:center}.placeholder-icon{color:#8eb7f4;background:#203551;border-radius:14px;padding:22px}.placeholder h2{font-size:19px}.placeholder p{max-width:420px;font-size:12px;line-height:1.8;color:#899cb5}.placeholder button{display:flex;gap:10px;align-items:center;background:#263447;color:#859ab4;border:1px solid #394b62;border-radius:6px;padding:10px 15px;margin-top:12px;font-size:11px}footer{display:flex;justify-content:space-between;margin-top:26px;font-size:10px;color:#627892;padding:16px 0}footer span{color:#52677f}.assistant-panel{height:100vh;position:sticky;top:0;background:#111c2b;border-left:1px solid #29384c;display:flex;flex-direction:column}.ai-head{display:flex;gap:11px;align-items:center;padding:20px 17px;border-bottom:1px solid #28384b}.ai-icon{background:linear-gradient(135deg,#417cda,#7651a7);border-radius:9px;padding:9px;display:flex}.ai-head>div:nth-child(2){flex:1}.ai-head strong{display:block;font-size:12px}.ai-head small{display:block;color:#d6ae79;font-size:10px;margin-top:5px}.ai-body{padding:20px 16px;overflow:auto;flex:1;display:flex;flex-direction:column}.assistant-bubble{background:#1a2940;border:1px solid #2b4260;border-radius:10px;padding:17px}.ai-badge{display:flex;align-items:center;gap:7px;color:#9bb9f4;font-size:9px;font-weight:800;letter-spacing:1px}.assistant-bubble h3{font-size:15px;margin:18px 0 10px}.assistant-bubble p{font-size:11px;color:#9aafc9;line-height:1.8;margin:0}.suggest-label{font-size:10px;letter-spacing:1.1px;font-weight:700;color:#7a8fa9;margin:27px 0 12px}.prompt{background:#1b2a3e;border:1px solid #304159;border-radius:7px;padding:13px 12px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;color:#c1d3eb;font-size:11px;text-align:left}.prompt:hover{background:#25384e}.prompt svg{color:#759bcb}.ai-exchange{border-bottom:1px solid #304056;padding:12px 0}.ai-exchange b{font-size:11px}.ai-exchange p{font-size:11px;color:#97aac4;line-height:1.6}.ai-spacer{flex:1}.ai-compose{border-top:1px solid #293b50;padding:15px}.ai-input{border:1px solid #354961;background:#1a2b42;border-radius:8px;padding:7px;display:flex;align-items:center}.ai-input button{border:0;background:#3f78d8;border-radius:6px;color:#fff;padding:8px;display:flex}.ai-compose>small{color:#6f84a1;font-size:9px;display:flex;gap:5px;justify-content:center;align-items:center;margin-top:13px}@media(max-width:1350px){.shell{grid-template-columns:208px minmax(490px,1fr) 260px}.page-body{padding:25px 18px}.topbar{padding:0 18px}.stats{gap:9px}.stat{padding:12px}.twocol{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}}@media(max-width:1050px){.shell{grid-template-columns:190px minmax(0,1fr)}.assistant-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;position:relative}.brand{height:65px}.workspace-pill,.side-bottom,.nav-label{display:none}nav{display:flex;overflow:auto;padding:5px}.nav-group{display:flex;margin:0}.nav-link{width:auto;white-space:nowrap}.nav-link svg{display:none}.topbar{height:55px}.top-demo{display:none}.heading{align-items:flex-start}.heading h1{font-size:22px}.stats{grid-template-columns:1fr 1fr}.stat{min-height:115px}.device-layout,.bottom-grid{grid-template-columns:1fr}.page-body{padding:18px 12px}.primary{white-space:nowrap}.integration{flex-wrap:wrap}}.login-viewport{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#1b3556,#0b111b 64%);padding:22px}.login-card{background:#141e2c;border:1px solid #31445d;border-radius:16px;max-width:450px;width:100%;padding:28px;box-shadow:0 30px 90px #0007}.login-card .brand{padding:0;height:auto;margin-bottom:24px}.login-card h2{font-size:22px}.login-card p,.login-card>small,.admin-card p{font-size:12px;color:#8ba0ba;line-height:1.6}.login-card label,.admin-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aabfd9;margin:16px 0}.login-card input,.admin-form input,.admin-form select{padding:12px;color:#e8eef7;background:#101c2d;border:1px solid #344a64;border-radius:7px}.login-card .primary{width:100%;justify-content:center;margin:18px 0}.admin-screen{display:flex;flex-direction:column;gap:16px}.admin-card{padding:20px}.admin-card h2{margin-top:0;font-size:16px}.admin-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}.permission-grid label{font-size:11px;color:#b6c7da;display:flex;align-items:center;gap:7px}.admin-user{padding:15px 0;border-bottom:1px solid #304058;display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-user strong{font-size:13px}.admin-user small{display:block;color:#8195ad;font-size:10px;margin-top:8px;line-height:1.5}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-actions button,.signout{background:#20334d;color:#b5d1f5;border:1px solid #344d6c;padding:7px 9px;border-radius:6px;font-size:11px}.admin-actions button:disabled{opacity:.35}.audit-line{font-size:11px;color:#9db2cd;border-bottom:1px solid #27364a;padding:10px 0}@media(max-width:1050px){.admin-form{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.admin-user{display:block}.admin-actions{margin-top:12px}}.user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#050b12d9;display:grid;place-items:center;padding:16px}.user-modal{width:min(680px,100%);max-height:min(90vh,880px);display:flex;flex-direction:column;border-radius:13px;border:1px solid #39516e;background:#152235;box-shadow:0 22px 90px #000b;overflow:hidden}.user-modal-header,.user-modal-footer{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d415b}.user-modal-header h2{font-size:18px;margin:0}.user-modal-header p{margin:4px 0 0;color:#9db3cc;font-size:12px}.user-modal-header button{border:0;background:transparent;color:#b2c4dc}.user-modal-content{overflow:auto;padding:18px 22px}.user-modal-content h3{font-size:13px;margin:17px 0 5px}.user-modal-content p{color:#94a8c1;font-size:11px;line-height:1.6}.user-modal-content .permission-grid{grid-template-columns:repeat(2,1fr)}.edit-field{display:flex;flex-direction:column;gap:7px;color:#b2c7df;font-size:12px;margin:12px 0}.edit-field select,.edit-field input{background:#101c2d;color:#e5ecf5;border:1px solid #3e5572;border-radius:7px;padding:11px;font-size:12px;width:100%}.edit-check{display:flex;align-items:center;gap:10px;font-size:12px;color:#c3d7ec;margin:12px 0}.edit-check input,.permission-grid input{accent-color:#568cfa}.user-danger{border-top:1px solid #40506a;margin-top:20px;padding-top:12px}.danger-button{background:#49242b;border:1px solid #a34d59;color:#ffc1c7;padding:9px 12px;border-radius:7px;font-size:12px}.danger-button:disabled{opacity:.35}.user-modal-footer{border-top:1px solid #2d415b;border-bottom:0;justify-content:flex-end;gap:12px}.admin-secondary{padding:10px 13px;background:#23334a;color:#cee0f8;border:1px solid #38506e;border-radius:7px;font-size:12px}@media(max-width:600px){.user-modal-content .permission-grid{grid-template-columns:1fr}.user-modal{max-height:96vh}.user-modal-header,.user-modal-content,.user-modal-footer{padding:13px}}.invitation-link{display:block;text-align:center;background:#3f79de;color:#fff;text-decoration:none;border-radius:7px;padding:12px;margin:16px 0;font-size:12px;font-weight:700}.invitation-back{display:block;margin-top:20px;color:#8bb6f6;font-size:12px;text-align:center}.login-card input:focus{border-color:#6496e9}.admin-user small{overflow-wrap:anywhere}.email-settings-panel .email-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.email-settings-panel label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#aec4df}.email-settings-panel input,.email-settings-panel select{background:#101c2d;border:1px solid #3c5573;border-radius:7px;padding:10px;color:#e8eef7;min-width:0;width:100%}.email-settings-panel .email-check{flex-direction:row;align-items:center;margin:18px 0}.email-settings-panel .email-check input{width:auto}.email-settings-panel h3{font-size:14px;margin-top:18px}.email-settings-panel .email-success{color:#78dda9;margin:12px 0}.email-settings-panel .admin-secondary{margin-top:15px}@media(max-width:620px){.email-settings-panel .email-fields{grid-template-columns:1fr}}