*{box-sizing:border-box}:root{--ink:#102247;--text:#31496e;--blue:#0879ff;--line:#e8eff7;--green:#00bb58;--red:#ff333a;--amber:#ffa900}body{margin:0;background:#eef4fa;color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:12px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:disabled{opacity:.4;cursor:default}button:hover{filter:brightness(.96)}a:focus-visible,button:focus-visible{outline:2px solid #0879ff;outline-offset:3px}input,select{border:1px solid #dce6f2;background:#fff;color:var(--text);border-radius:4px;padding:8px;outline:none}input:focus,select:focus{border-color:#0879ff;box-shadow:0 0 0 2px #0879ff15}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h3{font-size:14px;font-weight:650;letter-spacing:-.25px}h2{font-size:20px}small{font-size:11px}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:linear-gradient(110deg,#172c3e,#142431);color:#c0d2e5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:14px 12px 21px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 20px;white-space:nowrap}.brand strong{display:block;color:#f7faff;font-size:22px;letter-spacing:-.7px}.brand small{display:block;margin-top:4px;font-size:11px}.brand-screen{color:#e3f2ff;width:35px;height:38px;position:relative}.brand-screen:before{content:"";position:absolute;inset:5px 2px 13px;background:linear-gradient(135deg,#168dff,#13324b 60%)}.brand-screen svg{position:relative;width:36px;height:36px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav button{justify-content:flex-start;padding:0 13px;gap:18px;font-size:14px;border-radius:6px;text-align:left}.sidebar button.active{color:#fff;background:linear-gradient(100deg,#0079ed,#1f5390);font-weight:600}.agent-nav button:hover,.sidebar nav button:hover{background-color:#ffffff09}.sidebar nav button:last-child{margin-top:8px}.agent-nav{margin:85px 10px 0;border-top:1px solid #2b4053;padding-top:14px}.agent-nav button{display:flex;justify-content:flex-start;gap:18px;height:29px;font-size:12px;width:100%;white-space:nowrap}.agent-nav button:first-child{font-size:14px;margin-bottom:7px;height:31px}.company{margin-top:auto;background:#1e354a;border-radius:8px;min-height:79px;padding:12px;color:#d2deec;justify-content:flex-start;gap:20px;text-align:left}.company span{flex:1 1}.company b{color:white}.company small{display:block;line-height:18px;margin-top:3px}.workspace{margin-left:230px;width:calc(100% - 230px)}header{height:54px;display:flex;align-items:center;padding:0 21px;background:#f9fbfdc9;border-bottom:1px solid #dae5f1;gap:15px}.menu{border-right:1px solid #e1e9f2;padding:0 15px 0 0}.search{display:flex;align-items:center;gap:8px;border:1px solid #d9e4f1;border-radius:5px;width:461px;height:34px;padding:0 9px;color:#7a93b5}.search input{border:0;background:none;width:100%;padding:0;font-size:12px;box-shadow:none}.search input::placeholder{color:#7b8fb0}.header-actions{display:flex;align-items:center;gap:23px;margin-left:auto}.header-actions>button{padding:0}.notification{position:relative}.notification b{position:absolute;right:-7px;top:-7px;border-radius:50%;background:#ff2932;color:white;padding:2px 4px;font-size:10px}.profile{border-left:1px solid #e1e9f2;padding-left:17px!important;gap:10px}.profile>span:nth-child(2){text-align:left}.profile b{font-weight:600}.profile small{display:block;margin-top:2px}.avatar{display:grid;place-items:center;background:#0077ff;color:white;border-radius:50%;height:34px;width:34px;font-size:14px}.profile>svg{margin-left:8px}main{padding:14px 9px 10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:12px;gap:12px}.detail-column,.main-column{min-width:0}.card{background:linear-gradient(120deg,#fff,#fefeff);border:1px solid #fff;border-radius:7px;overflow:hidden}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:13px}.kpi{height:93px;padding:10px 13px;display:flex;align-items:flex-start;gap:22px;text-align:left;justify-content:flex-start}.kpi-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;color:white!important;margin-top:0;flex-shrink:0;box-shadow:inset 0 0 0 5px #ffffff14}.kpi-icon.blue{background:linear-gradient(135deg,#0078ff,#0875ff)}.kpi-icon.green{background:linear-gradient(135deg,#00af4a,#00c34c)}.kpi-icon.red{background:linear-gradient(135deg,#ff413b,#ff2828)}.kpi-icon.amber{background:linear-gradient(135deg,#ffa514,#ffa900)}.kpi-label{display:block;white-space:nowrap;margin-top:3px;font-size:12px}.kpi strong{display:block;font-size:26px;line-height:32px}.kpi small{display:block;color:#405779;font-size:11px;white-space:nowrap}.green{color:var(--green)!important}.red{color:var(--red)!important}.amber{color:var(--amber)!important}.blue{color:var(--blue)!important}.charts{display:grid;grid-template-columns:1.1fr 1.1fr .97fr;grid-gap:12px;gap:12px;margin-bottom:13px}.charts>.card{height:197px;padding:0 15px}.card-title{justify-content:space-between;min-height:43px;gap:6px}.card-title,.card-title h3{display:flex;align-items:center}.card-title h3{gap:12px}.chart-row{display:flex;gap:23px;align-items:center;justify-content:space-between;padding:0 8px;height:145px}.donut{width:134px;height:134px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.donut>div{background:#fff;border-radius:50%;width:88px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut b{font-size:25px}.donut span{font-size:13px;font-weight:600}.disk-donut{width:121px;height:126px;background:conic-gradient(from 8deg,#00bd5a 0 62%,#e0e7ef 62%)}.disk-donut>div{width:88px;height:88px}.legend{flex:1 1;min-width:94px}.legend>div{display:flex;align-items:center;gap:9px;margin:17px 0;white-space:nowrap}.legend i{width:10px;height:10px;background:currentColor;border-radius:50%}.legend b{margin-left:auto}.bar-chart{display:flex;height:139px;padding-top:7px}.axis{flex-direction:column;justify-content:space-between;font-size:10px;padding-right:11px;height:116px}.axis,.bars{display:flex}.bars{align-items:flex-end;justify-content:space-around;flex:1 1;height:113px;background:repeating-linear-gradient(0deg,#e7edf6 0 1px,transparent 1px 28px);border-bottom:1px solid #e1e8f3}.bar-column{width:23%;display:flex;justify-content:center}.bar,.bar-column{position:relative}.bar{width:43px;background:linear-gradient(90deg,#066bff,#0c8fff);border-radius:3px 3px 0 0}.bar b{position:absolute;top:-19px;left:0;right:0;text-align:center;font-size:13px}.bar-1{background:linear-gradient(90deg,#14b8f0,#22b4ec)}.bar-2{background:linear-gradient(90deg,#ffc950,#ffb635)}.bar-3{background:linear-gradient(90deg,#4b94ff,#3680f7)}.bar-column>span{position:absolute;top:calc(100% + 8px);font-size:10px;white-space:nowrap}.computer-card{margin-bottom:12px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:10px;height:50px}.list-tabs{display:flex;height:100%;gap:4px;white-space:nowrap}.list-tabs button{font-size:12px;padding:0 7px;position:relative}.list-tabs .active{color:#006aff;font-weight:600}.detail-tabs .active:after,.list-tabs .active:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:#0879ff}.filters{display:flex;gap:8px;align-items:center}.filters select{font-size:10px;height:30px;padding:5px 7px;max-width:145px}.primary{background:linear-gradient(100deg,#0788ff,#006bff);color:#fff;border:1px solid #0780ff;border-radius:4px;padding:8px 13px;white-space:nowrap;font-weight:600;font-size:11px}.square{border:1px solid #dce6f1;border-radius:4px;height:30px;width:32px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px;color:#2f456b}th{font-weight:400;background:linear-gradient(#f9fbfd,#f3f7fb);height:34px}td{height:31px;border-bottom:1px solid var(--line)}td,th{padding:0 8px}td:first-child,th:first-child{padding-left:15px;width:35px}td input,th input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #a7bbd4;border-radius:3px;width:14px;height:14px;padding:0;vertical-align:middle;cursor:pointer}input[type=checkbox]:checked{background:#0879ff;border-color:#0879ff;box-shadow:inset 0 0 0 2px white}tr:hover td{background:#f4f8ff}tbody tr{cursor:pointer}.computer-name{color:#006bff;font-size:11px;font-weight:600;padding:0}.status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.status i{background:currentColor;width:10px;height:10px;border-radius:50%}.os{display:flex;gap:9px;align-items:center}.windows{display:grid;grid-template-columns:6px 7px;grid-gap:1px;gap:1px;transform:perspective(20px) rotateY(-13deg);height:13px}.windows i{background:#0980ff}.disk-cell{display:flex;align-items:center;gap:9px}.progress{width:80px;height:11px;border-radius:9px;background:#eaf0f6;display:inline-block;overflow:hidden}.progress i{display:block;height:100%;border-radius:9px}.disk-cell>span:last-child{min-width:30px}.warning-count{display:flex;align-items:center;gap:8px;color:#ff7734}.warning-count svg{fill:#ff9c13;color:white}.pagination{height:44px;display:flex;align-items:center;gap:4px;padding:0 10px}.pagination button{height:28px;min-width:26px;font-size:10px;border-radius:4px}.pagination .active{background:#0879ff;color:white}.pagination select{padding:6px 9px;font-size:11px}.record-count{margin-left:auto;margin-right:14px;font-size:10px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1.1fr .96fr;grid-gap:10px;gap:10px}.bottom-grid>.card{height:171px;padding:0 12px}.bottom-grid h3{font-size:13px;white-space:nowrap}.link{font-size:11px;color:#0075ff;padding:0;white-space:nowrap;text-decoration:none}.event-list>div{display:flex;align-items:center;gap:16px;height:29px;border-top:1px solid var(--line);font-size:11px}.event-list svg{width:18px;height:18px}.event-list span:last-child{margin-left:10px}.alert-list>button{width:100%;display:flex;justify-content:flex-start;text-align:left;font-size:8px;height:24px;border-top:1px solid var(--line);gap:8px;padding:0}.alert-list b{font-weight:400;white-space:nowrap}.alert-list small{font-size:8px;white-space:nowrap;margin-left:auto}.alert-list span:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:3px}.mini-stats>div{border:1px solid var(--line);border-radius:6px;min-width:0;display:flex;flex-direction:column;text-align:center;padding:17px 4px 4px}.mini-stats b{font-size:16px}.mini-stats small{font-size:9px;white-space:nowrap;margin-top:3px}.mini-stats svg{width:100%;height:43px;margin-top:7px}.detail-column{display:flex;flex-direction:column;gap:12px}.detail-column>.card{padding:0 14px}.device-detail{min-height:398px}.device-header{height:70px;display:flex;align-items:center;gap:14px}.device-header>div>div{display:flex;align-items:center;gap:12px}.device-header h2{font-size:19px}.device-header small{display:block;margin-top:5px;font-size:10px}.device-header>button{margin-left:auto}.device-monitor{position:relative;color:#213c5e}.device-monitor:before{content:"";position:absolute;inset:5px 4px 15px;background:linear-gradient(120deg,#005aa6,#0e91ef);border-radius:1px}.device-monitor svg{position:relative}.pill{display:inline-block;background:#adf5c5;color:#075e35;border-radius:15px;padding:4px 13px;font-size:12px;font-weight:600}.pill.offline{background:#ffe1e3;color:#df2635}.detail-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);height:38px;margin-bottom:9px}.detail-tabs button{position:relative;font-size:11px;padding:0 9px}.detail-tabs .active{color:#006bff}.detail-tabs .active:after{bottom:-1px}.detail-rows>div{display:grid;grid-template-columns:17px 108px minmax(0,1fr);grid-gap:9px;gap:9px;align-items:center;height:30.4px;border-top:1px solid var(--line);color:#2a436a;font-size:12px}.detail-rows>div>span:last-child{color:#132b51}.hardware>div{grid-template-columns:20px 116px minmax(0,1fr);height:30px}.detail-column>.card:nth-child(2){padding-bottom:7px}.disk-details{padding-bottom:11px}.disk-details>div{display:flex;align-items:center;gap:15px;height:33px}.disk-details .progress{width:87px;height:7px;margin-left:18px}.disk-details>div>span:last-child{margin-left:auto;font-size:11px}.registry-list>button{display:flex;width:100%;text-align:left;justify-content:flex-start;border-bottom:1px solid var(--line);min-height:39px;padding:8px 3px;gap:12px;font-size:11px}.registry-list svg{width:16px;height:16px;fill:currentColor;stroke:white}.registry-list span:nth-child(2){flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registry-list>button:last-child{border:0}.detail-column>.card:last-child{flex:1 1;min-height:185px}footer{padding:0 16px 8px;display:flex;align-items:center;gap:12px;font-size:10px;color:#7387a2}footer button{font-size:10px;color:#0879ff}footer>span{margin-left:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 1px}.page-heading h1{font-size:24px}.page-heading p{color:#8291a7;margin-top:6px}.outline{padding:8px 12px;background:white;border:1px solid #d9e4ef;border-radius:5px;font-size:12px}.disk-grid{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.disk-grid button{border:1px solid var(--line);border-radius:6px;padding:16px;justify-content:flex-start;flex-wrap:wrap}.disk-grid .progress{width:100%}.main-column>.card:not(.computer-card){padding:0 16px 16px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.report-grid .card{padding:15px}.report-grid p{margin:8px 0 20px;color:#6c7d96}.settings-content{padding:15px 5px;line-height:1.8;font-size:14px}.settings-content h2{margin:15px 0}.settings-content h3{margin:22px 0 10px}.settings-content label{max-width:450px}.settings-content p{margin:10px 0;color:#576b85}.settings-content hr{border:0;border-top:1px solid var(--line);margin:25px 0}.install-box{padding:15px;background:#f2f6fb;border:1px solid #dce6f1;border-radius:6px;margin:20px 0}.install-box h3{margin-top:0}.install-box code{margin-right:20px;display:inline-block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#172c3e;color:#d2e7ff;padding:15px;border-radius:6px}.empty,pre{font-size:12px}.empty{padding:24px;text-align:center;color:#8b9bb0}.toast{bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#142b40;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 8px 35px #10224735;gap:12px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;background:#10213f66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;justify-content:center;padding:24px}.modal{background:white;position:relative;width:470px;max-height:90vh;overflow:auto;border-radius:12px;padding:30px;box-shadow:0 20px 80px #0e223530}.modal h2{margin-bottom:15px}.modal p{line-height:1.7;color:#66788e;margin:14px 0}.close{position:absolute;right:12px;top:12px;color:#8796aa}.modal label,.settings-content label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.modal input,.modal select{height:38px}.modal form>.primary{width:100%;height:38px;margin-top:10px}.collapsed .sidebar{width:70px}.collapsed .agent-nav,.collapsed .brand>div:nth-child(2),.collapsed .company,.collapsed .sidebar span{display:none}.collapsed .brand{padding-left:4px}.collapsed .sidebar nav button{padding:0;justify-content:center}.collapsed .workspace{margin-left:70px;width:calc(100% - 70px)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:1500px){.kpi{gap:23px}.table-toolbar{height:50px}main{padding-top:14px}.bottom-grid>.card{height:171px}.computer-card td{height:31px}}@media (min-height:1000px) and (min-width:1400px){.kpi{height:93px}.charts>.card{height:197px}.computer-card td{height:31px}.bottom-grid>.card{height:171px}main{min-height:calc(100vh - 76px)}.main-column{display:flex;flex-direction:column}.computer-card{flex:1 1;display:flex;flex-direction:column}.table-scroll{flex:1 1}.computer-card table{height:100%}.bottom-grid{min-height:171px}.detail-column>.card:last-child{min-height:185px}}@media (max-width:1390px){.sidebar{width:205px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{grid-template-columns:minmax(0,1fr) 320px}.kpi{gap:12px;padding:10px}.kpi-icon{width:43px;height:43px}.kpi-label{font-size:11px}.kpi small{font-size:9px}.chart-row{gap:10px;padding:0}.donut{width:105px;height:105px}.donut>div{width:73px;height:73px}.charts>.card{padding:0 12px}.legend{min-width:75px;font-size:10px}.legend>div{gap:6px}.table-toolbar{height:auto;min-height:78px;flex-wrap:wrap;padding-bottom:7px;gap:0}.list-tabs{height:38px}.filters{margin-left:auto}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>.card:last-child{display:none}.hardware>div{grid-template-columns:18px 95px 1fr}.detail-rows>div{font-size:11px;grid-template-columns:16px 99px 1fr}.disk-details>div{gap:9px}.disk-details .progress{margin-left:4px;width:65px}.disk-details>div>span:last-child{font-size:10px}.brand strong{font-size:20px}.brand small{font-size:10px}.agent-nav{margin-top:65px}}@media (max-width:1120px){main{grid-template-columns:minmax(0,1fr)}.detail-column{display:grid;grid-template-columns:1fr 1fr}.device-detail{grid-row:span 2}.detail-column>.card:last-child{min-height:160px}.sidebar{width:190px}.workspace{margin-left:190px;width:calc(100% - 190px)}.sidebar nav button{font-size:12px;gap:12px}.brand{padding-left:4px;gap:8px}.search{width:380px}.header-actions{gap:15px}.profile>span:nth-child(2){display:none}.bottom-grid{grid-template-columns:1.15fr 1fr 1fr}.bottom-grid>.card:last-child{display:block}.bottom-grid h3{font-size:11px}.charts>.card{height:190px}.donut{width:120px;height:120px}.donut>div{width:81px;height:81px}}@media (max-width:760px){.sidebar{width:65px;padding:14px 8px}.brand{padding:0 5px 20px}.agent-nav,.brand>div:nth-child(2),.company,.sidebar nav span{display:none}.sidebar nav button{padding:0;justify-content:center}.workspace{margin-left:65px;width:calc(100% - 65px)}header{padding:0 10px;gap:10px}.menu{display:none}.search{flex:1 1;width:auto}.search input{font-size:10px}.header-actions{gap:12px}.header-actions>button:nth-child(2){display:none}.profile{border:0;padding:0!important}.profile>svg{display:none}.avatar{width:29px;height:29px;font-size:11px}main{padding:10px;gap:10px}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{height:85px;gap:15px}.kpi-label{font-size:12px}.kpi small{font-size:10px}.charts{grid-template-columns:1fr}.charts>.card{height:175px}.chart-row{justify-content:center;gap:30px;height:122px}.legend{flex:0 0 130px}.donut{width:112px;height:112px}.bar-chart{max-width:400px;margin:auto}.table-toolbar{padding-top:5px;gap:3px}.list-tabs{gap:0;width:100%;justify-content:space-between}.list-tabs button{font-size:10px;padding:0 4px}.filters{flex-wrap:wrap;margin:0;gap:5px}.filters select{max-width:125px}.primary{font-size:10px;padding:7px}.bottom-grid{grid-template-columns:1fr}.bottom-grid h3{font-size:13px}.bottom-grid>.card:last-child{display:block}.detail-column{display:flex}.detail-rows>div{grid-template-columns:18px 110px 1fr;font-size:12px}.record-count{font-size:9px;margin-right:3px}.pagination{gap:1px;padding:0 3px}.pagination button{min-width:23px}.pagination select{font-size:10px;padding:5px}.disk-grid,.report-grid{grid-template-columns:1fr}.page-heading h1{font-size:21px}footer{flex-wrap:wrap}.modal{padding:24px}.card-title h3{font-size:13px}}.kpi-icon svg{color:white!important}table{font-size:11px}.brand{padding-bottom:16px}.sidebar nav button{height:40px}.agent-nav{margin-top:80px}.alert-list small,.alert-list>button{font-size:9px}.device-header small{font-size:11px}.settings-content a.primary{text-decoration:none;display:inline-flex;align-items:center;gap:8px}