html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:geometricprecision;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1180px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button-reset{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.button-reset:hover,.button-reset:focus,.button-reset:active{background:0 0}.app-shell{background:radial-gradient(circle at 88% 7%,#3d58f60d,#0000 34%),linear-gradient(#fbfcff 0%,#f7f9fc 100%);min-height:100vh;display:flex}.auth-loading,.login-page{background:radial-gradient(circle at 20% 12%,#1747ff12,#0000 28%),linear-gradient(#fbfcff 0%,#f4f7fb 100%);place-items:center;min-height:100vh;display:grid}.auth-loading{color:#111827;font-size:24px;font-weight:780}.login-panel{background:#ffffffeb;border:1px solid #e1e6ef;border-radius:15px;width:min(440px,100vw - 36px);padding:34px;box-shadow:0 24px 70px #1e2b4614}.login-brand{color:#111827;align-items:center;gap:15px;font-size:24px;font-weight:780;display:flex}.login-copy{margin:34px 0 24px}.login-copy h1{letter-spacing:0;margin:0 0 9px;font-size:28px}.login-copy p{color:#59657c;margin:0;font-size:15px}.login-form{gap:18px;display:grid}.login-form label{color:#28334a;gap:8px;font-size:14px;font-weight:660;display:grid}.login-form input{color:#111827;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:0;width:100%;height:48px;padding:0 14px}.login-form input:focus{border-color:#1747ff;box-shadow:0 0 0 4px #1747ff1a}.login-error{color:#b4232b;background:#ffe8ea;border-radius:8px;margin:0;padding:11px 13px;font-size:14px}.login-notice{color:#1747ff;background:#eef0ff;border-radius:8px;margin:0;padding:11px 13px;font-size:14px}.setup-panel{width:min(500px,100vw - 36px)}.setup-note{color:#526078;background:#f5f7fb;border-radius:8px;align-items:center;gap:8px;margin:0;padding:11px 13px;font-size:13px;display:flex}.login-button{color:#fff;cursor:pointer;background:#1747ff;border:0;border-radius:9px;height:50px;font-weight:760}.login-button:disabled{cursor:wait;opacity:.68}.sidebar{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-right:1px solid #e7ebf2;flex-direction:column;width:300px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:0;align-items:center;gap:16px;height:96px;padding:0 32px;font-size:24px;font-weight:750;display:flex}.brand-mark{color:#1747ff;place-items:center;width:36px;height:36px;display:grid}.nav{flex:1;padding:16px 20px 0;overflow-y:auto}.nav-group{margin-bottom:26px}.nav-label{color:#56627a;text-transform:uppercase;margin:0 0 12px 12px;font-size:13px;font-weight:760}.nav-item{color:#19243a;background:0 0;border:0;border-radius:9px;align-items:center;gap:18px;min-height:54px;padding:0 14px;font-size:16px;font-weight:520;display:flex}.nav-item svg{color:#1c2840}.nav-item.active{color:#0c43ff;background:#eef0ff;font-weight:720}.nav-item:not(.active):hover{background:#f4f6fbb8}.nav-item.active svg{color:#0c43ff}.sidebar-footer{z-index:2;background:#fff;border-top:1px solid #eef1f5;padding:6px 22px 20px;position:relative}.logout{margin-bottom:18px}.help-card{color:#1747ff;background:#f4f6fb;border:1px solid #eef1f5;border-radius:9px;align-items:center;gap:14px;min-height:70px;padding:0 20px;font-size:12px;display:flex;overflow:hidden}.help-card span{color:#172033;display:grid}.help-card strong{color:#1747ff;margin-top:3px}.workspace{width:calc(100% - 300px);margin-left:300px}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-collapsed .workspace{width:100%;margin-left:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #e6ebf3;align-items:center;gap:30px;height:96px;padding:0 30px 0 40px;display:flex;position:sticky;top:0}.icon-button{color:#142039;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.icon-button:hover,.icon-button[aria-expanded=true]{background:#f2f5fb}.top-search{position:relative}.search-box{background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:16px;width:565px;height:52px;padding:0 15px 0 19px;display:flex;box-shadow:0 14px 35px #1f2d4709}.search-box svg{color:#52607a}.search-box input{color:#172033;border:0;outline:0;flex:1;min-width:0;font-size:15px}.search-box input::placeholder{color:#7b859a}.search-box kbd{color:#8490a4;background:#f8fafc;border:1px solid #e1e5ee;border-radius:6px;padding:4px 7px;font-size:13px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.top-action-wrap{position:relative}.user-menu{color:#111827;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-height:46px;padding:0 8px 0 12px;font-size:15px;font-weight:680;display:inline-flex}.user-menu:hover,.user-menu[aria-expanded=true]{background:#f2f5fb;border-radius:8px}.topbar-panel{z-index:40;background:#fff;border:1px solid #e1e6ef;border-radius:10px;width:340px;padding:8px;position:absolute;top:calc(100% + 10px);box-shadow:0 22px 60px #1c2a4424}.topbar-panel-right{right:0}.search-panel{width:565px;left:0}.topbar-menu-item{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;gap:4px;width:100%;padding:11px 12px;display:grid}.topbar-menu-item:hover{background:#f5f7fb}.topbar-menu-item strong{font-size:14px;font-weight:720}.topbar-menu-item span,.topbar-empty span,.user-panel-header span,.user-panel-header small{color:#66728a;font-size:13px}.topbar-empty{gap:5px;padding:14px 12px;display:grid}.topbar-empty strong{color:#172033;font-size:14px}.user-panel{width:300px}.user-panel-header{border-bottom:1px solid #edf0f6;gap:4px;margin:0 4px 6px;padding:10px 8px 13px;display:grid}.user-panel-header strong{color:#111827;font-size:15px}.user-panel-header small{text-transform:capitalize}.danger-menu-item strong{color:#b4232b}.content{padding:36px 36px 0}.page-title{margin:0 0 25px 6px}.page-title h1{letter-spacing:0;margin:0 0 10px;font-size:26px;font-weight:760}.page-title p{color:#536079;margin:0;font-size:16px}.preview-notice{color:#5f3900;background:#fff8ed;border:1px solid #ffe1b8;border-radius:10px;align-items:center;gap:16px;margin:-8px 0 22px 6px;padding:13px 16px;display:flex}.preview-notice strong{color:#ad6500;text-transform:uppercase;flex:none;font-size:13px;font-weight:780}.preview-notice span{color:#5f3900;font-size:14px}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.stat-card,.panel,.card{background:#ffffffe0;border:1px solid #e1e6ef;border-radius:15px;box-shadow:0 18px 42px #1e2b4609}.stat-card{align-items:center;gap:21px;min-height:142px;padding:0 20px;display:flex}.stat-icon{border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.stat-icon.blue,.change-icon.blue{color:#1747ff;background:#e9edff}.stat-icon.green,.change-icon.green{color:#25ae60;background:#dff7e8}.stat-icon.violet,.change-icon.violet{color:#7142df;background:#eee8ff}.stat-icon.orange,.change-icon.orange{color:#ff8a00;background:#fff0dc}.stat-icon.cyan{color:#12a7ad;background:#e2f7f8}.stat-icon.gray{color:#56627a;background:#edf1f6}.change-icon.red{color:#ff3c45;background:#ffe8ea}.stat-card p{color:#28334a;margin:0 0 9px;font-size:14px}.stat-card strong{color:#101827;margin-bottom:15px;font-size:24px;line-height:1;display:block}.card-link,.stat-card a{color:#0646ff;font-size:14px;font-weight:560}.text-button{cursor:pointer;background:0 0;border:0;padding:0}.page-title-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.primary-action{color:#fff;cursor:pointer;background:#1747ff;border:0;border-radius:9px;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:14px;font-weight:760;display:inline-flex}.ip-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.mini-stat{background:#ffffffe0;border:1px solid #e1e6ef;border-radius:12px;align-content:center;gap:8px;min-height:86px;padding:0 20px;display:grid;box-shadow:0 18px 42px #1e2b4609}.mini-stat strong{color:#111827;font-size:25px;line-height:1}.mini-stat span{color:#536079;font-size:14px}.mini-stat.green{border-color:#cdeedb}.mini-stat.orange{border-color:#ffdfb5}.mini-stat.gray{border-color:#e2e7ef}.device-layout{grid-template-columns:minmax(0,1fr);gap:17px;display:grid}.device-layout:has(.device-form-panel){grid-template-columns:minmax(0,1fr) 430px;align-items:start}.device-layout:has(.device-detail-panel):not(:has(.device-form-panel)){grid-template-columns:minmax(0,1fr) 430px;align-items:start}.device-layout:has(.device-form-panel) .device-detail-panel{grid-column:1/-1}.device-table-panel,.device-form-panel{min-height:0}.device-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.device-toolbar span{color:#66728a;font-size:14px}.inline-search{background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:12px;width:min(100%,420px);height:44px;padding:0 14px;display:flex}.inline-search input{border:0;outline:0;flex:1;min-width:0}.filter-select{color:#28334a;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:0;width:185px;height:44px;padding:0 12px}.inventory-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.inventory-form label{color:#28334a;gap:8px;font-size:13px;font-weight:680;display:grid}.inventory-form input,.inventory-form select,.inventory-form textarea{color:#111827;background:#fff;border:1px solid #dce2eb;border-radius:9px;outline:0;width:100%;padding:0 12px}.inventory-form input,.inventory-form select{height:42px}.inventory-form textarea{resize:vertical;min-height:78px;padding-top:10px}.form-wide{grid-column:1/-1}.form-success{color:#1b7f48;background:#dcf6e7;border-radius:8px;grid-column:1/-1;margin:12px 0 0;padding:11px 13px;font-size:14px}.form-error{color:#b4232b;background:#ffe8ea;border-radius:8px;grid-column:1/-1;margin:12px 0 0;padding:11px 13px;font-size:14px}.row-action{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.row-action:hover{text-decoration:underline}.device-detail-panel{gap:22px;display:grid}.detail-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-heading h2{margin-bottom:6px}.detail-heading p{color:#66728a;margin:0;font-size:14px}.detail-heading .text-button{color:#0646ff;font-size:14px;font-weight:680}.detail-section{border-top:1px solid #e7ebf2;padding-top:20px}.detail-section h3,.inventory-form h3{color:#111827;margin:0 0 12px;font-size:15px;font-weight:760}.interface-list{gap:10px;display:grid}.interface-row{color:#536079;background:#fbfcff;border:1px solid #e7ebf2;border-radius:8px;grid-template-columns:minmax(80px,.8fr) minmax(120px,1fr) minmax(120px,1fr);gap:12px;padding:12px;font-size:13px;display:grid}.interface-row strong{color:#172033}.interface-row small{color:#66728a;font-size:13px}.danger-action{color:#c02633;cursor:pointer;background:#fff3f4;border:1px solid #ffd2d6;border-radius:9px;min-height:44px;font-weight:760}.panel-action{width:100%;margin-top:16px}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:390px;display:flex}.user-action{color:#1747ff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe3f0;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:12px;font-weight:760;line-height:1;display:inline-flex}.user-action:hover{background:#f7f9ff;border-color:#b9c7e0}.user-action:disabled{color:#9aa5b7;cursor:not-allowed;background:#f4f6fa;border-color:#e5eaf2}.user-danger{color:#c02633;background:#fff7f8;border-color:#ffd2d6}.user-danger:hover{background:#fff0f2;border-color:#ffb9c0}.role-select{color:#172033;background:#fff;border:1px solid #dbe3f0;border-radius:8px;outline:0;min-width:118px;height:34px;padding:0 10px;font-size:13px}.session-list{gap:10px;display:grid}.session-row{background:#fbfcff;border:1px solid #e7ebf2;border-radius:8px;gap:5px;padding:12px;display:grid}.session-row strong{color:#172033;font-size:13px}.session-row span,.session-row small{color:#66728a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.muted-line{color:#66728a;margin:0;font-size:14px}.audit-list{margin:0 -24px -10px;display:grid}.audit-row{border-top:1px solid #e7ebf2;grid-template-columns:12px minmax(280px,1.5fr) minmax(180px,.8fr) auto;align-items:center;gap:16px;padding:16px 24px;display:grid}.audit-row strong{color:#172033;white-space:normal;font-size:14px;font-weight:720;display:block}.audit-row span,.audit-row small,.audit-row p,.audit-row time{color:#66728a;margin:0;font-size:12px}.audit-row time{white-space:nowrap;justify-self:end}.audit-dot{background:#9aa5b7;border-radius:999px;width:10px;height:10px}.audit-dot.auth{background:#1747ff}.audit-dot.users{background:#7446dc}.audit-dot.inventory{background:#30b866}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.export-card{align-content:start;gap:18px;display:grid}.export-card svg{color:#1747ff}.export-card h2{margin-bottom:8px}.export-card p{color:#66728a;margin:0;font-size:14px}.export-actions{flex-wrap:wrap;gap:9px;display:flex}.usage-cell{grid-template-columns:minmax(74px,auto) 120px auto;align-items:center;gap:10px;display:grid}.usage-cell meter{width:120px;height:8px}.usage-cell small{color:#66728a;font-size:12px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;display:grid}.panel,.card{min-height:160px;padding:26px 24px;position:relative}.panel h2,.card h2{color:#111827;letter-spacing:0;margin:0 0 25px;font-size:18px;font-weight:760}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.top-link{position:absolute;top:28px;right:24px}.table-wrap{margin:0 -24px -10px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{color:#28334a;text-align:left;border-top:1px solid #e7ebf2;padding:15px 24px;font-size:14px}.compact-tables th,.compact-tables td{padding-top:10px;padding-bottom:10px}th{color:#172033;font-size:13px;font-weight:640}.device-name{color:#0646ff;font-weight:650}.pill{border-radius:6px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.pill.network{color:#4355de;background:#e9ebff}.pill.server{color:#1b9c55;background:#dcf6e7}.pill.access{color:#ff8a00;background:#fff0dc}.pill.workstation{color:#5a6478;background:#eff2f6}.pill.camera{color:#13818c;background:#e8f7f8}.pill.security{color:#b4232b;background:#ffe8ea}.pill.storage{color:#1747ff;background:#eef0ff}.pill.device{color:#6f3cc3;background:#f2ecff}.status-dot{background:#30b866;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.summary-layout{grid-template-columns:minmax(210px,1fr) 1.15fr;align-items:center;gap:18px;min-height:230px;display:grid}.donut{min-height:220px;position:relative}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{color:#111827;font-size:30px;font-weight:760}.donut-center span{color:#536079;font-size:14px}.legend{gap:19px;display:grid}.legend-row{color:#28334a;grid-template-columns:10px minmax(95px,1fr) auto;align-items:center;gap:14px;font-size:14px;display:grid}.legend-row span{border-radius:50%;width:9px;height:9px}.legend-row p{margin:0}.legend-row strong{color:#28334a;font-weight:560}.updated{color:#66728a;align-items:center;gap:11px;margin-top:14px;font-size:14px;display:flex}.updated:hover{color:#1747ff}.subnet-map{place-items:center;min-height:210px;padding-top:4px;display:grid}.root-node,.subnet-node{background:#fff;border:1px solid #cfd8ea;border-radius:7px;place-items:center;display:grid;box-shadow:0 8px 20px #26375c0a}.root-node{color:#1747ff;background:#f3f5ff;border-color:#a9b8ff;width:120px;height:44px;font-size:16px;font-weight:760}.connector{background:#94a3b8;width:1px;height:28px}.branch{gap:22px;padding-top:28px;display:flex;position:relative}.branch:before{content:"";background:#94a3b8;height:1px;position:absolute;top:0;left:48px;right:48px}.subnet-node{color:#172033;gap:7px;width:110px;height:80px;font-size:13px;position:relative}.subnet-node:before{content:"";background:#94a3b8;width:1px;height:28px;position:absolute;top:-28px;left:50%}.subnet-node strong{font-size:14px}.subnet-node span{color:#536079;font-size:12px}.lower-link{position:absolute;bottom:28px;left:24px}.service-list,.change-list{display:grid}.service-list{gap:18px}.service-row{color:#4b5770;grid-template-columns:20px minmax(72px,1fr) auto auto;align-items:center;gap:13px;font-size:14px;display:grid}.service-row strong{color:#28334a;font-weight:650}.mini-pill{border-radius:6px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:650}.mini-pill.green{color:#1b9c55;background:#dcf6e7}.mini-pill.orange{color:#f07800;background:#fff0dc}.mini-pill.gray{color:#66728a;background:#eff2f6}.change-list{margin-top:-7px}.change-row{border-bottom:1px solid #e7ebf2;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;display:grid}.change-icon{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.change-row p{gap:3px;margin:0;display:grid}.change-row a{color:#0646ff;font-size:14px;font-weight:650}.change-row small,.change-row time{color:#66728a;font-size:13px}.footer{color:#66728a;justify-content:space-between;align-items:center;padding:35px 46px;font-size:13px;display:flex}.footer div{gap:42px;display:flex}.footer a{align-items:center;gap:10px;display:inline-flex}.footer-link{color:#66728a;align-items:center;gap:10px;width:auto;font-size:13px;display:inline-flex}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.support-card{align-content:start;gap:18px;display:grid}.support-card svg{color:#1747ff}.support-card p,.settings-row span{color:#66728a;margin:0;font-size:14px}.support-link{justify-self:start}.settings-panel{gap:18px;display:grid}.settings-row{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row div{gap:5px;display:grid}.settings-row strong{color:#172033}.settings-check input{accent-color:#1747ff;width:22px;height:22px}@media (width<=1180px){body{min-width:0}.sidebar{width:260px}.workspace{width:calc(100% - 260px);margin-left:260px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-7,.span-5,.span-4,.span-3{grid-column:span 12}.device-layout:has(.device-form-panel){grid-template-columns:1fr}}@media (width<=900px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.topbar{padding:0 18px}.search-box{width:min(100%,440px)}.top-actions{gap:6px}.user-menu{max-width:150px}.content{padding:26px 18px 0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-layout{grid-template-columns:1fr}.page-title-row,.device-toolbar{flex-direction:column;align-items:stretch}.preview-notice{flex-direction:column;align-items:flex-start;margin-left:0}.filter-select{width:100%}.inventory-form{grid-template-columns:1fr}}