:root{--nav:#10263b;--nav2:#0b1e31;--blue:#1677ff;--bg:#f5f8fc;--line:#dfe7f0;--text:#16233a;--muted:#66758b;--green:#0aaa69;--red:#ef3848;--orange:#ff8b19;--purple:#654ce0;--teal:#09a5a6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:13px Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:194px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav2));color:#e8f1fa;position:relative;min-height:100vh}.logo{height:70px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #294056;gap:9px}.cloudmark{width:44px;height:34px;border:4px solid #4da5ff;border-radius:22px;position:relative}.cloudmark:after{content:'';position:absolute;width:14px;height:14px;border:4px solid #4da5ff;border-bottom:0;border-radius:10px 10px 0 0;top:-13px;left:11px}.logo b{font-size:18px}.logo small{display:block;font-size:10px;color:#bac9d8}.nav{padding:8px 0}.nav a{padding:10px 17px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;font-size:12px}.nav a:hover,.nav a.active{background:#143b5d;border-left-color:#2d9bff;color:#fff}.ico{width:18px;height:18px;border-radius:5px;background:#fff1;color:#dcecff;display:grid;place-items:center;font-size:10px;font-weight:bold}.security-box{position:absolute;bottom:44px;left:9px;right:9px;border:1px solid #385168;border-radius:6px;padding:10px;font-size:10px}.security-box h4{margin:0 0 8px;color:#fff}.security-box div{display:flex;justify-content:space-between;padding:4px 0}.active-txt{color:#36d17e}.workspace{min-width:0}.topbar{height:70px;background:linear-gradient(90deg,#142c45,#12263d);color:#fff;display:flex;align-items:center;padding:0 26px;gap:18px}.tagline{font-size:10px;white-space:nowrap}.search{margin-left:auto;margin-right:auto;position:relative;max-width:370px;width:100%}.search input{width:100%;background:#ffffff14;border:1px solid #ffffff24;color:#fff;border-radius:6px;padding:10px 14px 10px 34px}.search:before{content:'⌕';position:absolute;left:12px;top:7px;font-size:20px}.top-icons{display:flex;align-items:center;gap:17px}.top-profile{display:flex;align-items:center;gap:9px;border-left:1px solid #ffffff20;padding-left:16px}.avatar{width:36px;height:36px;border-radius:50%;background:#e4edf7;color:#17324d;display:grid;place-items:center;font-weight:800}.top-profile b{font-size:12px}.top-profile small{display:block;color:#c6d5e3}.content{padding:8px 15px 16px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.kpi{height:82px;border-radius:6px;color:#fff;padding:14px 17px;position:relative;overflow:hidden;box-shadow:0 4px 12px #172b4d18}.kpi h4{margin:0 0 6px;font-size:12px}.kpi strong{font-size:23px}.kpi small{margin-left:5px}.kpi .bigicon{position:absolute;right:15px;top:25px;font-size:25px}.blue{background:linear-gradient(135deg,#278bf4,#6ca5ff)}.green{background:linear-gradient(135deg,#149d67,#42bd84)}.red{background:linear-gradient(135deg,#e83c4d,#f15e6b)}.orange{background:linear-gradient(135deg,#f47d13,#ffad31)}.purple{background:linear-gradient(135deg,#674bd9,#7d68ed)}.teal{background:linear-gradient(135deg,#09999b,#16b2ac)}.grid4{display:grid;grid-template-columns:1.35fr .95fr .9fr 1fr;gap:12px;margin-top:13px}.grid3{display:grid;grid-template-columns:1.35fr 1fr 1.12fr;gap:12px;margin-top:13px}.gridbottom{display:grid;grid-template-columns:1.13fr 1.13fr .9fr 1.05fr;gap:12px;margin-top:13px}.panel{background:#fff;border:1px solid #dce5ef;border-radius:7px;box-shadow:0 2px 8px #24415f0a;min-width:0}.panel-head{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebf3}.panel-head h3{font-size:14px;margin:0}.view{font-size:10px;color:#147df5}.panel-body{padding:10px 13px}.customer-title{display:flex;align-items:center;gap:10px}.corp-icon{width:50px;height:50px;border-radius:7px;background:#217cf3;color:#fff;display:grid;place-items:center;font-size:23px}.customer-title h3{margin:0 0 5px}.badge{display:inline-block;border-radius:12px;padding:4px 9px;font-size:10px;background:#eaf0f6;color:#38485b}.badge.ok{background:#dff7eb;color:#06784b}.badge.warn{background:#fff0cf;color:#a56000}.badge.bad{background:#ffe1e4;color:#b01f2b}.badge.info{background:#dfefff;color:#1468bd}.cols{display:grid;grid-template-columns:1fr .75fr;gap:13px;margin-top:8px}.detail{font-size:11px;line-height:1.55}.detail b{display:block;color:#5b6a7c}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid #edf1f5}.row:last-child{border:0}.service-name{display:flex;align-items:center;gap:8px;font-size:11px}.service-icon{width:23px;height:23px;border-radius:5px;background:#e8f3ff;color:#1677ff;display:grid;place-items:center;font-weight:bold}.dot{width:8px;height:8px;border-radius:50%;background:#0aaa69;display:inline-block}.dot.red{background:#ef3848}.dot.orange{background:#f6a11a}.dot.navy{background:#284d78}.table{width:100%;border-collapse:collapse;font-size:10px}.table th{color:#46586e;text-align:left;padding:8px 4px;border-bottom:1px solid #e4eaf1}.table td{padding:9px 4px;border-bottom:1px solid #edf1f5}.table a{color:#146fd1}.incident{padding:13px}.incident .title{font-weight:bold;font-size:13px;margin:8px 0 11px}.incident-grid{display:grid;grid-template-columns:105px 1fr;gap:5px;font-size:10px}.incident-grid b{color:#637288}.btn{display:inline-block;background:#1677ff;color:#fff;padding:9px 14px;border-radius:5px;font-weight:bold;border:0}.right{text-align:right}.comm-icon{width:23px;height:23px;color:#fff;background:#278bf4;border-radius:5px;display:grid;place-items:center}.check{color:#06a55f;font-size:16px}.barrow{display:grid;grid-template-columns:1fr 80px 32px;align-items:center;gap:8px;min-height:35px}.bar{height:7px;background:#e8edf3;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:#09aa6b}.chart{height:111px;border-left:1px solid #ccd7e4;border-bottom:1px solid #ccd7e4;display:flex;align-items:end;gap:2px;padding:8px 4px}.chart i{flex:1;background:#1b79e4;min-height:2px}.chart i.attack{background:#ef3848}.foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e8f0;margin-top:13px;padding:13px 4px 0;color:#647487;font-size:9px}.foot div:last-child{display:flex;gap:15px}@media(max-width:1300px){.shell{grid-template-columns:180px 1fr}.kpis{grid-template-columns:repeat(3,1fr)}.grid4,.grid3,.gridbottom{grid-template-columns:1fr 1fr}}@media(max-width:800px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 12px}.tagline,.top-profile small{display:none}.content{padding:8px}.kpis,.grid4,.grid3,.gridbottom{grid-template-columns:1fr}.search{display:none}}