:root{--ink:#142638;--muted:#718090;--line:#e7edf1;--bg:#f4f7f8;--nav:#102f36;--nav2:#0b252b;--teal:#16a085;--mint:#daf4ec;--amber:#e99b36;--red:#e85c57;--blue:#4b79d8;--white:#fff;--shadow:0 14px 38px rgba(19,45,56,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#78909b;margin:0 0 7px}.brand{display:flex;align-items:center;gap:11px;color:#eefbf8;font-family:Manrope,sans-serif;font-size:17px}.brand b{color:#67d6bc}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#69dec1,#159679);color:#0d3434;font-weight:900}
.login-shell{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fff}.login-panel{padding:48px 9%;display:flex;flex-direction:column;justify-content:space-between;color:white;background:radial-gradient(circle at 20% 20%,#255a5c 0,transparent 35%),linear-gradient(145deg,#102f36,#081e25 70%);position:relative;overflow:hidden}.login-panel:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(91,210,182,.13);border-radius:50%;right:-180px;bottom:-160px;box-shadow:0 0 0 70px rgba(91,210,182,.035),0 0 0 140px rgba(91,210,182,.025)}.login-copy{position:relative;z-index:1}.login-copy .eyebrow{color:#5ed2b6}.login-copy h1{font:800 clamp(36px,4vw,62px)/1.08 Manrope;margin:14px 0 22px;letter-spacing:-.04em}.login-copy>p:last-child{color:#b7c9cd;line-height:1.7;max-width:470px}.security-note{font-size:12px;color:#91aeb3;position:relative;z-index:1}.security-note span{color:#65d6bc;margin-right:10px}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:min(420px,100%)}.login-form h2{font:800 32px/1.2 Manrope;margin:0 0 10px;letter-spacing:-.03em}.muted{color:var(--muted);margin:0 0 32px}.login-form label{display:block;font-weight:700;font-size:13px;margin:18px 0}.login-form input{display:block;width:100%;margin-top:9px;border:1px solid #dce5e8;border-radius:11px;padding:14px 15px;outline:none;background:#fbfcfc}.login-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,160,133,.1)}.primary{width:100%;border:0;border-radius:11px;padding:15px 18px;background:var(--teal);color:white;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;margin-top:25px}.primary:hover{background:#128d75}.form-error{min-height:20px;color:var(--red);font-size:13px}.demo-label{text-align:center;color:#94a1a8;font-size:10px;letter-spacing:.13em;margin-top:36px}.mobile-brand{display:none;color:var(--nav);margin-bottom:60px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(180deg,var(--nav),var(--nav2));padding:28px 18px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 10px 30px;border-bottom:1px solid rgba(255,255,255,.08)}nav{padding-top:24px}.nav-item{border:0;color:#a9c0c3;background:none;width:100%;padding:12px 14px;border-radius:10px;text-align:left;cursor:pointer;margin:3px 0;font-weight:600;display:flex;align-items:center;gap:12px}.nav-item:hover,.nav-item.active{background:rgba(90,212,182,.11);color:#70ddc2}.nav-item .icon{font-size:18px;width:18px}.nav-count{margin-left:auto;background:#df705f;color:#fff;border-radius:20px;font-size:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.simulation{display:flex;gap:10px;padding:14px;border:1px solid rgba(100,216,188,.17);border-radius:11px;color:#d7e7e7}.simulation i,.live i{width:7px;height:7px;background:#62d8bc;border-radius:50%;box-shadow:0 0 0 4px rgba(98,216,188,.12)}.simulation i{margin-top:5px}.simulation strong,.simulation span{display:block;font-size:11px}.simulation span{color:#77999d;margin-top:3px}.logout{width:100%;border:0;background:none;color:#78999d;margin-top:12px;padding:10px;cursor:pointer}.main{grid-column:2;padding:0 34px 45px;max-width:1500px;width:100%;margin:auto}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font:800 25px Manrope;margin:0}.top-actions{display:flex;align-items:center;gap:14px}.live{display:flex;gap:8px;align-items:center;background:#e9f7f3;color:#278a73;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:800}.user-chip{border:0;background:white;border-radius:12px;padding:7px 12px 7px 7px;display:flex;align-items:center;gap:9px;box-shadow:0 4px 18px rgba(18,48,59,.05)}.user-chip span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#deefeb;color:#167d68;font-weight:800}.user-chip b{font-size:12px}.menu{display:none;border:0;background:white;border-radius:8px;padding:8px}.notice{background:#eaf7f3;border:1px solid #d2eee6;border-radius:13px;padding:13px 17px;display:flex;gap:12px;align-items:center;margin-bottom:20px}.notice>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#55c7a9;color:white;font-weight:800}.notice strong{font-size:12px;color:#217b68}.notice p{display:inline;font-size:12px;color:#5c7f78;margin-left:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 24px rgba(20,48,57,.035)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e8f6f2;color:#18876f}.metric-change{font-size:10px;padding:4px 7px;background:#ecf8f3;color:#258b72;border-radius:12px;font-weight:800}.metric h2{font:800 28px Manrope;margin:20px 0 5px;letter-spacing:-.04em}.metric p{margin:0;color:var(--muted);font-size:12px}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 5px 24px rgba(20,48,57,.035)}.card-head{display:flex;justify-content:space-between;align-items:start}.card h3{font:800 16px Manrope;margin:0}.delta,.status-ok{font-size:10px;font-weight:800;border-radius:12px;padding:5px 8px;background:#f0f8f5;color:#248a72}.chart{height:190px;display:flex;align-items:end;gap:8px;padding:20px 6px 4px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#edf2f3 44px)}.bar{flex:1;background:linear-gradient(180deg,#55c9ae,#a7e5d6);min-width:6px;border-radius:5px 5px 1px 1px;position:relative;transition:.25s}.bar:hover{background:var(--teal);transform:translateY(-3px)}.chart-axis{display:flex;justify-content:space-between;color:#99a5aa;font-size:9px;margin:8px 6px 0}.gauge{width:128px;height:128px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--teal) 0 82%,#e5efed 82%);display:grid;place-items:center;position:relative}.gauge:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:white}.gauge-inner{z-index:1;text-align:center}.gauge-inner strong{font:800 28px Manrope}.gauge-inner span{display:block;color:#829097;font-size:10px}.pulse-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 2px;font-size:11px;color:var(--muted)}.pulse-row b{color:var(--ink)}.cases-card{margin-top:16px}.text-button{border:0;background:none;color:#178a73;font-weight:800;font-size:11px;cursor:pointer}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:15px}th{text-align:left;color:#8b989e;font-size:9px;letter-spacing:.12em;padding:9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #eff3f4;font-size:11px;white-space:nowrap}.score{font-weight:800;display:flex;align-items:center;gap:7px}.score i{display:block;width:7px;height:7px;border-radius:50%}.risk-high i{background:var(--red)}.risk-med i{background:var(--amber)}.risk-low i{background:var(--teal)}.badge{font-size:9px;font-weight:800;text-transform:uppercase;border-radius:12px;padding:4px 7px;background:#edf2f4;color:#64757c}.badge.revision{background:#fff2df;color:#a26816}.badge.escalado{background:#fde8e7;color:#b6443f}.badge.cerrado{background:#e6f6f0;color:#237e69}.section-intro{display:flex;justify-content:space-between;align-items:end;margin:14px 0 22px}.section-intro h2{font:800 22px Manrope;margin:0 0 5px}.section-intro p{margin:0;color:var(--muted);font-size:12px}.filters{display:flex;gap:6px}.filter,.secondary{border:1px solid #dce6e8;background:white;color:#66777e;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer}.filter.active{background:var(--nav);color:white;border-color:var(--nav)}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-card{background:white;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:13px;padding:18px}.case-card.critical{border-left-color:var(--red)}.case-card-head{display:flex;justify-content:space-between}.case-card h3{font:800 15px Manrope;margin:0}.case-score{font:800 24px Manrope;color:var(--red)}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.case-meta span{font-size:9px;color:#8b999f;display:block}.case-meta b{font-size:11px}.case-actions{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:13px}.case-actions button{border:1px solid #dce6e8;background:white;border-radius:8px;padding:7px 9px;font-size:10px;cursor:pointer}.case-actions button:hover{border-color:var(--teal);color:var(--teal)}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.rule{background:white;border:1px solid var(--line);border-radius:13px;padding:19px}.rule-head{display:flex;justify-content:space-between}.switch{width:34px;height:18px;border-radius:20px;background:#dce5e6;padding:3px}.switch:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:white}.switch.on{background:var(--teal)}.switch.on:after{margin-left:auto}.rule-stats{display:flex;gap:40px;margin-top:22px}.rule-stats span{display:block;color:#8b999f;font-size:9px}.rule-stats b{font:800 18px Manrope}.audit-list{min-height:240px}.audit-event{display:grid;grid-template-columns:155px 130px 1fr;gap:14px;padding:13px 5px;border-bottom:1px solid var(--line);font-size:11px}.audit-event time,.audit-event code{color:#87969c}.empty{text-align:center;color:#89979d;padding:80px 20px}.toast{position:fixed;right:25px;bottom:25px;background:#17383e;color:white;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}}
@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-panel{display:none}.mobile-brand{display:flex}.login-form-wrap{padding:28px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{padding:0 16px 35px}.topbar{height:90px}.menu{display:block}.topbar>div:first-of-type{margin-right:auto;margin-left:13px}.top-actions .live,.user-chip b{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric h2{font-size:22px}.notice p{display:block;margin:3px 0 0}.case-grid,.rules-grid{grid-template-columns:1fr}.section-intro{align-items:start;gap:15px;flex-direction:column}.audit-event{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}.chart{height:160px}}