:root{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#213750;background:#f4f8fd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.shell{display:flex;min-height:100vh}.side{width:245px;flex-shrink:0;background:#fff;border-right:1px solid #e3eaf2;display:flex;flex-direction:column;padding:25px 16px}.brand{display:flex;gap:12px;align-items:center;padding:2px 9px 32px}.brand-icon{background:#1979ca;color:white;border-radius:13px;font-size:30px;width:46px;height:46px;text-align:center;line-height:46px}.brand b{display:block;font-size:17px;color:#163d61}.brand small{font-size:10px;letter-spacing:1.2px;color:#7d8da3}.side nav{display:grid;gap:8px}.nav{display:flex;gap:12px;align-items:center;border:0;padding:14px 17px;border-radius:11px;background:transparent;color:#657992;text-align:left;font-weight:600}.nav.active{background:#e8f3fe;color:#1471bb}.nav:hover{background:#edf5ff}.sidebar-foot{margin-top:auto;border-top:1px solid #e6edf4;padding:20px 10px 0;color:#708196;font-size:12px;overflow-wrap:anywhere}.ghost,.link{border:0;background:transparent;color:#176fbc;padding:10px 0;text-align:left}main{flex:1;min-width:0;padding:36px clamp(18px,4vw,60px);max-width:1550px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:27px}h1{font-size:29px;margin:0;color:#163d61}h2{font-size:20px;color:#163d61;margin:0}p{margin:6px 0}.sub,.section-head p{font-size:13px;color:#8493a4}.status{border-radius:99px;background:#e9eff5;color:#698096;padding:8px 13px;font-size:12px;white-space:nowrap}.status.online{background:#e5f7ed;color:#167643}.panel{background:white;border:1px solid #e4ebf3;box-shadow:0 8px 24px #1d49700b;border-radius:18px;padding:27px;margin-bottom:24px}.section-head{margin-bottom:26px}.section-head.inline{display:flex;align-items:center;justify-content:space-between}.form{display:grid;gap:18px}.form.narrow{max-width:430px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.span-two{grid-column:1/-1}label{display:grid;gap:8px;font-size:13px;font-weight:600;color:#4d6780}input,select{width:100%;padding:13px 14px;border:1px solid #d5e2ec;border-radius:10px;background:#fff;color:#24415e;min-width:0}input:focus,select:focus{outline:2px solid #a8d3fa;border-color:#2489d6}.primary,.secondary,.danger-outline{border-radius:10px;border:1px solid #227ecc;padding:12px 17px;font-weight:650}.primary{background:#167ac8;color:#fff}.secondary{background:#fff;color:#1978bf}.danger-outline{color:#b74141;background:white;border-color:#e8b3b3}.hint{font-size:12px;line-height:1.6;color:#8695a6}.message{padding:13px 16px;border-radius:10px;background:#e9f7ed;border:1px solid #add8bb;color:#14653b;margin-bottom:20px;font-size:13px}.message.error{background:#fff1f0;border-color:#f3c2bc;color:#a32923}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:white;border:1px solid #e4ebf3;border-radius:16px;padding:23px;box-shadow:0 8px 24px #1d497008}.metric small{display:block;color:#79899d}.metric strong{font-size:38px;color:#145c9c;font-variant-numeric:tabular-nums}.search{max-width:360px;margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:780px}td,th{border-bottom:1px solid #edf1f6;text-align:left;padding:16px 10px}th{color:#7b8ca1;font-weight:650;font-size:12px}td b{display:block;color:#1d3d5a}td small{color:#8997a6}.pill{background:#e7f2fd;color:#176faf;padding:5px 9px;border-radius:30px;font-size:11px;font-weight:700;white-space:nowrap}.pill.good{background:#e9f8ef;color:#247845}.pill.bad{background:#fff1ed;color:#b45345}.row-item{display:flex;justify-content:space-between;gap:14px;padding:15px 3px;border-bottom:1px solid #edf1f6;font-size:13px}.settings-row{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #edf1f6;padding:17px 0;font-size:13px;overflow-wrap:anywhere}footer{color:#9eaabd;font-size:11px;padding:20px 0}dialog{border:1px solid #dce6f0;border-radius:18px;box-shadow:0 16px 60px #122c4866;max-width:480px;width:calc(100% - 32px);padding:27px}dialog::backdrop{background:#172a4080}.dialog-head{display:flex;justify-content:space-between;gap:10px}.dialog-head p{font-size:12px;color:#76879a}.icon-btn{border:0;background:#f0f4f9;border-radius:8px;width:35px;height:35px}.form hr{width:100%;border:0;border-top:1px solid #e8eef4}@media(max-width:900px){.side{width:75px;padding:20px 8px}.brand{padding:0 5px 30px}.brand div,.nav span,.sidebar-foot{display:none}.nav{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{display:block}.side{width:100%;padding:8px 12px;flex-direction:row;align-items:center}.brand{padding:0;margin-right:10px}.side nav{display:flex;gap:2px;flex:1;justify-content:space-around}.nav{padding:10px}.brand-icon{width:37px;height:37px;line-height:37px}main{padding:20px 15px}header{align-items:start}h1{font-size:22px}.panel{padding:20px}.metrics{gap:9px}.metric{padding:14px}.metric strong{font-size:29px}.two-col{grid-template-columns:1fr}.span-two{grid-column:auto}.section-head.inline{align-items:start;gap:10px}}