:root{--bg-base: #0E141F;--bg-panel: #141C2B;--bg-panel-2: #1A2334;--bg-raised: #213448;--bg-input: rgba(255, 255, 255, .06);--bg-card: rgba(255, 255, 255, .04);--line: #26324A;--border: rgba(255, 255, 255, .08);--border-hover:rgba(255, 255, 255, .16);--text-1: #E8EDF6;--text-2: #8B98B0;--text-3: #5A6880;--accent: #5AC8E8;--accent-dim: color-mix(in srgb, var(--accent) 12%, transparent);--accent-border: color-mix(in srgb, var(--accent) 40%, transparent);--accent-text: #04121A;--success: #58C99B;--success-dim: rgba(88, 201, 155, .12);--success-border: rgba(88, 201, 155, .35);--warning: #F0B44A;--warning-dim: rgba(240, 180, 74, .12);--danger: #EF6B6B;--danger-dim: rgba(239, 107, 107, .12);--danger-border: rgba(239, 107, 107, .35);--font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--sidebar-w: 232px;--header-h: 52px;--bg: var(--bg-base);--panel: var(--bg-panel);--panel2: var(--bg-panel-2);--text: var(--text-1);--muted: var(--text-2);--cyan: var(--accent);--gold: var(--warning);--red: var(--danger);--green: var(--success);--sans: var(--font);--bg2: var(--bg-panel);--bg3: var(--bg-panel-2);--bg4: var(--bg-raised);--bg5: var(--bg-raised);--text2: var(--text-2);--text3: var(--text-3);--accent2: var(--accent);--accentbg: var(--accent-dim);--amber: var(--warning);--amberbg: var(--warning-dim);--redbg: var(--danger-dim);--greenbg: var(--success-dim);--border2: var(--border-hover)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg-base);color:var(--text-1);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%}.sidebar{background:var(--bg-panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.brand{height:var(--header-h);display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.brand-mark{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:700}.brand-name{font-weight:600;letter-spacing:-.01em}.nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-2);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.nav-item:hover{background:var(--bg-panel-2);color:var(--text-1)}.nav-item.active{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);font-weight:600}.nav-icon{flex-shrink:0;width:16px;height:16px}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot{margin-top:auto;padding:12px 16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--text-3);display:flex;justify-content:space-between;gap:8px}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:var(--header-h);flex-shrink:0;display:flex;align-items:baseline;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}.topbar-title{font-size:15px;font-weight:600}.topbar-sub{font-size:12px;color:var(--text-2)}.view{flex:1;min-height:0;overflow:auto;padding:22px}.placeholder{max-width:620px}.placeholder-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.placeholder-status{display:inline-block;margin-bottom:12px;padding:3px 9px;background:var(--warning-dim);border:1px solid var(--warning);border-radius:100px;font-family:var(--mono);font-size:11px;color:var(--warning)}.placeholder h2{font-size:15px;font-weight:600;margin-bottom:8px}.placeholder p{color:var(--text-2);line-height:1.65;margin-bottom:14px}.placeholder p:last-child{margin-bottom:0}.placeholder dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13px;padding-top:14px;border-top:1px solid var(--border)}.placeholder dt{color:var(--text-3)}.placeholder dd{color:var(--text-2);font-family:var(--mono);font-size:12px}.swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.swatch{padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--mono);font-size:11px}.nav-aparte{margin-top:auto;padding-bottom:4px}.ajustes{max-width:620px;display:flex;flex-direction:column;gap:18px}.ajustes-bloque{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.ajustes-bloque h2{font-size:14px;font-weight:600;margin-bottom:8px}.ajustes-bloque p{color:var(--text-2);line-height:1.65;margin-bottom:14px}.ajustes-botones{display:flex;gap:8px;flex-wrap:wrap}.btn-primario,.btn-secundario{padding:7px 14px;border-radius:var(--radius-sm);font:inherit;font-size:13px;cursor:pointer;transition:all .12s}.btn-primario{background:var(--accent);border:1px solid var(--accent);color:var(--accent-text);font-weight:600}.btn-primario:hover{filter:brightness(1.1)}.btn-secundario{background:transparent;border:1px solid var(--border-hover);color:var(--text-1)}.btn-secundario:hover{border-color:var(--accent-border);color:var(--accent)}.ajustes-aviso{margin-top:12px;padding:9px 12px;background:var(--success-dim);border:1px solid var(--success-border);border-radius:var(--radius-sm);font-size:13px;color:var(--success)}.ajustes-tabla{width:100%;border-collapse:collapse;font-size:13px}.ajustes-tabla td{padding:7px 0;border-bottom:1px solid var(--border)}.ajustes-tabla tr:last-child td{border-bottom:none}.ajustes-tabla td:first-child{color:var(--text-2)}.ajustes-tabla td:last-child{text-align:right}.mono{font-family:var(--mono);font-size:12px}.modulo-error{margin-bottom:14px;padding:10px 14px;background:var(--danger-dim);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger);font-size:13px}.ajustes-campo{flex:1;min-width:180px;height:32px;padding:0 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font:inherit;font-size:13px}.ajustes-campo:focus{outline:none;border-color:var(--accent-border)}.ajustes-nota{font-size:12px;color:var(--text-3)}.btn-primario:disabled,.btn-secundario:disabled{opacity:.55;cursor:default}