:root{--navy:#10243e;--ink:#182536;--muted:#6d7c90;--line:#e4eaf1;--bg:#f4f7fb;--blue:#2367db;--shadow:0 6px 24px rgba(24,45,76,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:28px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 8px 32px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#4e8df1,#1760cf);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:#90a5be;margin-top:3px;font-size:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#aebed0;text-decoration:none;padding:12px 14px;border-radius:9px;font-weight:600;display:flex;gap:13px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#203852}.sidebar-note{margin-top:auto;background:#172f49;border:1px solid #28435f;padding:14px;border-radius:10px;font-size:12px}.sidebar-note small{display:block;color:#90a5be;margin:6px 0 0 16px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#3bc985;margin-right:8px}.main{margin-left:244px;min-height:100vh}.topbar{height:110px;background:#fff;border-bottom:1px solid var(--line);padding:24px 36px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:3px 0;font-size:25px;letter-spacing:-.4px}.eyebrow{margin:0;color:#7c8a9d;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px}.content{padding:28px 36px 60px;max-width:1500px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat{padding:20px;display:flex;align-items:center;gap:14px}.stat small,.metric small{color:var(--muted);display:block;margin-bottom:7px}.stat strong{font-size:24px}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-weight:800}.icon.blue{background:#e8f0ff;color:#2766ce}.icon.green{background:#e5f8ef;color:#168259}.icon.red{background:#ffeded;color:#c54444}.icon.amber{background:#fff4df;color:#b37318}.icon.purple{background:#f1ebff;color:#7448c5}.panel{margin-bottom:22px}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head h2{font-size:16px;margin:0 0 5px}.panel-head p{color:var(--muted);margin:0}.panel-head>a:not(.btn){color:var(--blue);text-decoration:none;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf1f5;white-space:nowrap}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#78879a;background:#fafbfd}tbody tr:hover{background:#fbfcfe}.rule-code{color:#1559b7;font-weight:750;text-decoration:none}.muted{color:#9aa5b3;font-size:12px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.35px}.badge.on{background:#e4f7ed;color:#16754f}.badge.off{background:#edf0f4;color:#697585}.badge.hard{background:#ffebeb;color:#a93b3b}.badge.risk{background:#fff3db;color:#986111}.badge.portfolio{background:#e9efff;color:#3b5cac}.actions{display:flex;align-items:center;gap:10px}.actions a,.actions button{border:0;background:none;color:#3a638f;font:inherit;font-size:12px;padding:0;cursor:pointer;text-decoration:none}.actions form{display:inline}.actions .danger-link{color:#c13c49}.btn{border:1px solid transparent;border-radius:8px;padding:10px 15px;text-decoration:none;font:inherit;font-weight:650;cursor:pointer;display:inline-block}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;border-color:#d8e0ea;color:#33475e}.btn.tiny{font-size:11px;padding:7px 9px;background:#fff;border-color:#d6deea;color:#33475e}.btn[disabled],a[aria-disabled=true]{opacity:.45;pointer-events:none}.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px}.alert.error{background:#ffeded;color:#9a3434;border:1px solid #f6cccc}.alert.success{background:#e8f8ef;color:#176c4a}.empty{text-align:center;color:var(--muted);padding:40px}.rule-hero{padding:26px;display:flex;justify-content:space-between;align-items:start}.rule-hero h2{font-size:30px;margin:16px 0 6px}.rule-hero p{margin:0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{padding:20px}.metric strong{font-size:21px}.condition-list{list-style:none;margin:0;padding:10px 22px 22px}.condition-list li{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #edf1f5}.condition-list code{background:#f1f4f8;padding:6px 8px;border-radius:5px;color:#28425f;overflow-wrap:anywhere}.and{font-size:10px;font-weight:800;color:#718198;width:30px}.form-section{padding-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px}.form-grid label,.condition-row label{font-size:12px;color:#506074;font-weight:650}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #d7e0ea;border-radius:8px;background:#fff;padding:11px;margin-top:7px;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#72a0e5;box-shadow:0 0 0 3px #eaf2ff}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.condition-builder{padding:10px 22px}.condition-row{display:grid;grid-template-columns:2fr .8fr 1.5fr 34px;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid #edf1f5}.remove{border:0;border-radius:7px;background:#f7e8ea;color:#b83e4c;height:40px;font-size:20px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.form-actions.left{justify-content:flex-start;padding-top:20px}.tester-grid{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(450px,1.2fr);gap:22px}.parameter-row{display:grid;grid-template-columns:1.5fr 1fr 38px;gap:10px;align-items:end;padding:0 22px 10px}.parameter-row .remove{margin-top:7px}.result-card pre{margin:0;padding:22px;min-height:320px;overflow:auto;background:#112138;color:#dce8f5;border-radius:0 0 13px 13px;line-height:1.6;font-size:12px}.url-box{padding:18px;display:flex;gap:10px;align-items:center}.url-box code{flex:1;overflow:auto;white-space:nowrap;color:#36536e}.menu-toggle{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.tester-grid{grid-template-columns:1fr}}@media(max-width:760px){.menu-toggle{display:block;position:fixed;right:16px;top:18px;z-index:20;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:9px 12px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:82px;padding:16px 20px}.topbar .btn{display:none}.content{padding:20px}.cards{grid-template-columns:1fr 1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.condition-row{grid-template-columns:1fr 1fr}.condition-row label:first-child{grid-column:1/-1}.tester-grid{display:block}.url-box{align-items:stretch;flex-wrap:wrap}.url-box code{flex-basis:100%}}@media(max-width:460px){.cards{grid-template-columns:1fr}.condition-row{grid-template-columns:1fr}.condition-row label:first-child{grid-column:auto}}
.parameter-summary{max-width:260px;grid-template-columns:1fr}.parameter-name{background:#f1f4f8;border-radius:5px;color:#28425f;padding:6px 8px;font-weight:700}.parameter-tools{padding:16px 22px;border-bottom:1px solid var(--line)}.parameter-tools input{max-width:420px;margin:0}.chip-list{display:flex;align-items:center;flex-wrap:wrap;gap:6px;white-space:normal}.rule-chip{text-decoration:none}.rule-chip.inactive{opacity:.6}.operator-chip{background:#edf2f8;color:#334f6d}.rule-count strong,.rule-count small{display:block}.rule-count small{color:var(--muted);margin-top:4px}
.sidebar-user{margin-top:auto;padding:14px;background:#172f49;border:1px solid #28435f;border-radius:10px}.sidebar-user strong{display:block;margin-bottom:8px}.sidebar-role{background:#284866;color:#dceaff;margin-bottom:7px}.sidebar-user form{margin-top:5px}.sidebar-user button{padding:0;border:0;background:none;color:#9fc5f3;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:30px}.login-brand{padding:0 0 25px;color:var(--ink)}.login-brand small{color:var(--muted)}.login-card h1{margin-bottom:5px}.login-card label{display:block;margin-top:18px;font-weight:650}.login-button{width:100%;margin-top:22px}.form-pad{padding:0 22px}.role-field{border:1px solid var(--line);border-radius:8px;padding:15px;display:flex;gap:18px;flex-wrap:wrap}.role-field legend{font-weight:700}.role-field label{color:var(--ink)}
.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;padding:20px}.filter-grid label{font-size:12px;font-weight:650;color:#506074}.filter-actions{display:flex;align-items:end;gap:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:var(--muted)}.pagination div{display:flex;align-items:center;gap:12px}.audit-rule-change{background:#e9efff;color:#315ba5}.audit-rule-set{background:#e5f8ef;color:#16754f}.audit-security{background:#fff0e1;color:#985b13}.audit-user{background:#f1ebff;color:#6842a8}.audit-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.audit-meta>div{padding:18px;background:#fff}.audit-meta small,.audit-meta strong{display:block}.audit-meta small{color:var(--muted);margin-bottom:6px}.audit-detail{padding:22px}.audit-summary h3{margin-top:0}.diff-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.diff-row small{display:inline-block;width:55px;color:var(--muted)}.diff-row b{color:var(--blue);padding:0 8px}.diff-add{color:#16754f}.diff-remove{color:#b33b47}.details-list{margin:0}.details-list>div{display:grid;grid-template-columns:220px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.details-list dt{font-weight:700}.details-list dd{margin:0;overflow-wrap:anywhere}.raw-details summary{cursor:pointer;padding:18px 22px;font-weight:700}.raw-details pre{margin:0;padding:22px;background:#112138;color:#dce8f5;overflow:auto}.callout{padding:16px;border-left:4px solid #c54444;background:#fff4f4}.audit-timeline{padding:0 22px}.audit-timeline article{display:grid;grid-template-columns:145px 1fr auto;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.audit-timeline time,.audit-timeline small{color:var(--muted)}.audit-timeline small{display:block;margin-top:4px}.audit-timeline a{color:var(--blue);text-decoration:none}.audit-timeline.rich .audit-summary{margin-top:12px}.audit-timeline.rich .diff-row{grid-template-columns:160px 1fr}
@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,1fr)}.audit-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.filter-grid{grid-template-columns:1fr}.audit-meta{grid-template-columns:1fr}.audit-timeline article{grid-template-columns:1fr}.diff-row,.details-list>div{grid-template-columns:1fr}}
.payload-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.payload pre{margin:0;padding:22px;min-height:300px;overflow:auto;background:#112138;color:#dce8f5;line-height:1.55}.payload .panel-head h2{margin:0}@media(max-width:900px){.payload-grid{grid-template-columns:1fr}}