*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f9;color:#1b2638;font:14px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.layout{display:flex;min-height:100vh}.side{width:250px;background:#14263f;color:#dbe5f2;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:800;letter-spacing:-.7px;color:#fff}.brand span{color:#e2a36b}.side-caption{font-size:10px;letter-spacing:1.7px;color:#8091a9;margin:26px 10px 9px}.side a{display:block;color:#c9d5e4;text-decoration:none;padding:10px 12px;border-radius:8px;margin:3px 0}.side a:hover,.side a.active{background:#203a5c;color:#fff}.content{flex:1;max-width:1500px;padding:30px 34px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8a96a7;font-weight:700}.top h1{margin:3px 0;font-size:28px;letter-spacing:-.6px}.top span{color:#758196}.ghost{display:inline-block;border:1px solid #d5dbe4;background:#fff;color:#26364b;text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e0e5ec;border-radius:12px;padding:18px 20px;box-shadow:0 4px 15px rgba(25,40,65,.04)}.card span{display:block;color:#778397;font-size:12px}.card strong{font-size:28px;display:block;margin-top:4px}.panel{background:#fff;border:1px solid #e0e5ec;border-radius:12px;margin-top:18px;padding:22px;box-shadow:0 4px 15px rgba(25,40,65,.035)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{margin:0;font-size:18px}.section-head p{margin:3px 0 0;color:#7b8798}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.form-grid.compact{grid-template-columns:2fr 2fr auto}input,select{width:100%;padding:10px 11px;border:1px solid #d6dce5;border-radius:7px;background:#fff;color:#1b2638;outline:none}input:focus,select:focus{border-color:#7694b7}button{border:0;border-radius:7px;background:#244e7c;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px}.table th{text-align:left;color:#7b8798;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.table th,.table td{padding:12px 9px;border-top:1px solid #edf0f4}.table td small{display:block;color:#8994a4;font-size:11px}.actions{display:flex;gap:10px;align-items:center}.actions a{color:#245a8f;text-decoration:none;font-weight:700}.danger-link{background:none;color:#b34b4b;padding:0}.status{font-size:11px;padding:4px 8px;border-radius:999px;background:#edf2f6}.status.active{background:#e8f5ec;color:#27683d}.status.passive{background:#f3eaea;color:#8a4141}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:7px;background:#eef2f6;padding:7px 10px;border-radius:7px}.tag form{display:inline}.tag button{padding:0;background:none;color:#7b8798;font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.info-grid div{border:1px solid #e8ecf1;padding:16px;border-radius:8px}.info-grid b{display:block;font-size:24px}.info-grid span{color:#7b8798}.checks{margin:0;padding-left:20px;color:#46617e}.alert,.ok{padding:12px 14px;border-radius:8px;margin:12px 0}.alert{background:#fff0f0;color:#8f3030;border:1px solid #f2d2d2}.ok{background:#eef9f1;color:#28633d;border:1px solid #d5ead9}.install{min-height:100vh;display:grid;place-items:center;background:#f4f6f9;padding:20px}.install-card{width:min(430px,100%);background:#fff;border:1px solid #e0e5ec;border-radius:14px;padding:28px;box-shadow:0 15px 45px rgba(25,40,65,.08)}.install-card h1{margin:5px 0}.install-card p{color:#718096}.install-card label{display:block;margin:13px 0 5px;font-weight:700}.install-card button{width:100%;margin-top:16px;padding:12px}.install-card .brand{color:#14263f}.install-card .brand span{color:#b56e3e}@media(max-width:1050px){.side{width:210px}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.layout{display:block}.side{position:relative;width:auto;height:auto}.side a{display:inline-block}.content{padding:20px 14px}.cards{grid-template-columns:1fr 1fr}.form-grid,.form-grid.compact{grid-template-columns:1fr}.top{align-items:flex-start}.top-actions{display:none}}
