:root{--ink:#0d0d0d;--ink-2:#161616;--graphite:#2a2a2a;--steel:#4a4a4a;--ash:#9a9a9a;--silver:#6e6e6e;--bone:#2a2a2a;--paper:#1a1a1a;--snow:#f5f5f0;--accent:#5ed676;--accent-warm:#f0a050;--accent-cool:#7eb8da;--danger:#d96560;--bright:#fff;--font-display:"Archivo","Helvetica Neue",Arial,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",Consolas,monospace;--font-deco:"DM Serif Display",Georgia,serif;--container:1400px;--gap:1.5rem;--radius:0;--sidebar-w:240px;--header-h:56px;--ease:cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ink);color:var(--snow);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--silver)}.eyebrow__num{color:var(--ash);margin-right:.4rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.1rem;background:transparent;border:1px solid var(--graphite);color:var(--snow);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s var(--ease)}.btn:hover{background:var(--ink-2)}.btn--solid,.btn:hover{border-color:var(--snow)}.btn--solid{background:var(--snow);color:var(--ink)}.btn--solid:hover{background:var(--paper);color:var(--ink)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:var(--ink)}.btn--accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn--accent:hover{opacity:.9}.btn--sm{padding:.45rem .75rem;font-size:.62rem}.input,.select,.textarea{width:100%;padding:.7rem .85rem;background:var(--ink);border:1px solid var(--graphite);color:var(--snow);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ash)}.textarea{resize:vertical;min-height:80px}.label{display:block;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--silver);margin-bottom:.4rem}.field{margin-bottom:1rem}.field-row{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--ink-2);border-right:1px solid var(--graphite);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar__brand{padding:0 1.2rem 1.2rem;border-bottom:1px solid var(--graphite)}.sidebar__brand-name{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:1.3rem;color:var(--snow);display:block}.sidebar__brand-sub{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--silver);margin-top:.3rem}.sidebar__section{padding:.8rem 1.2rem .4rem}.sidebar__section-title{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--silver)}.sidebar__link{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.2rem;font-size:.85rem;color:var(--ash);transition:all .15s;border-left:2px solid transparent}.sidebar__link.is-active,.sidebar__link:hover{color:var(--snow);background:var(--ink)}.sidebar__link.is-active{border-left-color:var(--snow)}.sidebar__link-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:1rem 1.2rem;border-top:1px solid var(--graphite);font-size:.75rem}.sidebar__user-name{color:var(--snow);font-weight:600}.sidebar__user-rol{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--silver)}.main{min-height:100vh;overflow-x:hidden}.main,.page-header{background:var(--ink)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--graphite);height:var(--header-h);position:-webkit-sticky;position:sticky;top:0;z-index:10}.page-header__title{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ash)}.page-header__title strong{color:var(--snow);font-weight:500}.page-header__actions{display:flex;gap:.7rem;align-items:center}.page-body{padding:2rem;max-width:var(--container)}.page-section{margin-bottom:3rem}.page-section__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem}.page-section__title{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;color:var(--snow);margin:.4rem 0 0}.card{background:var(--ink-2);border:1px solid var(--graphite);padding:1.5rem;position:relative}.card--pad-sm{padding:1rem}.mock-dash{background:var(--ink-2);border:1px solid var(--graphite);padding:1.5rem;font-family:var(--font-mono)}.mock-dash__head{display:flex;justify-content:space-between;align-items:center;padding:0 0 1rem;margin-bottom:1rem;border-bottom:1px solid var(--graphite)}.mock-dash__title{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}.mock-dash__live{font-size:.55rem;letter-spacing:.18em;color:var(--snow);display:flex;align-items:center;gap:.4rem}.mock-dash__live:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:0;gap:0;border-top:1px solid var(--graphite);border-left:1px solid var(--graphite);margin-bottom:1.2rem}.metric{border-right:1px solid var(--graphite);border-bottom:1px solid var(--graphite);padding:1.1rem 1.2rem;background:var(--ink-2)}.metric__label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--silver);display:block;margin-bottom:.4rem}.metric__val{font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--snow);letter-spacing:-.01em;display:flex;align-items:baseline;gap:.4rem}.metric__trend{font-size:.7rem;font-family:var(--font-mono);font-weight:400;color:var(--accent);letter-spacing:.05em}.metric__trend--down{color:var(--accent-warm)}.metric__trend--neg{color:var(--danger)}.mock-chart{display:flex;align-items:flex-end;gap:4px;height:80px;margin-bottom:1rem;padding:.5rem 0}.mock-chart__bar{flex:1 1;background:var(--silver);opacity:.4;transition:opacity .3s}.mock-chart__bar--hi{opacity:.9;background:var(--snow)}.mock-list{border-top:1px solid var(--graphite);padding-top:1rem}.mock-list__title{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--silver);margin-bottom:.7rem}.mock-list__item{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ash);padding:.4rem 0;border-bottom:1px dashed var(--graphite)}.mock-list__item:last-child{border-bottom:none}.mock-list__item span:last-child{color:var(--snow)}.table{width:100%;border-collapse:collapse;background:var(--ink-2);border:1px solid var(--graphite);font-size:.85rem}.table td,.table th{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--graphite);vertical-align:middle}.table th{background:var(--ink);color:var(--silver);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--ink)}.table__num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:.2rem .55rem;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;background:var(--graphite);color:var(--ash)}.badge--ok{color:var(--accent);border:1px solid var(--accent);background:transparent}.badge--warn{color:var(--accent-warm);border:1px solid var(--accent-warm);background:transparent}.badge--err{color:var(--danger);border:1px solid var(--danger);background:transparent}.badge--info{color:var(--accent-cool);border:1px solid var(--accent-cool);background:transparent}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;justify-content:flex-end;z-index:100}.drawer{width:min(580px,100%);background:var(--ink-2);border-left:1px solid var(--graphite);height:100vh;overflow-y:auto;padding:1.5rem 2rem}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--graphite);margin-bottom:1.5rem}.empty{padding:4rem 2rem;text-align:center;color:var(--ash);background:var(--ink-2);border:1px dashed var(--graphite)}.empty__title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--snow);margin-bottom:.5rem}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--ink);padding:2rem}.login-card{width:min(420px,100%);background:var(--ink-2);border:1px solid var(--graphite);padding:2.5rem 2rem}.login-card__brand{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:1.8rem;margin-bottom:.4rem}.login-card__sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--silver);margin-bottom:2rem}.landing{min-height:100vh;display:grid;place-items:center;padding:2rem;text-align:center}.landing h1{font-family:var(--font-display);font-weight:900;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.03em;line-height:.95;margin:0 0 1.5rem}.landing h1 em{font-family:var(--font-deco);font-style:italic;font-weight:400}.landing__lead{max-width:540px;margin:0 auto 2rem;color:var(--ash);line-height:1.7}@media (max-width:880px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--graphite)}.field-row{grid-template-columns:1fr}.page-body{padding:1.5rem 1rem}}.flex{display:flex}.flex-1{flex:1 1}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-mono{font-family:var(--font-mono)}.text-display{font-family:var(--font-display)}.text-ash{color:var(--ash)}.text-silver{color:var(--silver)}.text-snow{color:var(--snow)}.text-accent{color:var(--accent)}.text-warn{color:var(--accent-warm)}.text-danger{color:var(--danger)}.text-xs{font-size:.7rem}.text-sm{font-size:.85rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.4rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.18em}