:root{--ink:#162238;--muted:#6f7d92;--line:#dce4ee;--paper:#fff;--navy:#10213c;--blue:#164f83;--gold:#b67b24;--surface:#f3f6fa}body{background:var(--surface);color:var(--ink)}.content{background:radial-gradient(circle at 85% 0,rgba(36,95,152,.055),transparent 28%),var(--surface)}.sidebar{background:linear-gradient(180deg,#12213a 0%,#0d182b 100%);box-shadow:8px 0 30px rgba(12,26,48,.07)}.brand{letter-spacing:-.02em}.nav-link{position:relative;border:1px solid transparent;transition:.18s background,.18s color,.18s transform}.nav-link:hover{transform:translateX(2px);border-color:rgba(255,255,255,.07)}.user-chip{padding:10px 0}.page-head h1{font-size:clamp(30px,3vw,38px);line-height:1.08}.panel,.stat,.connection{border-color:var(--line);box-shadow:0 10px 28px rgba(27,46,78,.055)}.panel{border-radius:18px}.stat{position:relative;overflow:hidden;border-radius:17px}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2d6b9f}.stat.danger:before{background:#dc3545}.stat b{letter-spacing:-.04em}.primary,.button,button{transition:.16s transform,.16s box-shadow,.16s background}.primary:hover,.button:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(15,45,79,.16)}.primary:active,.button:active{transform:translateY(0)}.primary{background:linear-gradient(135deg,#164f83,#0d3159)}input,select,textarea{transition:.16s border-color,.16s box-shadow,.16s background}input:focus,select:focus,textarea:focus{outline:0;border-color:#4a7ba9!important;box-shadow:0 0 0 4px rgba(48,105,159,.1);background:#fff!important}th{padding-top:14px;padding-bottom:14px;background:#f5f8fb;color:#627086}tbody tr{transition:.15s background}tbody tr:hover{background:#f8fbfe}td{padding-top:15px;padding-bottom:15px}.flash{border:1px solid rgba(38,79,130,.12);box-shadow:0 8px 22px rgba(25,47,80,.07)}.event-list a{border-radius:10px;padding-left:8px;padding-right:8px;transition:.15s background,.15s transform}.event-list a:hover{background:#f5f8fc;transform:translateX(2px)}.bar-track{height:9px}.empty{border:1px dashed #d5dee9;border-radius:13px;background:#fafcfe}.form-panel label,.stack label{color:#2a3850}.form-panel input,.form-panel select,.form-panel textarea,.stack input,.stack select,.inline input,.inline select{border-radius:11px;background:#fbfcfe}.subcard{border-radius:15px;background:#fbfcfe}.danger-zone{background:#fffafb}.auth-card{border-radius:24px}.auth-shell{background:radial-gradient(circle at 18% 12%,#dce9f8,transparent 34%),radial-gradient(circle at 88% 86%,#f4e8d4,transparent 30%),#f5f7fb}
@media(max-width:980px){.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:5px}.nav-link,.nav-label{white-space:nowrap}.nav-label{padding-top:12px}.sidebar-foot{display:flex;justify-content:space-between;align-items:center}.content{padding-top:28px}}@media(max-width:600px){.panel{padding:19px}.page-head h1{font-size:30px}.sidebar{padding:18px 14px}.brand{padding-bottom:15px}.sidebar nav{grid-template-columns:none}.rule-card{gap:18px}}