.ambient-particles{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.app-shell{z-index:1;position:relative}.ambient-particles i{top:var(--particle-top);left:var(--particle-left);width:var(--particle-size);height:var(--particle-size);opacity:.5;background:var(--primary);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 82%, transparent);animation:ambient-particle-drift 7s ease-in-out var(--particle-delay) infinite alternate;border-radius:999px;position:absolute}.ambient-particles i:nth-child(3n){background:var(--accent);opacity:.44}.ambient-particles i:nth-child(4n){background:var(--info);opacity:.34}:root[data-theme=muertos] .ambient-particles i{width:calc(var(--particle-size) + 7px);height:calc(var(--particle-size) + 2px);opacity:.66;animation:muertos-petal-drift 12s cubic-bezier(.4, .05, .6, .95) var(--particle-delay) infinite;background:linear-gradient(135deg,#ffd06a 0%,#f5ad24 48%,#e35a43 100%);border-radius:90% 10% 85% 15%;box-shadow:0 0 9px #f5ad2457}:root[data-theme=muertos] .ambient-particles i:nth-child(3n){opacity:.54;background:linear-gradient(135deg,#f19bf3,#b944bc 62%,#70075c)}:root[data-theme=muertos] .ambient-particles i:nth-child(4n){opacity:.6;background:linear-gradient(135deg,#ffe7a7,#f5ad24 62%,#b6783a)}@keyframes ambient-particle-drift{0%{opacity:.26;transform:translate(0,0)scale(.82)}48%{opacity:.7;transform:translate(34px,-42px)scale(1.25)}to{opacity:.36;transform:translate(-18px,-76px)scale(.94)}}@keyframes muertos-petal-drift{0%{opacity:0;transform:translateY(-8px)rotate(8deg)scale(.72)}12%{opacity:.7}42%{transform:translate(38px,56px)rotate(154deg)scale(1.05)}71%{opacity:.56;transform:translate(-24px,118px)rotate(278deg)scale(.88)}to{opacity:0;transform:translate(20px,180px)rotate(410deg)scale(.68)}}:root[data-particles=disabled] .ambient-particles{display:none}@media (width<=640px){.ambient-particles i:nth-child(n+11){display:none}}@media (prefers-reduced-motion:reduce){.ambient-particles{display:none}}.appearance-picker{align-items:center;display:flex;position:relative}.appearance-panel{z-index:40;background:var(--surface-1);border:1px solid var(--line);width:min(23rem,100vw - 2rem);max-height:calc(100vh - 5.5rem);box-shadow:var(--shadow-2);border-radius:.75rem;gap:.9rem;padding:.9rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0;overflow-y:auto}.appearance-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:.6rem;padding-bottom:.55rem;display:flex}.appearance-panel-header small{font-size:.74rem}.appearance-group{gap:.4rem;display:grid}.appearance-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:700}.appearance-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.appearance-mode{font:inherit;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:.55rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.82rem;font-weight:600;display:inline-flex}.appearance-mode:hover{background:var(--surface-hover);color:var(--text-primary)}.appearance-mode.is-active{color:var(--primary-contrast);background:var(--primary);border-color:var(--primary)}.appearance-themes{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.45rem;display:grid}.theme-card{font:inherit;text-align:left;color:var(--text-primary);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:.6rem;gap:.35rem;padding:.45rem;display:grid}.theme-card:hover{border-color:var(--primary);background:var(--surface-hover)}.theme-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.theme-card-preview{border-radius:.35rem;grid-template-columns:repeat(4,1fr);gap:2px;height:1.5rem;display:grid;overflow:hidden}.theme-card-preview i{display:block}.theme-card-name{align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;display:flex}.theme-card.is-locked{cursor:not-allowed;color:var(--text-muted);opacity:.6}.theme-card.is-locked:hover{border-color:var(--line);background:var(--surface-2)}.appearance-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:.8rem;padding-top:.55rem;display:flex}.appearance-row small{font-size:.73rem;display:block}.appearance-row input{width:1.05rem;height:1.05rem;accent-color:var(--primary);cursor:pointer}@media (width<=480px){.appearance-panel{width:calc(100vw - 1.5rem);right:-.4rem}}:root[data-theme=tmhub][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--browser-theme-color:#f3f6f4;--app-bg:#f2f5f3;--surface-1:#fff;--surface-2:#f7f9f8;--surface-3:#eaeeeb;--surface-hover:#e6ece8;--surface-active:#d9e6dd;--sidebar-bg:#0f3d1d;--sidebar-text:#d7e8dc;--sidebar-hover-bg:#16522a;--sidebar-active-bg:#1e6b37;--sidebar-active-text:#fff;--header-bg:#fff;--line:#d9e0db;--line-strong:#b9c6bd;--focus-ring:#155c2752;--text-primary:#16211a;--text-secondary:#46564b;--text-muted:#6f7f74;--text-on-color:#fff;--primary:#155c27;--primary-hover:#1c7433;--primary-soft:#e2f0e6;--primary-contrast:#fff;--accent:#28a34d;--accent-hover:#4bd66e;--accent-soft:#e6f7ea;--danger:#b3261e;--danger-soft:#fce8e6;--warning:#a86a00;--warning-soft:#fdf1dc;--success:#155c27;--success-soft:#e2f0e6;--info:#155c6e;--info-soft:#dceff3;--shadow-1:0 1px 2px #10211514, 0 2px 8px #1021150f;--shadow-2:0 10px 30px #10211524;--chart-1:#155c27;--chart-2:#28a34d;--chart-3:#4bd66e;--chart-4:#a86a00;--chart-5:#b3261e;--chart-6:#155c6e;--scrollbar-track:#eceff0;--scrollbar-thumb:#c2ccc5;--scrollbar-thumb-hover:#a4b1a9}:root[data-theme=tmhub][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--browser-theme-color:#071009;--app-bg:#0b1310;--surface-1:#121b17;--surface-2:#17221d;--surface-3:#1d2a24;--surface-hover:#24332c;--surface-active:#2c4034;--sidebar-bg:#08120c;--sidebar-text:#b7cdbd;--sidebar-hover-bg:#14251b;--sidebar-active-bg:#1e6b37;--sidebar-active-text:#fff;--header-bg:#101a15;--line:#25332c;--line-strong:#35473d;--focus-ring:#4bd66e61;--text-primary:#e8f1ea;--text-secondary:#b8c9be;--text-muted:#8aa092;--text-on-color:#071009;--primary:#2e9a48;--primary-hover:#3fb45c;--primary-soft:#16301f;--primary-contrast:#071009;--accent:#4bd66e;--accent-hover:#6ee58a;--accent-soft:#13301c;--danger:#ff8a80;--danger-soft:#3a1a19;--warning:#f0b429;--warning-soft:#372a10;--success:#4bd66e;--success-soft:#13301c;--info:#6fd3e0;--info-soft:#122c31;--shadow-1:0 1px 2px #0006, 0 2px 10px #0000004d;--shadow-2:0 12px 34px #00000080;--chart-1:#4bd66e;--chart-2:#2e9a48;--chart-3:#9ce8b0;--chart-4:#f0b429;--chart-5:#ff8a80;--chart-6:#6fd3e0;--scrollbar-track:#101a15;--scrollbar-thumb:#2c4034;--scrollbar-thumb-hover:#3c5747}:root[data-theme=aurora]{--seed:#8b7cff;--seed-accent:#42dfb3;--seed-deep:#1a1c37;--seed-light:#f7f5ff}:root[data-theme=cyberpunk]{--seed:#00f0ff;--seed-accent:#ff2d6f;--seed-deep:#0c0c14;--seed-light:#eef6ff}:root[data-theme=pride]{--seed:#b879ff;--seed-accent:#ffed00;--seed-deep:#15151c;--seed-light:#fbf6ff}:root[data-theme=christmas]{--seed:#43d477;--seed-accent:#f4d58d;--seed-deep:#0d2b1c;--seed-light:#f7fbf8}:root[data-theme=ocean]{--seed:#29c9e6;--seed-accent:#5ce1b3;--seed-deep:#0b2b38;--seed-light:#effdff}:root[data-theme=sunset]{--seed:#ff9a57;--seed-accent:#ff647f;--seed-deep:#351828;--seed-light:#fff6f7}:root[data-theme=forest]{--seed:#69cd8a;--seed-accent:#d7b96b;--seed-deep:#173323;--seed-light:#f0f8f0}:root[data-theme=terminal]{--seed:#77ff9d;--seed-accent:#50dfd1;--seed-deep:#0b1210;--seed-light:#eaffee}:root[data-theme=paper]{--seed:#285d45;--seed-accent:#a86a00;--seed-deep:#26332b;--seed-light:#f4eddf}:root[data-theme=muertos]{--seed:#b0486e;--seed-accent:#f2a33c;--seed-deep:#1b1024;--seed-light:#fdf3e7}:root[data-theme]:not([data-theme=tmhub])[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--browser-theme-color:color-mix(in oklab, var(--seed) 7%, var(--seed-light));--app-bg:color-mix(in oklab, var(--seed) 7%, var(--seed-light));--surface-1:#fff;--surface-2:color-mix(in oklab, var(--seed) 4%, var(--seed-light));--surface-3:color-mix(in oklab, var(--seed) 10%, var(--seed-light));--surface-hover:color-mix(in oklab, var(--seed) 15%, var(--seed-light));--surface-active:color-mix(in oklab, var(--seed) 22%, var(--seed-light));--sidebar-bg:color-mix(in oklab, var(--seed) 26%, var(--seed-deep));--sidebar-text:color-mix(in oklab, var(--seed) 30%, #fff);--sidebar-hover-bg:color-mix(in oklab, var(--seed) 40%, var(--seed-deep));--sidebar-active-bg:color-mix(in oklab, var(--seed-accent) 42%, var(--seed-deep));--sidebar-active-text:#fff;--header-bg:#fff;--line:color-mix(in oklab, var(--seed) 24%, var(--seed-light));--line-strong:color-mix(in oklab, var(--seed) 42%, #b9c3cc);--focus-ring:color-mix(in oklab, var(--seed) 34%, transparent);--text-primary:color-mix(in oklab, var(--seed-deep) 88%, #000);--text-secondary:color-mix(in oklab, var(--seed-deep) 62%, #4b5563);--text-muted:color-mix(in oklab, var(--seed-deep) 38%, #6b7280);--text-on-color:#fff;--primary:color-mix(in oklab, var(--seed) 62%, #0a0f14);--primary-hover:color-mix(in oklab, var(--seed) 78%, #0a0f14);--primary-soft:color-mix(in oklab, var(--seed) 16%, #fff);--primary-contrast:#fff;--accent:color-mix(in oklab, var(--seed-accent) 68%, #0a0f14);--accent-hover:color-mix(in oklab, var(--seed-accent) 86%, #0a0f14);--accent-soft:color-mix(in oklab, var(--seed-accent) 18%, #fff);--danger:#b3261e;--danger-soft:#fce8e6;--warning:#a86a00;--warning-soft:#fdf1dc;--success:color-mix(in oklab, var(--seed) 62%, #0a0f14);--success-soft:color-mix(in oklab, var(--seed) 14%, #fff);--info:#155c6e;--info-soft:#dceff3;--shadow-1:0 1px 2px color-mix(in oklab, var(--seed-deep) 8%, transparent), 0 2px 8px color-mix(in oklab, var(--seed-deep) 6%, transparent);--shadow-2:0 10px 30px color-mix(in oklab, var(--seed-deep) 14%, transparent);--chart-1:color-mix(in oklab, var(--seed) 66%, #0a0f14);--chart-2:var(--seed);--chart-3:var(--seed-accent);--chart-4:#a86a00;--chart-5:#b3261e;--chart-6:#155c6e;--scrollbar-track:color-mix(in oklab, var(--seed) 8%, #fff);--scrollbar-thumb:color-mix(in oklab, var(--seed) 30%, #b9c3cc);--scrollbar-thumb-hover:color-mix(in oklab, var(--seed) 45%, #8b98a5)}:root[data-theme]:not([data-theme=tmhub])[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--browser-theme-color:color-mix(in oklab, var(--seed-deep) 88%, #000);--app-bg:color-mix(in oklab, var(--seed-deep) 86%, #000);--surface-1:var(--seed-deep);--surface-2:color-mix(in oklab, var(--seed) 10%, var(--seed-deep));--surface-3:color-mix(in oklab, var(--seed) 18%, var(--seed-deep));--surface-hover:color-mix(in oklab, var(--seed) 26%, var(--seed-deep));--surface-active:color-mix(in oklab, var(--seed) 36%, var(--seed-deep));--sidebar-bg:color-mix(in oklab, var(--seed-deep) 62%, #000);--sidebar-text:color-mix(in oklab, var(--seed) 34%, #dbe3ea);--sidebar-hover-bg:color-mix(in oklab, var(--seed) 22%, var(--seed-deep));--sidebar-active-bg:color-mix(in oklab, var(--seed) 46%, var(--seed-deep));--sidebar-active-text:#fff;--header-bg:color-mix(in oklab, var(--seed) 8%, var(--seed-deep));--line:color-mix(in oklab, var(--seed) 24%, var(--seed-deep));--line-strong:color-mix(in oklab, var(--seed) 40%, var(--seed-deep));--focus-ring:color-mix(in oklab, var(--seed) 40%, transparent);--text-primary:color-mix(in oklab, var(--seed) 8%, #fff);--text-secondary:color-mix(in oklab, var(--seed) 26%, #d5dde5);--text-muted:color-mix(in oklab, var(--seed) 30%, #98a5b2);--text-on-color:color-mix(in oklab, var(--seed-deep) 55%, #000);--primary:color-mix(in oklab, var(--seed) 86%, #fff);--primary-hover:color-mix(in oklab, var(--seed) 68%, #fff);--primary-soft:color-mix(in oklab, var(--seed) 18%, var(--seed-deep));--primary-contrast:color-mix(in oklab, var(--seed-deep) 60%, #000);--accent:color-mix(in oklab, var(--seed-accent) 88%, #fff);--accent-hover:color-mix(in oklab, var(--seed-accent) 66%, #fff);--accent-soft:color-mix(in oklab, var(--seed-accent) 16%, var(--seed-deep));--danger:#ff8a80;--danger-soft:color-mix(in oklab, #ff8a80 16%, var(--seed-deep));--warning:#f0b429;--warning-soft:color-mix(in oklab, #f0b429 16%, var(--seed-deep));--success:var(--accent);--success-soft:var(--accent-soft);--info:#6fd3e0;--info-soft:color-mix(in oklab, #6fd3e0 16%, var(--seed-deep));--shadow-1:0 1px 2px #0006, 0 2px 10px #0000004d;--shadow-2:0 12px 34px #00000080;--chart-1:var(--seed);--chart-2:color-mix(in oklab, var(--seed) 55%, var(--seed-accent));--chart-3:var(--seed-accent);--chart-4:#f0b429;--chart-5:#ff8a80;--chart-6:#6fd3e0;--scrollbar-track:var(--header-bg);--scrollbar-thumb:var(--surface-active);--scrollbar-thumb-hover:var(--line-strong)}:root[data-theme=pride] .topbar{border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#ff0018,#ffed00,#008026,#004dff,#750787) 1}:root[data-theme=cyberpunk] .panel,:root[data-theme=cyberpunk] .stat{box-shadow:inset 0 1px color-mix(in oklab, var(--seed) 14%, transparent), var(--shadow-1)}:root[data-theme=terminal] .topbar-title,:root[data-theme=terminal] .nav-link{letter-spacing:.01em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{background:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:.93rem;line-height:1.45}h1{font-size:1.35rem;font-weight:700}h2{font-size:1.05rem;font-weight:650}h3{font-size:.95rem;font-weight:650}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.icon{flex:none}.icon.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--line);flex-direction:column;gap:.4rem;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-hover-bg);align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.2rem .35rem .9rem;display:flex}.sidebar-brand strong{color:var(--sidebar-active-text);letter-spacing:.02em;font-size:1rem}.sidebar-brand span{opacity:.75;font-size:.72rem;display:block}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;opacity:.55;padding:.7rem .5rem .3rem;font-size:.68rem;font-weight:700}.nav-link{color:var(--sidebar-text);border-radius:.55rem;align-items:center;gap:.65rem;padding:.6rem .7rem;font-size:.88rem;font-weight:500;display:flex}.nav-link:hover{background:var(--sidebar-hover-bg);text-decoration:none}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:650}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--header-bg);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:.8rem;padding:.7rem 1.2rem;display:flex;position:sticky;top:0}.topbar-user{align-items:center;gap:.6rem;margin-left:auto;display:flex}.topbar-user small{color:var(--text-muted);display:block}.avatar{background:var(--primary-soft);width:2rem;height:2rem;color:var(--primary);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.content{flex-direction:column;flex:1;gap:1rem;min-width:0;padding:1.2rem;display:flex}.mobile-nav,.menu-btn{display:none}.page-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.page-header p{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.page-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.btn{background:var(--surface-3);color:var(--text-primary);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--accent{background:var(--accent);color:var(--text-on-color)}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--danger{background:var(--danger);color:var(--text-on-color)}.btn--danger:hover:not(:disabled){filter:brightness(1.08);background:var(--danger)}.btn--ghost{border-color:var(--line-strong);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--soft{background:var(--primary-soft);color:var(--primary)}.btn--soft:hover:not(:disabled){background:var(--surface-hover)}.btn--sm{padding:.35rem .6rem;font-size:.78rem}.btn--block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface-1);width:2.1rem;height:2.1rem;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.field-label em{color:var(--danger);font-style:normal}.field-hint{color:var(--text-muted);font-size:.74rem}.field-error{color:var(--danger);font-size:.76rem;font-weight:600}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;color:var(--text-primary);font:inherit;border-radius:.5rem;padding:.55rem .7rem;font-size:.88rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--text-muted)}.textarea{resize:vertical;min-height:5rem}.select{appearance:none;background-image:none}.form-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;display:grid}.form-grid--wide{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.choice{cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.choice input{width:1rem;height:1rem;accent-color:var(--primary)}.switch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .2rem;display:flex}.switch-row:last-child{border-bottom:0}.switch-row small{color:var(--text-muted);font-size:.75rem;display:block}.feedback{border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.85rem;font-weight:550;display:flex}.feedback--error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.feedback--success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.loading,.empty{color:var(--text-muted);align-items:center;gap:.5rem;padding:1.2rem .8rem;font-size:.85rem;display:flex}.panel{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.75rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.panel-header .btn{margin-left:auto}.panel>.form-grid,.panel>.panel-body{padding:1rem}.content-grid{gap:1rem;display:grid}.content-grid--sidebar{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem;display:grid}.stat{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.75rem;flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.stat span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:600}.stat strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.stat--primary strong{color:var(--primary)}.stat--danger strong{color:var(--danger)}.stat--warning strong{color:var(--warning)}.stat--success strong{color:var(--success)}.badge{background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.74rem;font-weight:650;display:inline-flex}.badge--primary{background:var(--primary-soft);color:var(--primary)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row--end{justify-content:flex-end}.spread{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.stack{flex-direction:column;gap:.6rem;display:flex}.stack--sm{gap:.3rem}.grow{flex:auto;min-width:0}.muted{color:var(--text-muted);font-size:.82rem}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.align-right{text-align:right}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.filters{background:var(--surface-1);border:1px solid var(--line);border-radius:.75rem;flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.9rem 1rem;display:flex}.filters .field{flex:12rem}.responsive-table{width:100%;overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%}.responsive-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .9rem;font-size:.74rem;font-weight:700}.responsive-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.65rem .9rem;font-size:.86rem}.responsive-table tbody tr:hover{background:var(--surface-hover)}.responsive-table tbody tr:last-child td{border-bottom:0}.responsive-table-label{display:none}.responsive-table-value .row{gap:.35rem}.pagination{border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;font-size:.8rem;display:flex}.pagination-buttons{align-items:center;gap:.5rem;margin-left:auto;display:flex}.pagination-page,.pagination-info{font-variant-numeric:tabular-nums}.brand-logo{object-fit:contain;background:var(--surface-3);border:1px solid var(--line);border-radius:.5rem;width:2.6rem;height:2.6rem}.bar-row{grid-template-columns:5.5rem 1fr 6.5rem;align-items:center;gap:.6rem;font-size:.84rem;display:grid}.bar-label{color:var(--text-muted)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-track{background:var(--surface-3);border-radius:999px;height:.55rem;display:block;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s ease-out;display:block}.rank{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.rank li{border:1px solid var(--line);background:var(--surface-2);border-radius:.55rem;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.rank li span{overflow-wrap:anywhere}.thumbnail{object-fit:cover;border:1px solid var(--line);background:var(--surface-3);border-radius:.4rem;width:2.4rem;height:2.4rem}.modal-backdrop{z-index:60;background:#080c0a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--line);width:100%;max-height:90vh;box-shadow:var(--shadow-2);border-radius:.85rem;flex-direction:column;display:flex}.modal--sm{max-width:24rem}.modal--md{max-width:34rem}.modal--lg{max-width:52rem}.modal--full{max-width:min(78rem,100%);height:92vh}.modal--full .modal-body{padding:1.1rem 1.1rem 0}.modal--full .product-list{max-height:26rem}.modal-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;display:flex}.modal-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.modal-header .icon-btn{margin-left:auto}.modal-body{padding:1.1rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--line);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex}.login-screen{background:radial-gradient(circle at 15% 10%, var(--primary-soft), transparent 55%), radial-gradient(circle at 85% 85%, var(--accent-soft), transparent 50%), var(--app-bg);place-items:center;min-height:100vh;padding:1.2rem;display:grid}.login-card{background:var(--surface-1);border:1px solid var(--line);width:100%;max-width:24rem;box-shadow:var(--shadow-2);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.login-card header{text-align:center;flex-direction:column;gap:.25rem;display:flex}.login-card header p{color:var(--text-muted);font-size:.84rem}.pos-grid{grid-template-columns:minmax(0,1.4fr) minmax(19rem,1fr);align-items:start;gap:1rem;display:grid}.pos-search{position:relative}.pos-search .input{padding-left:2.1rem}.pos-search .icon{color:var(--text-muted);position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.product-list{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;max-height:30rem;padding:1rem;display:grid;overflow-y:auto}.product-tile{text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.6rem;display:flex}.product-tile:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover)}.product-tile:disabled{opacity:.45;cursor:not-allowed}.product-tile strong{font-size:.8rem;line-height:1.25}.product-tile span{color:var(--primary);font-size:.82rem;font-weight:700}.product-tile small{color:var(--text-muted);font-size:.7rem}.cart-list{flex-direction:column;gap:.5rem;max-height:20rem;padding:.9rem 1rem;display:flex;overflow-y:auto}.cart-item{border-bottom:1px dashed var(--line);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.cart-item:last-child{border-bottom:0}.cart-item-name{font-size:.84rem;font-weight:600}.cart-totals{border-top:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.cart-totals .spread{font-size:.85rem}.cart-totals .spread strong{font-variant-numeric:tabular-nums}.cart-totals .spread--total{font-size:1.05rem;font-weight:700}.qty{border:1px solid var(--line-strong);border-radius:.45rem;align-items:center;display:inline-flex;overflow:hidden}.qty button{background:var(--surface-1);width:1.7rem;height:1.7rem;color:var(--text-primary);cursor:pointer;border:0;place-items:center;display:grid}.qty button:hover{background:var(--surface-hover)}.qty input{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;background:var(--surface-1);width:3rem;height:1.7rem;color:var(--text-primary);font:inherit;font-size:.82rem}.pay-options{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.5rem;display:grid}.pay-option{border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:.6rem;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .4rem;font-size:.8rem;font-weight:600;display:flex}.pay-option:hover{background:var(--surface-hover)}.pay-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.keypad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.keypad button{font-variant-numeric:tabular-nums;padding:.9rem 0;font-size:1.05rem;font-weight:650}@media (width<=60rem){.content-grid--sidebar,.pos-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=48rem){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:15rem;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-2);transform:translate(0)}.app-shell.is-drawer-open:after{content:"";z-index:45;background:#080c0a80;position:fixed;inset:0}.menu-btn{display:inline-grid}.content{padding:.9rem .8rem 5.5rem}.topbar{padding:.6rem .8rem}.topbar .topbar-title{display:none}.mobile-nav{z-index:40;background:var(--header-bg);border-top:1px solid var(--line);padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.mobile-nav .nav-link{text-align:center;flex-direction:column;justify-content:center;gap:.15rem;padding:.45rem .1rem;font-size:.65rem}.mobile-nav .nav-link.active{color:var(--primary);background:0 0}.responsive-table th{display:none}.responsive-table,.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.7rem;margin:0 .6rem .7rem;padding:.3rem 0}.responsive-table td{border:0;padding:.3rem .8rem}.responsive-table tbody tr:hover{background:0 0}.responsive-table-cell{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.responsive-table-label{color:var(--text-muted);font-size:.74rem;font-weight:600;display:block}.responsive-table-value,.align-right{text-align:right}.pagination{justify-content:center}.page-actions{width:100%;margin-left:0}.page-actions .btn{flex:auto}.modal--lg{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pos-scan{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.pos-scan .input{letter-spacing:.04em;min-height:3.2rem;font-size:1.15rem;font-weight:700}.pos-keys{flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem;display:flex}.pos-key{border:1px solid var(--line-strong);background:var(--surface-1);min-height:2.9rem;color:var(--text-primary);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.6rem;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.82rem;font-weight:650;display:inline-flex}.pos-key:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover)}.pos-key:active:not(:disabled){transform:translateY(1px)}.pos-key:disabled{opacity:.45;cursor:not-allowed}.pos-key kbd{font:inherit;background:var(--surface-3);color:var(--text-muted);border-radius:.3rem;padding:.1rem .35rem;font-size:.7rem;font-weight:800}.pos-last{flex-direction:column;gap:.45rem;padding:.9rem 1rem;display:flex}.pos-last .spread strong{font-variant-numeric:tabular-nums}.pos-total{color:var(--primary);text-align:right;font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.6rem;font-weight:800}.pos-falta{color:var(--danger)}@media (width<=48rem){.pos-key{flex:calc(50% - .5rem);justify-content:center;min-height:3.1rem}.pos-scan .input{font-size:1rem}}