*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#202733;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#111d36;color:#dfe7fb;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-weight:750;font-size:16px;padding:2px 7px 30px}.brand b{display:block;color:#98a7c8;font-size:11px;font-weight:600;margin-top:2px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#5977e8;color:white;font-size:19px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#b8c4de;text-decoration:none;padding:12px 11px;border-radius:10px;font-weight:600}.sidebar nav a:hover,.sidebar nav a:first-child{background:#223454;color:white}.side-bottom{margin-top:auto;color:#97a7c4;font-size:12px;padding:12px 8px}.safe-dot{display:inline-block;width:8px;height:8px;background:#37c88a;border-radius:50%;margin-right:8px}.main{margin-left:238px;max-width:1440px;padding:30px 40px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.crumb{font-size:10px;letter-spacing:.14em;color:#8b94a4;font-weight:750}.topbar h1{font-size:25px;letter-spacing:-.04em;margin:5px 0 0}.topbar form{margin:0}.btn{border:0;border-radius:9px;background:#5574e8;color:white;padding:10px 15px;font:inherit;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.btn:hover{background:#3e5fcf}.btn-small{padding:7px 10px;font-size:12px}.btn-quiet{background:white;color:#586171;border:1px solid #e1e5ed}.btn-quiet:hover{background:#edf1f8}.btn-danger{background:#fff0ef;border:1px solid #ffd6d1;color:#b63f34}.btn-danger:hover{background:#ffe2df}.flashes{display:grid;gap:8px;margin-bottom:17px}.flash{padding:11px 14px;border-radius:10px;background:#eff4ff;color:#304eae;border:1px solid #dbe5ff}.flash.error{background:#fff0ef;color:#9a3129;border-color:#ffd8d4}.flash.success{background:#eaf8f0;color:#17673d;border-color:#cbeed9}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat,.panel,.card,.form-panel{background:white;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 4px 16px #1a29450a}.stat{padding:17px 18px}.stat-label{color:#838b9a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-value{font-weight:760;font-size:24px;letter-spacing:-.04em;margin-top:9px}.stat-sub{color:#9299a7;font-size:12px;margin-top:4px}.green{color:#1b9b63!important}.red{color:#c35449!important}.amber{color:#ba7b15!important}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:100px;font-size:11px;font-weight:750;background:#f0f2f5;color:#6d7582}.pill.online{background:#e9f8f0;color:#148253}.pill.offline{background:#fff0ef;color:#b3483d}.pill.warn{background:#fff6e3;color:#9a6b15}.pill:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.panel{margin-bottom:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #eef0f4}.panel-head h2,.form-panel h2{font-size:15px;margin:0}.panel-head p{font-size:12px;color:#9299a7;margin:4px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{font-size:10px;color:#939baa;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:11px 16px;background:#fafbfc}td{padding:13px 16px;border-top:1px solid #f0f1f4;vertical-align:middle}tr:hover td{background:#fcfdff}.client-name{font-weight:720;color:#253047;text-decoration:none}.client-name:hover{color:#4968d8}.muted{color:#878f9e;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.empty{padding:34px 18px;text-align:center;color:#838b99}.warning{padding:13px 15px;margin:0 0 16px;background:#fff7e6;border:1px solid #f5dfad;border-radius:11px;color:#7d5b13}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)}.form-panel{padding:20px;margin-bottom:16px}.form-panel h2{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#586273}.field input,.field textarea,.field select{width:100%;border:1px solid #dce1ea;border-radius:9px;padding:10px 11px;font:inherit;outline:none;background:#fff;color:#273145}.field input:focus,.field textarea:focus{border-color:#7991ed;box-shadow:0 0 0 3px #5676e81b}.field textarea{min-height:86px;resize:vertical}.help{font-size:11px;color:#8d95a2;line-height:1.5}.form-actions{display:flex;gap:9px;align-items:center;margin-top:18px}.detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#edf0f4}.detail-cell{background:white;padding:14px 16px}.detail-cell span{display:block;color:#8b93a1;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.detail-cell b{overflow-wrap:anywhere}.route-list{display:grid}.route-row{padding:14px 17px;border-top:1px solid #eff1f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.route-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.route-form input{border:1px solid #dce1ea;padding:7px 9px;border-radius:7px;font:inherit;font-size:12px}.route-form .cidr{width:160px}.route-form .desc{width:140px}.code{white-space:pre;overflow:auto;background:#111d36;color:#dbe5ff;padding:17px;border-radius:11px;line-height:1.55;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 0,#e6ecff,#f5f7fb 55%)}.login-card{width:min(420px,100%);background:white;padding:30px;border:1px solid #e2e7f0;border-radius:18px;box-shadow:0 20px 60px #1a29451a}.login-card .brand{padding:0 0 25px;color:#1d2a43}.login-card .brand b{color:#788399}.login-card h1{font-size:23px;margin:0 0 7px}.login-card>p{color:#7d8696;margin:0 0 23px}.login-card .field{margin:13px 0}.login-card .btn{width:100%;margin-top:14px}.login-error{color:#b33d33;font-size:12px;margin-top:11px}.audit-list{display:grid}.audit-row{padding:13px 16px;border-top:1px solid #eff1f5;display:grid;grid-template-columns:170px 150px 1fr 80px;gap:12px;align-items:start}.audit-row:first-child{border-top:0}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-card{padding:17px;border:1px solid #e7eaf0;border-radius:12px;background:white}.status-card strong{display:block;margin:7px 0 11px}.status-card small{color:#87909e}.backlink{display:inline-block;text-decoration:none;color:#526dde;font-size:12px;font-weight:700;margin-bottom:14px}.toggle{width:38px;height:22px;vertical-align:middle;accent-color:#5474e7}@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px;padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{position:static;width:auto;height:auto;padding:12px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0;font-size:14px}.brand-mark{width:32px;height:32px}.sidebar nav{display:flex;gap:4px}.sidebar nav a{padding:8px;font-size:12px}.sidebar nav a span{display:none}.side-bottom{display:none}.main{margin:0;padding:20px 14px 40px}.topbar h1{font-size:21px}.stats{gap:9px}.stat{padding:13px}.stat-value{font-size:20px}.detail-list{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.route-row{align-items:flex-start;flex-direction:column}.audit-row{grid-template-columns:1fr 1fr;gap:7px}.status-grid{grid-template-columns:1fr 1fr}.panel-head{padding:14px}.panel-head .btn{padding:8px 10px;font-size:12px}}