:root,:root[data-theme=cyberpunk]{--bg: #0a0f0d;--surface: #101713;--fg: #d9ffe3;--muted: #6b8a77;--border: #22362a;--accent: #39ff6a;--accent2: #27e0ff;--warn: #ffb020;--err: #ff3ec8;--accent-soft: rgba(57, 255, 106, .1);--accent-fg: #04140a;--font-ui: "Chakra Petch", system-ui, sans-serif;--font-display: var(--font-ui);--radius: 8px;--radius-sm: 6px;--scanlines: repeating-linear-gradient(0deg, rgba(57, 255, 106, .03) 0px, rgba(57, 255, 106, .03) 1px, transparent 1px, transparent 3px);--card-elevation: none;--nav-on-shadow: 0 0 10px rgba(57, 255, 106, .35);--brand-dot-glow: 0 0 10px var(--accent);--btn-glow: 0 0 14px rgba(57, 255, 106, .4);--group-tt: uppercase;--group-ls: .12em;--group-prefix: "// ";--h1-tt: uppercase;--h1-ls: .04em;--kpi-accent-ring: 0 0 14px rgba(57, 255, 106, .12);--kpi-accent-text: 0 0 10px rgba(57, 255, 106, .5);--kpi-info-ring: 0 0 14px rgba(39, 224, 255, .1);--kpi-info-text: 0 0 10px rgba(39, 224, 255, .5);--kpi-flag-ring: 0 0 14px rgba(255, 62, 200, .1);--kpi-flag-text: 0 0 10px rgba(255, 62, 200, .5);color-scheme:dark}:root[data-theme=elegante-claro]{--bg: #f6f7f4;--surface: #ffffff;--fg: #1d2620;--muted: #66706a;--border: #dfe3dc;--accent: #2f6b3c;--accent2: #3d6b8a;--warn: #a15c00;--err: #b3261e;--accent-soft: rgba(47, 107, 60, .08);--accent-fg: #ffffff;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--radius: 12px;--radius-sm: 8px;--scanlines: none;--card-elevation: 0 1px 2px rgba(30, 30, 20, .05), 0 1px 1px rgba(30, 30, 20, .04);--nav-on-shadow: none;--brand-dot-glow: none;--btn-glow: none;--group-tt: uppercase;--group-ls: .08em;--group-prefix: "";--h1-tt: none;--h1-ls: normal;--kpi-accent-ring: none;--kpi-accent-text: none;--kpi-info-ring: none;--kpi-info-text: none;--kpi-flag-ring: none;--kpi-flag-text: none;color-scheme:light}:root[data-theme=elegante-oscuro]{--bg: #131714;--surface: #1c211d;--fg: #e6ebe6;--muted: #9aa59d;--border: #2c342e;--accent: #4d9a5d;--accent2: #6fa8c9;--warn: #e0a040;--err: #f2867e;--accent-soft: rgba(77, 154, 93, .14);--accent-fg: #ffffff;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, serif;--radius: 12px;--radius-sm: 8px;--scanlines: none;--card-elevation: 0 1px 2px rgba(0, 0, 0, .4);--nav-on-shadow: none;--brand-dot-glow: none;--btn-glow: none;--group-tt: uppercase;--group-ls: .08em;--group-prefix: "";--h1-tt: none;--h1-ls: normal;--kpi-accent-ring: none;--kpi-accent-text: none;--kpi-info-ring: none;--kpi-info-text: none;--kpi-flag-ring: none;--kpi-flag-text: none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:15px/1.45 var(--font-ui);background:var(--bg);color:var(--fg);background-image:var(--scanlines)}.mono{font-family:JetBrains Mono,monospace}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px}.sidebar .brand{display:flex;align-items:center;gap:8px;padding:4px 8px 20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-display)}.sidebar .brand .dot{width:20px;height:20px;border-radius:4px;background:var(--accent);box-shadow:var(--brand-dot-glow)}.sidebar .group{margin-bottom:16px}.sidebar .group-title{font-size:10px;font-weight:700;letter-spacing:var(--group-ls);color:var(--muted);padding:0 8px 6px;text-transform:var(--group-tt);font-family:JetBrains Mono,monospace}.sidebar .group-title:before{content:var(--group-prefix)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--muted);font-weight:500;font-size:13px;text-align:left;font-family:inherit;cursor:pointer}.sidebar nav button svg{width:16px;height:16px;flex-shrink:0}.sidebar nav button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:var(--nav-on-shadow)}.sidebar .theme-picker{display:flex;flex-direction:column;gap:4px;padding:10px 8px;margin-top:auto;border-top:1px solid var(--border);font-size:10px;color:var(--muted);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.sidebar .theme-picker select{font-size:12px;text-transform:none;letter-spacing:normal;padding:4px 8px}.sidebar .who{display:flex;align-items:center;gap:8px;padding:10px 8px 0}.sidebar .who .avatar{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;font-family:JetBrains Mono,monospace}.sidebar .who .name{font-size:12px;font-weight:600}.sidebar .who .role{font-size:10px;color:var(--muted);font-family:JetBrains Mono,monospace;letter-spacing:.04em}.sidebar .who button{font-size:11px;padding:3px 8px}.col{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:58px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar h1{font-size:15px;font-weight:700;letter-spacing:var(--h1-ls);text-transform:var(--h1-tt);margin:0;font-family:var(--font-display)}main{flex:1;max-width:1100px;width:100%;margin:0;padding:22px 24px 36px;overflow:auto}h2{margin:0 0 8px;font-family:var(--font-display)}h3{margin:28px 0 4px}.hint{color:var(--muted);margin:0 0 12px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}button,input,select{font:inherit;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg)}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700;box-shadow:var(--btn-glow)}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:8px 0;box-shadow:var(--card-elevation)}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;font-family:JetBrains Mono,monospace}tr.anulado td,div.anulado{color:var(--muted);text-decoration:line-through}article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:12px 0;box-shadow:var(--card-elevation)}.quote{font-size:17px;margin:8px 0}.quote em{color:var(--muted)}.tag{padding:2px 8px;border-radius:999px;background:#8080801f;border:1px solid var(--border);font-size:12.5px;font-family:JetBrains Mono,monospace}.tag.escalated,.tag.error{background:#ffb0201f;border-color:var(--warn);color:var(--warn)}.warn{color:var(--warn);margin:4px 0}.error{color:var(--err);margin:4px 0}.code{font:700 20px JetBrains Mono,monospace;letter-spacing:3px;color:var(--accent)}small{color:var(--muted)}.login{max-width:340px;margin:12vh auto;padding:0 20px;text-align:center}.login h1{font-family:var(--font-display)}.login form{display:grid;gap:12px;text-align:left}.login label{display:grid;gap:6px}.login input{font:700 28px JetBrains Mono,monospace;letter-spacing:8px;text-align:center}.login button{padding:12px;font-size:17px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:10}.dialog{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(440px,100%);box-shadow:var(--card-elevation)}.dialog h3{margin:0 0 12px}.code-help{position:relative;display:inline-block}.code-help summary{list-style:none;cursor:pointer;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.code-help summary::-webkit-details-marker,.code-help summary::marker{display:none;content:""}.code-help[open] summary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.code-help-pop{position:absolute;z-index:20;top:28px;left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;min-width:200px;max-width:300px;max-height:240px;overflow:auto;box-shadow:0 4px 20px #00000059}.code-help-pop ul{margin:0;padding-left:18px}.code-help-pop li{margin:3px 0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--card-elevation)}.kpi .label{font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,monospace}.kpi .value{font-size:23px;font-weight:700;font-family:JetBrains Mono,monospace}.kpi .sub{font-size:11px;font-family:JetBrains Mono,monospace}.kpi.accent{box-shadow:var(--card-elevation),var(--kpi-accent-ring)}.kpi.accent .value,.kpi.accent .sub{color:var(--accent);text-shadow:var(--kpi-accent-text)}.kpi.info{box-shadow:var(--card-elevation),var(--kpi-info-ring)}.kpi.info .value,.kpi.info .sub{color:var(--accent2);text-shadow:var(--kpi-info-text)}.kpi.flag{box-shadow:var(--card-elevation),var(--kpi-flag-ring)}.kpi.flag .value,.kpi.flag .sub{color:var(--err);text-shadow:var(--kpi-flag-text)}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-top:12px}@media(max-width:860px){.dash-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--card-elevation)}.panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase}.panel .panel-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:13px}.panel .panel-row:last-child{border-bottom:none}.panel .panel-empty{padding:16px;color:var(--muted);font-size:13px}.cat-pill{display:inline-block;min-width:30px;text-align:center;border:1px solid var(--accent2);color:var(--accent2);font-family:JetBrains Mono,monospace;font-weight:700;font-size:10.5px;border-radius:999px;padding:2px 8px}
