:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{align-items:center;background:#1266f1;border:0;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:11px 14px}input,select{border:1px solid #d4dbe8;border-radius:7px;padding:11px 12px;width:100%}.login{display:grid;min-height:100vh;place-items:center}.login-panel{background:#fff;border:1px solid #e2e7f0;border-radius:8px;max-width:440px;padding:32px;width:calc(100% - 32px)}.login-panel form{display:grid;gap:12px;margin-top:28px}.brand-row{align-items:center;display:flex;gap:12px}.brand-row h1{font-size:24px;margin:0}.brand-row p,.muted{color:#69758a;margin:4px 0 0}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#101828;color:#fff;display:flex;flex-direction:column;gap:28px;padding:24px}aside p,aside a{color:#b9c2d3}nav{display:grid;gap:8px}nav a{align-items:center;border-radius:7px;display:flex;gap:10px;padding:10px;text-decoration:none}nav a:hover{background:#1d2939}.ghost{background:#1d2939;margin-top:auto}.content{padding:28px}header{align-items:center;display:flex;gap:16px;justify-content:space-between}.eyebrow{color:#1266f1;font-weight:800;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}h2{font-size:30px;margin:0}.stats{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0}.stat,.panel{background:#fff;border:1px solid #e2e7f0;border-radius:8px}.stat{display:grid;gap:8px;padding:18px}.stat svg{color:#1266f1}.stat span{color:#69758a}.stat strong{font-size:28px}.panel{margin:18px 0;padding:20px}.panel h3{margin:0 0 16px}.vlan-form{display:grid;gap:10px;grid-template-columns:80px repeat(5,minmax(0,1fr)) auto;margin-bottom:18px}.table{overflow-x:auto}.table-row{border-top:1px solid #edf1f7;display:grid;gap:12px;grid-template-columns:80px 1.1fr 1fr 1fr 110px;min-width:760px;padding:13px 0}.table-head{color:#69758a;font-size:13px;font-weight:800;text-transform:uppercase}.badge{border-radius:999px;font-size:13px;font-weight:800;padding:4px 9px;text-align:center}.badge.active{background:#e8f7ef;color:#137547}.badge.planned{background:#fff7df;color:#946200}.badge.disabled{background:#f2f4f7;color:#667085}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.rule-card{border:1px solid #edf1f7;border-radius:8px;padding:14px}.rule-card p{color:#566174;margin-bottom:0}pre{background:#101828;border-radius:8px;color:#dbe7ff;overflow:auto;padding:16px}.log{border-top:1px solid #edf1f7;display:grid;gap:4px;padding:12px 0}.log small{color:#69758a}.error{color:#c1121f;font-weight:700}@media(max-width:980px){.app-shell{grid-template-columns:1fr}aside{position:static}.stats,.vlan-form{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}