:root{--ink:#17223b;--muted:#667085;--bg:#f4f6fa;--panel:#fff;--line:#dfe5ef;--accent:#3155b7;--soft:#eaf0ff;--good:#147d61;--warn:#9a5a00;--bad:#b93845;--shadow:0 18px 50px rgba(23,34,59,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent);margin:0 0 4px}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,#dfe6ff,transparent 42%),var(--bg)}.login-card{width:min(430px,100%);background:white;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow);display:grid;gap:13px}.login-card h1{font-size:30px;margin:0}.logo{width:52px;height:52px;border-radius:16px;background:var(--ink);color:white;display:grid;place-items:center;font-size:23px;font-weight:900}.logo.small{width:38px;height:38px;border-radius:12px;font-size:17px}label{display:grid;gap:6px;font-weight:700;font-size:13px}input,select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:white;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}button{border:0;border-radius:12px;padding:10px 13px;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:white}.ghost{background:white;border:1px solid var(--line)}.error{color:var(--bad);min-height:20px}.shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--ink);color:white;padding:16px 13px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:5px 6px 18px}.brand span,.profile span{display:block;color:#aeb9cf;font-size:12px}.sidebar nav{display:grid;gap:4px}.nav-btn{display:flex;gap:10px;width:100%;text-align:left;color:#bdc6d8;background:transparent}.nav-btn.active,.nav-btn:hover{background:rgba(255,255,255,.1);color:white}.profile{margin-top:auto;display:grid;gap:7px;background:rgba(255,255,255,.07);padding:12px;border-radius:14px}.profile .ghost{background:transparent;color:white;border-color:rgba(255,255,255,.18)}.workspace{min-width:0}.workspace header{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:13px 22px;position:sticky;top:0;z-index:10}.workspace h2{margin:0;font-size:23px}main{padding:20px 22px 90px;max-width:1500px;margin:auto}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef1f6}.badge.ACTIVE,.badge.LICENSED{background:#e7f7f0;color:var(--good)}.badge.DISABLED,.badge.NOT_PURCHASED{background:#eef1f6;color:#59657a}.badge.SETUP_REQUIRED,.badge.DEGRADED{background:#fff4df;color:var(--warn)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.panel{background:white;border:1px solid var(--line);border-radius:17px}.metric{padding:16px}.metric small{display:block;color:var(--muted)}.metric strong{font-size:25px}.panel{padding:17px;margin-top:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel h3{margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:11px;text-transform:uppercase;color:var(--muted);background:#f8fafc}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module{border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;gap:9px}.module-top{display:flex;justify-content:space-between;gap:10px}.switch{position:relative;width:44px;height:25px}.switch input{opacity:0;position:absolute}.switch span{position:absolute;inset:0;border-radius:999px;background:#ccd4e1}.switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(19px)}dialog{border:0;background:transparent;width:min(650px,calc(100% - 24px))}dialog::backdrop{background:rgba(10,18,35,.55)}.modal-card{background:white;border-radius:22px;padding:23px;position:relative}.close{position:absolute;right:10px;top:8px;font-size:24px;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span-2{grid-column:1/-1}.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:white;padding:11px 14px;border-radius:12px;opacity:0;transform:translateY(12px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}.mobile-nav{display:none}@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.sidebar{display:none}.workspace header{height:68px;padding:10px 14px}main{padding:14px 14px 90px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:white;border-top:1px solid var(--line);z-index:20}.mobile-nav button{font-size:10px;padding:9px 2px;background:white;color:var(--muted)}.mobile-nav button.active{color:var(--accent)}.module-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.metric strong{font-size:20px}}
textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:white;outline:none;resize:vertical;font:inherit}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f7b955;color:#3c2a06;font-size:10px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-grid>div{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:13px}.details-grid small,.health-card small,.notification small{color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:14px}.health-card>span{font-weight:800;text-transform:capitalize}.badge.ERROR,.badge.FAILED,.badge.INACTIVE{background:#fdebec;color:var(--bad)}.badge.WARNING{background:#fff4df;color:var(--warn)}.badge.SUCCESS{background:#e7f7f0;color:var(--good)}.actions{display:flex;gap:8px}.notification-list{display:grid;gap:9px}.notification{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer}.notification.unread{background:#f7f9ff;border-color:#cbd7ff}.notification.read{opacity:.82}.notification p{margin:4px 0 6px}.notification-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;background:#8c98aa}.notification-dot.ERROR{background:var(--bad)}.notification-dot.WARNING{background:#d48717}.notification-dot.SUCCESS{background:var(--good)}.notification-dot.INFO{background:var(--accent)}.scope-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scope-list{display:grid;gap:7px;max-height:210px;overflow:auto;padding:9px;border:1px solid var(--line);border-radius:13px}.scope-list label{display:flex;align-items:center;gap:8px;font-weight:600}.scope-list input[type=checkbox],.scope-list input[type=radio],.check-row input{width:auto}.check-row{display:flex;align-items:center;gap:8px}.wide{width:100%;margin-top:14px}.permission-list{word-break:break-word}@media(max-width:950px){.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.details-grid,.scope-modes{grid-template-columns:1fr}.health-grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.notification{grid-template-columns:8px minmax(0,1fr)}.notification>button{grid-column:2}.details-grid .span-2{grid-column:auto}}