:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:#07111f;color:#d8e1ed}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 23px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#7968ff,#4c3bd5);font-weight:900}.brand b,.brand small{display:block}.brand b{font-size:18px;letter-spacing:.06em}.brand small{margin-top:2px;color:#8391a5;font-size:8px;letter-spacing:.14em}.sidebar nav{display:grid;gap:4px}.nav-label{padding:18px 12px 7px;color:#65748a;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#9eacc0;text-align:left;font-size:14px;font-weight:650;cursor:pointer}.nav-item:hover,.nav-item.active{background:#152238;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #7968ff}.nav-item span{width:21px;color:#8291aa}.sidebar-foot{position:absolute;right:20px;bottom:24px;left:20px;display:grid;gap:8px;color:#77869a;font-size:11px}.environment{display:flex;align-items:center;gap:7px}.environment i{width:7px;height:7px;border-radius:50%;background:#f79009}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:14px clamp(20px,3vw,42px);border-bottom:1px solid #e3e7ed;background:#fff}.topbar>div:first-of-type{margin-right:auto}.topbar small{color:#67748a;font-size:10px;letter-spacing:.1em}.topbar h1{margin:5px 0 0;font-size:22px}.top-actions{display:flex;align-items:center;gap:12px}.ghost,.icon-button{border:1px solid #d9dee7;border-radius:9px;background:#fff;color:#344054;cursor:pointer}.ghost{padding:8px 11px}.notification{position:relative;width:36px;height:36px;border:0;border-radius:10px;background:#f0edff;color:#6b58eb}.notification span{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e5484d;color:white;font-size:9px}.operator{display:flex;align-items:center;gap:9px;padding-left:7px}.operator>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9f8ef;color:#168257;font-size:12px;font-weight:800}.operator b,.operator small{display:block}.operator b{font-size:13px}.operator small{margin-top:2px;font-size:9px;letter-spacing:0}.menu-button{display:none;margin-right:12px;padding:7px 9px}.security-banner{display:flex;gap:12px;margin:20px clamp(20px,3vw,42px) 0;padding:11px 14px;border:1px solid #f1d49a;border-radius:10px;background:#fff9e9;color:#875d00;font-size:12px}.security-banner strong{white-space:nowrap}.content{padding:20px clamp(20px,3vw,42px) 55px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border:1px solid #e2e7ee;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(20,36,61,.035)}.metric{padding:18px}.metric small{color:#758197;font-size:12px}.metric strong{display:block;margin:12px 0 7px;font-size:26px}.metric footer{display:flex;align-items:center;justify-content:space-between;color:#8a96a8;font-size:11px}.positive{color:#11875d!important}.warning{color:#b26b00!important}.danger{color:#c83c44!important}.two-column{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr);gap:16px;margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #edf0f4}.panel-head strong{display:block;font-size:15px}.panel-head small{display:block;margin-top:3px;color:#7b8799}.panel-head button,.primary,.secondary{padding:8px 11px;border-radius:8px;font-weight:700;cursor:pointer}.panel-head button,.secondary{border:1px solid #d9dee7;background:#fff;color:#475467}.primary{border:0;background:#5d4bea;color:#fff}.health-list,.activity-list{padding:5px 18px 13px}.health-row,.activity-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #f0f2f5}.health-row:last-child,.activity-row:last-child{border:0}.health-row>span:first-child{display:flex;align-items:center;gap:9px;font-weight:650}.dot{width:8px;height:8px;border-radius:50%;background:#b8c0cc}.dot.good{background:#18a66d}.dot.warn{background:#f0a22d}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef1f5;color:#667085;font-size:10px;font-style:normal;font-weight:750}.badge.good{background:#eaf9f1;color:#117a53}.badge.warn{background:#fff5dc;color:#996100}.badge.bad{background:#fff0f0;color:#b72f39}.activity-row div{display:grid;gap:3px}.activity-row small{color:#8a96a8}.activity-row time{color:#8a96a8;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.toolbar>div{display:flex;gap:8px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{min-height:39px;padding:8px 10px;border:1px solid #d7dde6;border-radius:8px;background:#fff;color:#344054}.toolbar input{min-width:260px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:11px 14px;background:#f8f9fb;color:#697589;font-size:10px;letter-spacing:.05em;text-align:left}.data-table td{padding:14px;border-top:1px solid #edf0f4;color:#475467;font-size:12px}.data-table td strong{display:block;color:#172033;font-size:13px}.data-table td small{display:block;margin-top:3px;color:#8a96a8}.row-actions{display:flex;gap:5px}.row-actions button{padding:5px 7px;border:1px solid #dce1e8;border-radius:6px;background:white;color:#526079;font-size:11px;cursor:pointer}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-card{padding:18px}.integration-top{display:flex;align-items:flex-start;justify-content:space-between}.integration-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#10192b;color:#fff;font-weight:850}.integration-card h3{margin:15px 0 4px}.integration-card p{min-height:34px;margin:0;color:#7b8799;font-size:12px}.capabilities{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.integration-card footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #edf0f4}.integration-card footer button{padding:7px 9px;border:1px solid #d8dee7;border-radius:7px;background:white;cursor:pointer}.chart{display:flex;align-items:flex-end;gap:8px;height:170px;padding:18px}.bar{flex:1;min-width:14px;border-radius:5px 5px 1px 1px;background:linear-gradient(#8474f5,#5e4bdd);opacity:.84}.risk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.risk-card{padding:18px}.risk-card strong{display:block;margin-bottom:8px}.risk-card p{margin:0 0 15px;color:#7b8799;font-size:12px}.toggle{display:flex;align-items:center;justify-content:space-between}.switch{position:relative;width:38px;height:21px;border:0;border-radius:999px;background:#d5dbe4;cursor:pointer}.switch.on{background:#5d4bea}.switch::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch.on::after{left:20px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(7,17,31,.55)}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;border-bottom:1px solid #e8ebf0}.modal header h2{margin:0;font-size:19px}.modal header button{border:0;background:transparent;font-size:24px;cursor:pointer}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:6px;color:#657189;font-size:11px;font-weight:700}.form-grid label.wide{grid-column:1/-1}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-grid label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid #e1e5eb;border-radius:8px}.form-note{padding:11px;border-radius:8px;background:#f5f3ff;color:#5c4ad1;font-size:11px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid #e8ebf0}.empty{padding:50px 20px;color:#768398;text-align:center}.empty strong{display:block;margin-bottom:6px;color:#344054}.toast{position:fixed;right:24px;bottom:24px;z-index:30;padding:12px 15px;border-radius:10px;background:#172033;color:#fff;font-size:12px;box-shadow:0 14px 40px rgba(0,0,0,.2)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.integration-grid,.risk-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;z-index:15;transform:translateX(-100%);width:252px;transition:.2s}.sidebar.open{transform:none}.menu-button{display:block}.operator div{display:none}.topbar{padding:13px 15px}.security-banner,.content{margin-left:15px;margin-right:15px}.content{padding:16px 0 45px}.two-column{grid-template-columns:1fr}.integration-grid,.risk-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar input{min-width:0;width:100%}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.top-actions .ghost{display:none}.security-banner{display:grid}.check-grid{grid-template-columns:1fr 1fr}}