*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:1rem;cursor:pointer;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);padding:.5rem 1rem;transition:background-color .2s,border-color .2s}button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:1rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}#root{min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--color-border, #475569) var(--color-bg-secondary, #1e293b)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--color-bg-secondary, #1e293b);border-radius:5px}*::-webkit-scrollbar-thumb{background:var(--color-border, #475569);border-radius:5px;border:2px solid var(--color-bg-secondary, #1e293b)}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted, #64748b)}*::-webkit-scrollbar-thumb:active{background:var(--color-primary, #3b82f6)}*::-webkit-scrollbar-corner{background:var(--color-bg-secondary, #1e293b);border-radius:5px}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--color-status-success: #10b981;--color-status-warning: #f59e0b;--color-status-error: #ef4444;--color-status-info: #3b82f6}:root,[data-theme=discoteca]{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-bg: #1a1b26;--color-bg-primary: #1a1b26;--color-bg-secondary: #24283b;--color-bg-tertiary: #2d3148;--color-surface: #24283b;--color-surface-hover: #2d3148;--color-text: rgba(255, 255, 255, .9);--color-text-primary: rgba(255, 255, 255, .9);--color-text-secondary: #a9b1d6;--color-text-muted: #a9b1d6;--color-border: #3b4261;--color-accent-primary: #6366f1}[data-theme=supermercado]{--color-primary: #27ae60;--color-primary-hover: #219a52;--color-bg: #0f1f14;--color-bg-primary: #0f1f14;--color-bg-secondary: #152a1a;--color-bg-tertiary: #1c3522;--color-surface: #152a1a;--color-surface-hover: #1c3522;--color-text: rgba(236, 245, 238, .9);--color-text-primary: rgba(236, 245, 238, .9);--color-text-secondary: #7d9e7d;--color-text-muted: #7d9e7d;--color-border: #2d4a32;--color-accent-primary: #27ae60}[data-theme=parqueadero]{--color-primary: #e67e22;--color-primary-hover: #d35400;--color-bg: #2c1810;--color-surface: #3d2318;--color-surface-hover: #4a2b1c;--color-text: rgba(255, 250, 245, .92);--color-text-muted: #b7956e;--color-border: #5c3d28}[data-theme=restaurante]{--color-primary: #e74c3c;--color-primary-hover: #c0392b;--color-bg: #2a1512;--color-bg-primary: #2a1512;--color-bg-secondary: #3d1f1a;--color-bg-tertiary: #4d2822;--color-surface: #3d1f1a;--color-surface-hover: #4d2822;--color-text: rgba(255, 248, 245, .9);--color-text-primary: rgba(255, 248, 245, .9);--color-text-secondary: #c99a7a;--color-text-muted: #c99a7a;--color-border: #5c3028;--color-accent-primary: #e74c3c}[data-theme=reservacion_citas]{--color-primary: #e8b4b8;--color-primary-hover: #d4a0a5;--color-bg: #2d2224;--color-bg-primary: #2d2224;--color-bg-secondary: #3d3032;--color-bg-tertiary: #4a3c3e;--color-surface: #3d3032;--color-surface-hover: #4a3c3e;--color-text: rgba(253, 242, 243, .9);--color-text-primary: rgba(253, 242, 243, .9);--color-text-secondary: #c9a0a5;--color-text-muted: #c9a0a5;--color-border: #5c4a4c;--color-accent-primary: #e8b4b8}[data-theme=mantenimientos_instalacion]{--color-primary: #3498db;--color-primary-hover: #2980b9;--color-bg: #0f1923;--color-bg-primary: #0f1923;--color-bg-secondary: #15202b;--color-bg-tertiary: #1c2d3d;--color-surface: #15202b;--color-surface-hover: #1c2d3d;--color-text: rgba(236, 240, 241, .9);--color-text-primary: rgba(236, 240, 241, .9);--color-text-secondary: #7f8c8d;--color-text-muted: #7f8c8d;--color-border: #2c3e50;--color-accent-primary: #3498db}[data-theme=claro]{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-bg: #e8e8ec;--color-bg-primary: #e8e8ec;--color-bg-secondary: #dfe0e4;--color-bg-tertiary: #d4d5da;--color-surface: #f0f1f4;--color-surface-hover: #e4e5ea;--color-text: rgba(30, 30, 35, .9);--color-text-primary: rgba(30, 30, 35, .9);--color-text-secondary: #4a4a52;--color-text-muted: #6b6b74;--color-border: #c8c9d0;--color-accent-primary: #4f46e5}.session-expired-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.session-expired-modal{background:var(--bg-card, #1e1e2e);border-radius:12px;padding:1.5rem 2rem;max-width:360px;width:90%;box-shadow:0 8px 32px #0006}.session-expired-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff)}.session-expired-message{margin:0 0 1.25rem;color:var(--text-secondary, #a0a0a0);font-size:.95rem;line-height:1.4}.session-expired-btn{width:100%;padding:.65rem 1rem;font-size:1rem;font-weight:500;color:#fff;background:var(--accent, #e63946);border:none;border-radius:8px;cursor:pointer}.session-expired-btn:hover{filter:brightness(1.1)}.session-expired-btn:focus{outline:2px solid var(--accent, #e63946);outline-offset:2px}.point-selector{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,var(--bg-secondary, #1a1d24) 0%,var(--bg-primary, #0f1115) 100%)}.point-selector--loading,.point-selector--empty{color:var(--text-secondary, #9ca3af);font-size:1rem}.point-selector__card{width:100%;max-width:420px;background:var(--card-bg, #1e2229);border-radius:12px;padding:1.75rem;box-shadow:0 4px 24px #00000040;border:1px solid var(--border-color, #2d333b)}.point-selector__title{margin:0 0 .5rem;font-size:1.35rem;font-weight:600;color:var(--text-primary, #f0f0f0)}.point-selector__desc{margin:0 0 1.5rem;font-size:.9rem;color:var(--text-secondary, #9ca3af);line-height:1.4}.point-selector__list{display:flex;flex-direction:column;gap:.75rem}.point-selector__item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;text-align:left;background:var(--bg-secondary, #252930);border:1px solid var(--border-color, #2d333b);border-radius:10px;color:var(--text-primary, #f0f0f0);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.point-selector__item:hover{background:var(--bg-hover, #2d333b);border-color:var(--accent, #3b82f6)}.point-selector__item:active{transform:scale(.99)}.point-selector__item-icon{flex-shrink:0;color:var(--accent, #3b82f6)}.point-selector__item-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.point-selector__item-name{font-weight:600;font-size:1rem}.point-selector__item-code,.point-selector__item-address{font-size:.8rem;color:var(--text-secondary, #9ca3af)}.sidebar{position:fixed;left:0;top:0;z-index:50;width:260px;height:100vh;max-height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s}.sidebar--closed{width:64px}.sidebar--closed .sidebar__brand span,.sidebar--closed .sidebar__link>span,.sidebar--closed .sidebar__user,.sidebar--closed .sidebar__logout>span{display:none}.sidebar--closed .sidebar__point{display:none}.sidebar--closed .sidebar__link{padding:.6rem;text-align:center}.sidebar__header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);min-height:56px}.sidebar__point{flex-basis:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.sidebar__point-icon{flex-shrink:0;color:var(--color-primary)}.sidebar__point-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__point-change{flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer}.sidebar__point-change:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar__brand{font-weight:700;font-size:1.2rem;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__brand:hover{color:var(--color-primary)}.sidebar__toggle{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--color-bg-secondary, rgba(30, 41, 59, .5));border:1px solid var(--color-border);color:var(--color-text);transition:background-color .2s,color .2s}.sidebar__toggle:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.sidebar__toggle-icon{flex-shrink:0;display:block}.sidebar__nav{flex:1;min-height:0;padding:.75rem 0;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:var(--color-text-muted);text-decoration:none;transition:background-color .15s,color .15s;border-left:3px solid transparent}.sidebar__link-icon{flex-shrink:0}.sidebar__link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.sidebar__link--active{color:var(--color-primary);background-color:var(--color-surface-hover);border-left-color:var(--color-primary)}.sidebar__footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.sidebar__user-avatar{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem .3rem;border-radius:999px;border:none;background:none;cursor:pointer;color:var(--color-text-muted)}.sidebar__user-avatar:hover{background:#0f172acc}.sidebar__user-avatar-circle{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:radial-gradient(circle at 0 0,#818cf8b3,#2563ebe6);color:#e5e7eb}.sidebar__user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.sidebar__user-name{font-size:.85rem;font-weight:600;color:var(--color-text, #e2e8f0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #94a3b8)}.sidebar__user-menu{margin-top:.35rem;padding:.35rem;border-radius:10px;background:#0f172afa;box-shadow:0 12px 30px #0f172abf;display:flex;flex-direction:column;gap:.25rem}.sidebar__user-menu-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:.85rem;color:var(--color-text-muted, #cbd5f5)}.sidebar__user-menu-item:hover{background:#1e40af99;color:#e5e7eb}.app--with-sidebar .app__main{margin-left:260px;min-height:100vh}.app--with-sidebar.app--sidebar-closed .app__main{margin-left:64px}@media(max-width:768px){.sidebar{z-index:100;transform:translate(0)}.sidebar--closed{transform:translate(-100%);width:260px}.app--with-sidebar .app__main,.app--with-sidebar.app--sidebar-closed .app__main{margin-left:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--color-bg)}.login-card{width:100%;max-width:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.login-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--color-text);margin-bottom:.25rem}.login-subtitle{font-size:.95rem;color:var(--color-text-muted);text-align:center;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.input-wrap{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-input, var(--color-bg))}.input-wrap:focus-within{border-color:var(--color-primary);outline:none}.input-wrap .input-icon{flex-shrink:0;color:var(--color-text-muted)}.input-wrap input{flex:1;min-width:0;border:none;background:none;font-size:1rem;color:var(--color-text)}.input-wrap input::placeholder{color:var(--color-text-muted)}.input-wrap input:focus{outline:none}.login-btn{margin-top:1rem;padding:.65rem 1rem;width:100%}.login-forgot{margin-top:1rem;text-align:center;font-size:.9rem}.login-forgot a{color:var(--color-primary, #2563eb);text-decoration:none}.login-forgot a:hover{text-decoration:underline}.login-mail-warning{margin-top:1rem;padding:.75rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:8px;font-size:.9rem;color:var(--color-text, #1f2937)}.login-recovery-link{margin-top:1rem;padding:1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:8px;font-size:.9rem}.login-recovery-link__a{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:var(--color-primary, #4f46e5);color:#fff!important;border-radius:6px;text-decoration:none;font-weight:600}.login-recovery-link__a:hover{opacity:.9}.page-title--with-icon{display:flex;align-items:center;gap:.5rem}.page-title__icon{color:var(--color-primary)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.dashboard__card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;color:var(--color-text);transition:background-color .2s,border-color .2s}.dashboard__card-icon{color:var(--color-primary)}.dashboard__card:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.dashboard__card-title{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.dashboard__card-desc{font-size:.85rem;color:var(--color-text-muted)}.dashboard__empty{margin-top:2rem;padding:1.5rem;text-align:center;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-border, #334155);border-radius:12px;color:var(--color-text-secondary, #94a3b8)}.dashboard__empty p{margin:0 0 1rem;font-size:1rem}.dashboard__empty-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--color-primary, #6366f1);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .2s}.dashboard__empty-link:hover{opacity:.9}.pos-container{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(320px,400px);grid-template-rows:auto 1fr;height:100vh;overflow:hidden;background-color:var(--color-bg-primary);gap:var(--spacing-sm);margin:0;padding:0}.pos-holds-bar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;min-height:48px}.pos-holds-bar__label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.pos-holds-bar__scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;padding:2px 0;flex:1;min-width:0}.pos-hold-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:.4rem .6rem;background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-shrink:0;max-width:220px}.pos-hold-card--active{border-color:var(--color-accent-primary);background:rgba(var(--color-accent-rgb, 59, 130, 246),.08)}.pos-hold-card__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.pos-hold-card__subtotal{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.pos-hold-card__items{font-size:.8rem;color:var(--color-text-secondary)}.pos-hold-card__customer{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-hold-card__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.pos-hold-card__btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .5rem;border:none;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-primary)}.pos-hold-card__btn:hover{opacity:.9}.pos-hold-card__btn--resume{background:var(--color-status-success);color:#fff}.pos-hold-card__btn--del{padding:.35rem;color:var(--color-text-secondary)}.pos-hold-card__btn--del:hover{background:#ef444426;color:var(--color-status-error)}.pos-hold-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin:.5rem 0;padding:.5rem .75rem;font-size:.9rem;font-weight:600;border:1px dashed var(--border-color);border-radius:var(--border-radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer}.pos-hold-btn:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.pos-hold-btn:disabled{opacity:.6;cursor:not-allowed}.pos-main-section{grid-row:2;grid-column:1}@media(min-width:769px)and (max-width:1200px){.pos-container{grid-template-columns:minmax(0,2.6fr) minmax(320px,.9fr)}}.pos-main-section{display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:1px solid var(--border-color);min-width:0;flex:1;max-width:100%;margin:0;padding:0}@media(max-width:1024px){.pos-main-section{flex:1 1 auto}}@media(max-width:800px){.pos-main-section{flex:1 1 0;min-width:0;overflow:hidden}}.pos-header{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--color-bg-primary);position:sticky;top:0;z-index:10;padding:var(--spacing-md);padding-bottom:var(--spacing-sm);flex-shrink:0}@media(max-width:1024px){.pos-header{gap:var(--spacing-sm);padding:var(--spacing-sm);padding-bottom:var(--spacing-xs)}}@media(max-width:850px){.pos-header{gap:.5rem;padding:.5rem .5rem .4rem}}.search-bar,.pos__search-bar{display:flex;align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md)}@media(max-width:1024px){.search-bar{padding:var(--spacing-xs) var(--spacing-sm)}}.search-icon{color:var(--color-text-secondary);margin-right:var(--spacing-sm)}.search-input{background:none;border:none;color:var(--color-text-primary);width:100%;font-size:1rem;outline:none}@media(max-width:1024px){.search-input{font-size:.9rem}}@media(max-width:850px){.search-input{font-size:.85rem}}.sale-type-selector,.pos__sale-type-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.sale-type-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500;flex:1;justify-content:center}.sale-type-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.sale-type-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.sale-type-icon{flex-shrink:0}@media(max-width:1024px){.sale-type-btn{padding:.4rem .75rem;font-size:.85rem}}@media(max-width:850px){.sale-type-btn{padding:.35rem .6rem;font-size:.8rem}}.category-filters,.pos__category-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:hidden}.category-header-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500;width:100%}.category-header-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.category-header-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.category-header-icon{flex-shrink:0;color:var(--color-accent-primary)}.category-badge{padding:.15rem .5rem;border-radius:999px;background-color:var(--color-accent-primary);color:#fff;font-size:.75rem;font-weight:600}.pos__category-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.pos__category-filters-content--open{max-height:400px;overflow-y:auto;padding:var(--spacing-sm) 0}.pos__category-filters-content>div{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0;margin:0}.category-btn{background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500}.category-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.category-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}@media(max-width:1024px){.category-btn{padding:.4rem .75rem;font-size:.85rem}}@media(max-width:850px){.category-btn{padding:.35rem .6rem;font-size:.8rem}}.pos-content-view{flex:1;overflow-y:auto;padding:var(--spacing-md);position:relative;min-height:0;height:100%}@media(max-width:1024px){.pos-content-view{padding:var(--spacing-sm)}}@media(max-width:800px){.pos-content-view{padding:.5rem}}.products-grid,.pos__products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}}@media(max-width:900px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.5rem}}@media(max-width:850px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}.product-card,.pos__product-card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;text-align:left;transition:transform .1s,border-color .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}@media(max-width:1024px){.product-card{padding:var(--spacing-xs);min-height:95px}}@media(max-width:900px){.product-card{padding:.5rem;min-height:85px}}@media(max-width:850px){.product-card{padding:.4rem;min-height:80px}}.product-card:hover:not(:disabled){border-color:var(--color-accent-primary);transform:translateY(-2px)}.product-card:active:not(:disabled){transform:translateY(0)}.product-card:disabled,.product-card--disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.product-card__stock--zero{color:var(--color-status-error);font-weight:600}.product-card__stock--exhausted{color:var(--color-status-warning);font-weight:600}.product-card__name{font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-size:.9rem}@media(max-width:1024px){.product-card__name{font-size:.85rem;margin-bottom:.25rem}}@media(max-width:850px){.product-card__name{font-size:.8rem}}.product-card__price{font-size:1.25rem;font-weight:700;color:var(--color-accent-primary)}@media(max-width:1024px){.product-card__price{font-size:1.1rem}}@media(max-width:900px){.product-card__price{font-size:1rem}}.product-card__stock-info{margin-top:auto;display:flex;flex-direction:column;gap:2px}.product-card__stock{font-size:.75rem;color:var(--color-text-muted)}@media(max-width:1024px){.product-card__stock{font-size:.7rem}}@media(max-width:850px){.product-card__stock{font-size:.65rem}}.pos-cart{grid-row:2;grid-column:2;width:100%;min-width:360px;background-color:var(--color-bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;border-radius:var(--border-radius-md);overflow:hidden;margin:0;padding:0;height:100%;flex-shrink:0;position:relative}@media(max-width:1024px){.pos-cart{width:100%;min-width:0;max-width:none}}.cart-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-tertiary);flex-shrink:0;margin:0}@media(max-width:1024px){.cart-header{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}@media(max-width:850px){.cart-header{padding:.5rem;font-size:.8rem}}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0}@media(max-width:1024px){.cart-items{padding:var(--spacing-xs);gap:.5rem}}@media(max-width:850px){.cart-items{padding:.4rem;gap:.4rem;font-size:.85rem}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);gap:var(--spacing-md);padding:var(--spacing-md)}@media(max-width:1024px){.empty-cart{gap:var(--spacing-sm);padding:var(--spacing-sm)}.empty-cart svg{width:36px;height:36px}.empty-cart p{font-size:.85rem}}@media(max-width:850px){.empty-cart{gap:.5rem;padding:.5rem}.empty-cart svg{width:32px;height:32px}.empty-cart p{font-size:.8rem}}.cart-item{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}@media(max-width:1024px){.cart-item{gap:.5rem;padding-bottom:.5rem}}@media(max-width:850px){.cart-item{gap:.4rem;padding-bottom:.4rem;font-size:.85rem}}.cart-item__info{flex:1}.cart-item__name{font-weight:500;font-size:.9rem}@media(max-width:1024px){.cart-item__name{font-size:.85rem}}@media(max-width:850px){.cart-item__name{font-size:.8rem}}.cart-item__price{font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:1024px){.cart-item__price{font-size:.75rem}}@media(max-width:850px){.cart-item__price{font-size:.7rem}}.cart-item__controls{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-bg-primary);border-radius:var(--border-radius-sm);padding:2px}.qty-btn{background:none;border:none;color:var(--color-text-primary);padding:4px;cursor:pointer;display:flex;align-items:center}.qty-btn:hover{color:var(--color-accent-primary)}.qty-value{font-size:.9rem;min-width:20px;text-align:center}.cart-item__total{font-weight:600;min-width:60px;text-align:right}.remove-btn{background:none;border:none;color:var(--color-status-error);cursor:pointer;padding:4px;opacity:.7}.remove-btn:hover{opacity:1}.cart-footer{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-top:1px solid var(--border-color);overflow-y:auto;flex-shrink:0;min-height:fit-content}@media(max-width:1024px){.cart-footer{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:850px){.cart-footer{padding:.5rem}}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem}.summary-row.total{color:var(--color-text-primary);font-weight:700;font-size:1.1rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}@media(max-width:1024px){.summary-row{font-size:.85rem}.summary-row.total{font-size:1rem}}.payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.payment-actions--four{grid-template-columns:1fr 1fr}@media(max-width:1024px){.payment-actions{gap:var(--spacing-xs);grid-template-columns:1fr}.payment-actions--four{grid-template-columns:1fr 1fr}}.pay-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .2s}@media(max-width:1024px){.pay-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;gap:.25rem}}.pay-btn:hover:not(:disabled){opacity:.9}.pay-btn--cash{background-color:var(--color-status-success);color:#fff}.pay-btn--card{background-color:var(--color-accent-primary);color:#fff}.pay-btn--transfer{background-color:#8b5cf6;color:#fff}.pay-btn--multi{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--border-color)}.pay-btn--multi-active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.pay-btn--selected{box-shadow:0 0 0 3px var(--color-accent-primary);outline:none}.payment-actions--generate{margin-top:var(--spacing-sm);grid-template-columns:1fr}.pay-btn--generate{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;font-weight:600;background-color:var(--color-accent-primary);color:#fff}.pay-btn--generate:hover:not(:disabled){opacity:.95}.pay-btn--generate-multi{background-color:var(--color-status-success)}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.payment-actions--drawer{margin-top:var(--spacing-xs);grid-template-columns:1fr;align-items:center;gap:.25rem}.pay-btn--drawer{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--border-color)}.pay-btn--drawer:hover:not(:disabled){background-color:var(--color-bg-tertiary, #e5e7eb)}.pos-drawer-msg{font-size:.8rem;padding:.25rem .5rem;border-radius:var(--border-radius-sm, 4px)}.pos-drawer-msg--ok{color:var(--color-status-success)}.pos-drawer-msg--error{color:var(--color-status-error, #dc2626)}.pos-multi-payment{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color)}.pos-multi-payment-list{margin-top:.5rem;margin-bottom:.5rem;max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.pos-multi-payment-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);font-size:.9rem}.pos-multi-payment-remove{padding:.2rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm)}.pos-multi-payment-remove:hover{color:var(--color-status-error);background:#ef44441a}.calc-row.insufficient span:last-child{color:var(--color-status-error);font-weight:600}.pos-single-falta{margin-top:.25rem;padding:.4rem .5rem;background:#ef44441f;border-radius:var(--border-radius-sm);border:1px solid rgba(239,68,68,.35)}.pos-single-falta span:first-child{color:var(--color-status-error);font-weight:600}.pos-single-falta__value{color:var(--color-status-error)!important;font-weight:700;font-size:1.05rem}.pos-multi-restante{margin-top:.25rem;padding:.4rem .5rem;background:#ef44441f;border-radius:var(--border-radius-sm);border:1px solid rgba(239,68,68,.35)}.pos-multi-restante span:first-child{color:var(--color-status-error);font-weight:600}.pos-multi-restante__value{color:var(--color-status-error)!important;font-weight:700;font-size:1.05rem}.pos-multi-cambio{margin-top:.25rem;padding:.4rem .5rem;background:#22c55e1f;border-radius:var(--border-radius-sm);border:1px solid rgba(34,197,94,.35)}.pos-multi-cambio span:first-child{color:var(--color-status-success);font-weight:600}.pos-multi-cambio__value{color:var(--color-status-success)!important;font-weight:700;font-size:1.05rem}.pos-invoice-thermal__payments{display:flex;flex-direction:column;gap:.15rem}.change-calculator{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:1024px){.change-calculator{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);gap:.25rem}}.calc-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:.95rem}@media(max-width:1024px){.calc-row{font-size:.85rem}}.tender-input{width:120px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-weight:500;text-align:right}@media(max-width:1024px){.tender-input{width:100px;padding:5px 8px;font-size:.95rem}}@media(max-width:850px){.tender-input{width:90px;padding:4px 6px;font-size:.9rem}}.change-display{font-weight:600;color:var(--color-status-success);font-size:1.1rem;min-width:100px;text-align:right;display:inline-block}@media(max-width:1024px){.change-display{font-size:1rem;min-width:90px}}@media(max-width:850px){.change-display{font-size:.95rem;min-width:80px}}.change-display.insufficient{color:var(--color-status-error)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media(max-width:768px){.pos-container{display:block;height:100vh;position:relative;overflow:hidden}.pos-main-section{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 80px);margin-bottom:80px;transition:transform .3s ease-in-out;z-index:1;flex:none}.pos-cart{position:absolute;top:0;right:0;width:100%;height:calc(100vh - 80px);margin-bottom:80px;border-left:none;border-radius:0;transition:transform .3s ease-in-out;z-index:2}}.pos-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pos-modal{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000004d;padding:1.5rem;max-width:100%}.pos-modal--confirm{min-width:280px}.pos-modal__title{margin:0 0 1.25rem;font-size:1.15rem;color:var(--color-text-primary);text-align:center}.pos-modal__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.pos-modal__btn{padding:.6rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.pos-modal__btn--yes{background:var(--color-status-success);color:#fff}.pos-modal__btn--yes:hover:not(:disabled){filter:brightness(1.1)}.pos-modal__btn--no{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--border-color)}.pos-modal__btn--no:hover:not(:disabled){background:var(--color-bg-primary);filter:brightness(1.05)}.pos-modal__btn--print{background:var(--color-primary);color:#fff}.pos-modal__btn--print:hover:not(:disabled){filter:brightness(1.1)}.pos-modal__btn:disabled{opacity:.7;cursor:not-allowed}.pos-modal--invoice{max-height:90vh;overflow:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.pos-modal--invoice .pos-modal__title{margin-bottom:1rem}.pos-invoice-screen{margin:0 auto 1.25rem;display:flex;justify-content:center;flex-shrink:0}.pos-invoice-thermal{margin:0 auto;padding:.75rem;font-size:11px;line-height:1.4;background:#fff;color:#111;border:1px solid #333;border-radius:4px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;width:100%}.pos-invoice-thermal__header-box{border:1px solid #000;padding:.5rem .4rem;margin-bottom:.5rem;text-align:center}.pos-invoice-thermal__brand{font-weight:700;font-size:12px;margin-bottom:.2rem}.pos-invoice-thermal__doc-title{font-size:10px;margin-bottom:.15rem}.pos-invoice-thermal__doc-number{font-size:9px;margin-bottom:.15rem}.pos-invoice-thermal__date{font-size:8px;color:#333}.pos-invoice-thermal__customer{border:1px solid #333;padding:.35rem .4rem;margin-bottom:.4rem;font-size:8px;text-align:left}.pos-invoice-thermal__meta{font-weight:600;font-size:8px;text-align:center;margin-bottom:.25rem}.pos-invoice-thermal__divider{border-bottom:1px solid #333;margin:.35rem 0}.pos-invoice-thermal__divider--double{border-bottom-width:2px;margin:.5rem 0}.pos-invoice-thermal__table-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:7px;margin-bottom:.2rem;padding:0 .1rem}.pos-invoice-thermal__th-name{flex:1;min-width:0;text-align:left}.pos-invoice-thermal__th-qty{width:2.5em;text-align:right}.pos-invoice-thermal__th-total{width:4.5em;text-align:right}.pos-invoice-thermal__row{display:flex;justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:.2rem;font-size:7px;padding:0 .1rem}.pos-invoice-thermal__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.pos-invoice-thermal__qty{width:2.5em;text-align:right;flex-shrink:0}.pos-invoice-thermal__amount{width:4.5em;text-align:right;flex-shrink:0}.pos-invoice-thermal__total{font-weight:700;font-size:9px;margin-top:.2rem}.pos-invoice-thermal__footer{text-align:center;margin-top:.6rem;font-size:8px;font-style:italic}.pos-invoice-thermal__website{text-align:center;margin-top:.5rem;padding-top:.25rem;font-size:8px;color:#333;word-break:break-all}@media print{.pos-print-area{width:300px;max-width:300px;padding:8px;font-size:11px;background:#fff;color:#000;border:none}}.inventory{padding:var(--spacing-lg);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.page__title--with-icon{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf626,#3b82f626);padding:.75rem 1.25rem;border-radius:var(--border-radius-md);border-left:4px solid var(--color-accent-primary);color:var(--color-text-primary);font-weight:600;margin:0}.page__title-icon{color:var(--color-accent-primary);flex-shrink:0}.inventory__table-container{overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.inventory__table-container::-webkit-scrollbar{height:8px}.inventory__table-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.inventory__table-container::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--border-radius-sm)}.inventory__table-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.table__head th{text-align:left;padding:var(--spacing-md);color:var(--color-text-primary);font-weight:600;border-bottom:2px solid var(--color-accent-primary);background:#8b5cf614;position:relative}.table__head th:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#8b5cf633}.table__header-cell{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-weight:600}.table__header-icon{color:var(--color-accent-primary);flex-shrink:0}.table__body td{padding:.35rem var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--color-text-primary);position:relative;line-height:1.4}.table__body td:not(:last-child):after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:#8b5cf61a}.table__row--even{background-color:var(--color-bg-primary)}.table__row--odd{background-color:#8b5cf608}.table__row:hover{background-color:#8b5cf61f;transition:background-color .2s ease}.table__cell--primary{font-weight:500;color:var(--color-text-primary)}.inventory-edit-input{width:100%;padding:.25rem .5rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-accent-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:inherit;font-family:inherit;outline:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;min-width:72px;text-align:center;line-height:1.1}.table__body td .badge{font-size:.85rem;padding:.2rem .65rem;min-width:80px;font-weight:600}.badge--success{background-color:#10b9812e;color:var(--color-status-success)}.badge--warning{background-color:#f59e0b2e;color:var(--color-status-warning)}.badge--danger{background-color:#ef44442e;color:var(--color-status-error)}.btn-icon{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:.875rem;padding:.5rem;border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background-color:var(--color-bg-tertiary);text-decoration:none}.btn-icon--danger{color:var(--color-status-error)}.btn-icon--danger:hover{background-color:#ef44441a;color:var(--color-status-error)}.inventory-modal__overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.inventory-modal{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:2rem;max-width:500px;width:95%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 10px 40px #0009;box-sizing:border-box}.inventory-modal__title{margin:0 0 1rem;font-size:1.4rem;color:var(--color-text-primary)}.inventory-modal__form{display:flex;flex-direction:column;gap:1rem;width:100%;box-sizing:border-box}.inventory-modal__field{display:flex;flex-direction:column;gap:.25rem;width:100%;min-width:0;box-sizing:border-box}.inventory-modal__field label{font-size:.85rem;color:var(--color-text-secondary)}.inventory-modal__field input{padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none;width:100%;box-sizing:border-box;max-width:100%}.inventory-modal__field input:focus{border-color:var(--color-accent-primary)}.inventory-modal__field select{padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none;width:100%;box-sizing:border-box;max-width:100%}.inventory-modal__field select:focus{border-color:var(--color-accent-primary)}.inventory-modal__field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}.inventory-modal__field-grid .inventory-modal__field{min-width:0;width:100%}.inventory-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.inventory__tabs{display:flex;gap:.5rem;margin-bottom:1rem}.inventory__tab{padding:.5rem 1rem;border-radius:var(--border-radius-md);border:1px solid transparent;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem}.inventory__tab--active{background-color:var(--color-bg-tertiary);border-color:var(--border-color);color:var(--color-text-primary)}.inventory__categories{margin-top:var(--spacing-md)}.inventory__categories-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.inventory__categories-form{display:flex;gap:.5rem}.inventory__categories-form input{padding:.4rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.inventory__categories-empty{color:var(--color-text-secondary);font-size:.9rem}.inventory__categories-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.inventory__categories-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);border:1px solid var(--border-color)}.inventory__categories-name{font-weight:500}.inventory__categories-count{font-size:.8rem;color:var(--color-text-secondary);margin-left:.5rem}@media(max-width:768px){.inventory{padding:3.5rem var(--spacing-md) var(--spacing-md)}.inventory__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-md)}.inventory__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:900px}.inventory__categories-header{flex-direction:column;align-items:flex-start}.inventory__categories-form{flex-wrap:wrap;width:100%}.inventory__categories-form input{flex:1}.inventory-modal{padding:1.5rem;width:95%;max-width:420px;max-height:85vh;overflow-y:auto}.inventory-modal__field-grid{grid-template-columns:1fr}.page__title--with-icon{font-size:1.1rem;padding:.5rem 1rem}.table__header-cell{font-size:.85rem}}.inventory__search-filters-container{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column}.inventory__search-filters-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:all .2s}.inventory__search-filters-header:hover{color:var(--color-accent-primary)}.inventory__search-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.inventory__search-filters-content--open{max-height:600px;padding:1rem 0}.inventory-select-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;position:relative}.inventory-select-icon{color:var(--color-text-secondary);flex-shrink:0;transition:color .2s}.inventory-select-wrapper:hover .inventory-select-icon{color:var(--color-accent-primary)}.inventory-select{outline:none;padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem;font-weight:500;border:2px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;min-height:42px;flex:1}.inventory-select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-tertiary)}.inventory-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a;background-color:var(--color-bg-primary)}.inventory-select--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.inventory-select--active:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633)}.inventory-select-clear{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:var(--border-radius-sm);flex-shrink:0}.inventory-select-clear:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.inventory-select option{padding:.75rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:400}.inventory-select option:hover{background-color:var(--color-bg-tertiary)}.inventory-select option:checked{background-color:var(--color-accent-primary);color:#fff}.inventory__search-filters-container input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.9rem;transition:border-color .2s;margin:1rem 0}.inventory__search-filters-container input:focus{outline:none;border-color:var(--color-accent-primary)}.inventory-search-bar{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.inventory-search-icon{position:absolute;left:20px;color:var(--color-text-secondary);pointer-events:none;transition:all .3s ease}.inventory-search-bar:focus-within .inventory-search-icon{animation:searchIconPulse .6s ease-in-out;color:var(--color-accent-primary)}.inventory-search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.9rem;transition:border-color .2s}.inventory-search-input:focus{outline:none;border-color:var(--color-accent-primary)}.inventory-search-clear{position:absolute;right:12px;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.inventory-search-clear:hover{color:var(--color-text-primary)}.inventory-filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@keyframes searchIconPulse{0%{transform:translate(0) scale(1)}50%{transform:translate(3px) scale(1.1)}to{transform:translate(0) scale(1)}}.inventory__search-filters-container button:hover{background-color:var(--color-bg-tertiary)!important;transition:background-color .2s ease}.orders-page .orders-placeholder{color:var(--color-text-muted);font-size:.95rem}.invoices-page .page-header{margin-bottom:1.5rem}.invoices-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.invoices-stat-card{background:var(--color-bg-card, #1e293b);border:1px solid var(--border-color, #475569);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem}.invoices-stat-icon{color:var(--color-primary, #6366f1);flex-shrink:0}.invoices-stat-content{flex:1}.invoices-stat-label{margin:0 0 .25rem;font-size:.85rem;color:var(--color-text-secondary, #94a3b8);font-weight:500}.invoices-stat-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text, #e2e8f0)}.invoices-toolbar{margin-bottom:1rem}.invoices-filters{display:flex;flex-direction:column;gap:.75rem}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--color-text-muted, #94a3b8);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-input, #0f172a);color:var(--color-text, #e2e8f0);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--color-primary, #6366f1)}.method-filters-section,.date-filters-section{border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-card, #1e293b);overflow:hidden}.method-filter-toggle,.date-filter-toggle{width:100%;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--color-text, #e2e8f0);cursor:pointer;transition:background .2s}.method-filter-toggle:hover,.date-filter-toggle:hover{background:var(--color-bg-secondary, #1e293b)}.method-filter-toggle-content,.date-filter-toggle-content{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.method-filters-content,.date-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.method-filters-content.open,.date-filters-content.open{max-height:500px;padding:1rem;border-top:1px solid var(--border-color, #475569)}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-primary, #0f172a);color:var(--color-text, #e2e8f0);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--color-bg-secondary, #1e293b)}.filter-btn.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.date-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.date-filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-primary, #0f172a);color:var(--color-text, #e2e8f0);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.date-filter-btn:hover{background:var(--color-bg-secondary, #1e293b)}.date-filter-btn.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.date-filter-input-wrapper{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.date-filter-input{padding:.5rem .75rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-input, #0f172a);color:var(--color-text, #e2e8f0);font-size:.9rem}.date-filter-input:focus{outline:none;border-color:var(--color-primary, #6366f1)}.date-filter-apply-btn{padding:.5rem 1rem;border:1px solid var(--color-primary, #6366f1);border-radius:6px;background:var(--color-primary, #6366f1);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s}.date-filter-apply-btn:hover{opacity:.9}.invoices-refresh-btn{padding:.5rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);cursor:pointer;display:flex;align-items:center;transition:background .2s}.invoices-refresh-btn:hover{background:var(--color-bg-primary, #0f172a)}.invoices-message{padding:.75rem;margin-bottom:1rem;border-radius:6px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:.9rem}.invoices-message--error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.invoices-loading,.invoices-placeholder{text-align:center;padding:2rem;color:var(--color-text-muted, #94a3b8);font-size:.95rem}.invoices-table-wrapper{overflow-x:auto;margin-top:1rem}.invoices-table{width:100%;border-collapse:collapse;font-size:.9rem}.invoices-table thead{background:var(--color-bg-secondary, #1e293b)}.invoices-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text, #e2e8f0);border-bottom:2px solid var(--border-color, #475569);white-space:nowrap}.invoices-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #475569);color:var(--color-text, #e2e8f0)}.invoices-table tbody tr:hover{background:var(--color-bg-secondary, #1e293b)}.invoices-actions{display:flex;gap:.5rem;flex-wrap:wrap}.invoices-btn{padding:.4rem .75rem;font-size:.85rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:opacity .2s}.invoices-btn--view{background:#3b82f6;color:#fff}.invoices-btn--print{background:#0ea5e9;color:#fff}.invoices-btn--secondary{background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);border:1px solid var(--border-color, #475569)}.invoices-btn:hover:not(:disabled){opacity:.9}.invoices-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.invoices-modal{background:var(--color-bg-card, #1e293b);border:1px solid var(--border-color, #475569);border-radius:8px;padding:1.5rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.invoices-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invoices-modal__title{margin:0;font-size:1.15rem;color:var(--color-text, #e2e8f0)}.invoices-modal__close{background:none;border:none;color:var(--color-text, #e2e8f0);cursor:pointer;padding:.25rem;display:flex;align-items:center;border-radius:4px;transition:background .2s}.invoices-modal__close:hover{background:var(--color-bg-primary, #0f172a)}.invoices-detail-meta{margin-bottom:1rem;font-size:.9rem;color:var(--color-text-secondary, #94a3b8)}.invoices-detail-meta p{margin:.25rem 0}.invoices-detail-table-wrapper{overflow-x:auto;margin-bottom:1rem}.invoices-detail-table{width:100%;border-collapse:collapse;font-size:.9rem}.invoices-detail-table th,.invoices-detail-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #475569);color:var(--color-text, #e2e8f0)}.invoices-detail-table thead th{font-weight:600;background:var(--color-bg-secondary, #1e293b)}.invoices-detail-totals{margin-bottom:1rem;font-size:.95rem;text-align:right}.invoices-detail-totals p{margin:.25rem 0}.invoices-detail-total{font-weight:700;font-size:1rem;color:var(--color-text, #e2e8f0)}.invoices-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.reports-container{padding:2rem;max-width:1200px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reports-header h1{font-size:2rem;color:var(--color-text-primary)}.report-date{color:var(--color-text-secondary);font-size:.9rem;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:99px}.reports__section{margin-bottom:2rem}.reports__section-title{margin-bottom:1rem;font-size:1.25rem;color:var(--color-text-secondary)}.reports__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.reports__stat-card{background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:transform .2s}.reports__stat-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary)}.reports__stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary)}.reports__stat-icon--cost{color:var(--color-status-info);background-color:#3b82f61a}.reports__stat-icon--revenue{color:var(--color-status-success);background-color:#10b9811a}.reports__stat-icon--profit{color:var(--color-accent-secondary);background-color:#ec48991a}.reports__stat-icon--items{color:var(--color-text-secondary)}.reports__stat-icon--unique{color:var(--color-accent-primary);background-color:#8b5cf61a}.reports__stat-label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.25rem}.reports__stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:var(--color-accent-primary)}.stat-icon{position:absolute;top:1rem;right:1rem;opacity:.1;color:var(--color-text-primary)}.stat-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text-primary)}.stat-card.revenue .stat-value{color:var(--color-status-success)}.stat-card.orders .stat-value{color:var(--color-accent-primary)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.chart-card{background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column}.chart-card h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--color-text-primary)}.top-products-list{display:flex;flex-direction:column;gap:1rem}.product-rank-row{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.product-rank-row:last-child{border-bottom:none}.rank-number{width:30px;height:30px;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-accent-primary)}.rank-info{flex:1}.rank-info h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.rank-info p{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.rank-stat{text-align:right}.rank-stat strong{display:block;font-size:1rem;color:var(--color-text-primary)}.rank-stat small{color:var(--color-text-secondary);font-size:.8rem}.no-data{text-align:center;color:var(--color-text-secondary);padding:3rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.config-page{max-width:42rem;margin:0 auto;padding-bottom:2rem}.config-page .page-header{margin-bottom:1.75rem}.config-page .page-title--with-icon{display:flex;align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text, #e2e8f0)}.config-page .page-title__icon{color:var(--color-primary);flex-shrink:0}.config-page .page-subtitle{margin-top:.35rem;font-size:.95rem;line-height:1.45;color:var(--color-text-muted, #94a3b8)}.config-page .config-placeholder{color:var(--color-text-muted);font-size:.95rem}.config-page .config-card.card{max-width:100%;margin-bottom:1.75rem;padding:1.5rem 1.75rem;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--color-border, #334155);border-radius:14px;box-shadow:0 4px 20px #00000026;transition:box-shadow .2s ease,border-color .2s ease}.config-page .config-card.card:hover{box-shadow:0 6px 24px #0003}.config-themes{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.config-theme-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem 1rem;background:var(--color-bg-tertiary, #2d3148);border:2px solid var(--color-border, #3b4261);border-radius:12px;color:var(--color-text);cursor:pointer;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s ease}.config-theme-btn:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6366f133;transform:translateY(-1px)}.config-theme-btn--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 4px 12px #6366f140;background:#6366f114}.config-theme-btn:disabled{opacity:.7;cursor:not-allowed}.config-theme-btn__swatch{width:36px;height:36px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #00000040;border:2px solid rgba(255,255,255,.15)}.config-theme-btn__label{white-space:nowrap}.config-theme-btn .config-modules__vip-badge{margin-top:.15rem;font-size:.65rem}.config-themes--disabled .config-theme-btn{opacity:.6;cursor:not-allowed;pointer-events:none}.config-theme-btn--disabled{opacity:.6;cursor:not-allowed}.config-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.config__status-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.config__status-badge--active{background-color:#22c55e33;color:#22c55e}.config__status-badge--inactive{background-color:#94a3b833;color:#94a3b8}.config-card-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.config__toggle{position:relative;display:inline-block;width:48px;height:24px}.config__toggle input{opacity:0;width:0;height:0}.config__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);transition:.4s;border:1px solid var(--border-color)}.config__toggle-slider--round{border-radius:24px}.config__toggle-slider--round:before{border-radius:50%}.config__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.config__toggle input:checked+.config__toggle-slider{background-color:var(--color-accent-primary)}.config__toggle input:checked+.config__toggle-slider:before{transform:translate(24px)}.config__toggle input:disabled+.config__toggle-slider{background-color:var(--color-bg-tertiary);opacity:.5;cursor:not-allowed}.config__toggle-label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.config-card-body{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.config__field{display:flex;flex-direction:column;gap:.5rem}.config__field-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.config__input{width:100%;padding:.5rem .75rem;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.95rem}.config__input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf633}.config__field-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.config__currency{margin-top:.5rem}.config-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.config-card__title{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text, #e2e8f0);letter-spacing:-.01em}.config-modules__vip-chip{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .7rem;border-radius:999px;background:radial-gradient(circle at 0 0,rgba(251,191,36,.28),transparent 55%),#1e40afcc;box-shadow:0 0 0 1px #3b82f666}.config-modules__vip-chip-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fef9c3;white-space:nowrap}.config-modules__vip-chip-label--inactive{background:none;color:var(--color-text-muted, #94a3b8);font-weight:500;letter-spacing:.02em}.config-card__desc{color:var(--color-text-muted, #94a3b8);font-size:.95rem;margin:0 0 1.25rem;line-height:1.5}.config-printer-options-title{margin-top:-.25rem;margin-bottom:.75rem;font-size:.9rem}.config-printer-option-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .55rem;margin-right:.4rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#60a5fa2e;color:#bfdbfe}.config-form{display:flex;flex-direction:column;gap:.75rem}.config-form__label{font-weight:600;font-size:.9rem}.config-form__select{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--color-border, #475569);border-radius:6px;background:var(--color-bg-input, #1e293b);color:var(--color-text, #e2e8f0)}.config-form__btn{align-self:flex-start;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:10px;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;transition:opacity .2s,transform .15s,box-shadow .2s}.config-form__btn:hover:not(:disabled){opacity:.95;transform:translateY(-.5px);box-shadow:0 4px 14px #6366f166}.config-form__btn:disabled{opacity:.6;cursor:not-allowed}.config-form__btn--primary{background:linear-gradient(135deg,var(--color-primary, #6366f1) 0%,#5558e3 100%);box-shadow:0 2px 10px #6366f14d}.config-printer-permission{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border, #334155)}.config-printer-permission__intro{margin-bottom:.5rem}.config-printer-list{margin:0 0 1rem;padding-left:1.25rem;font-size:.85rem;color:var(--color-text-muted, #94a3b8);line-height:1.6}.config-printer-permission__btn{padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s,background .2s,color .2s;background:linear-gradient(135deg,var(--color-primary, #6366f1) 0%,#5558e3 100%);color:#fff;box-shadow:0 2px 10px #6366f159}.config-printer-permission__btn:hover:not(:disabled){opacity:.95;box-shadow:0 4px 14px #6366f166}.config-printer-permission__btn:disabled{cursor:not-allowed}.config-printer-permission__btn--granted{background:var(--color-bg-secondary, #334155);color:var(--color-text-muted, #94a3b8);box-shadow:none;opacity:.85}.config-printer-permission__btn--granted:hover{opacity:.9;box-shadow:none}.config-printer-permission__error{margin-top:.5rem;font-size:.85rem;color:var(--color-status-error, #ef4444)}.config-printer-qz{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border, #334155)}.config-printer-qz__intro{margin-bottom:.5rem}.config-printer-qz__url{margin:0 0 .75rem;font-size:.85rem;color:var(--color-text-muted, #94a3b8);line-height:1.5}.config-printer-qz__url code{padding:.15rem .4rem;border-radius:4px;background:var(--color-bg-tertiary, #334155);font-family:ui-monospace,monospace;font-size:.9em}.config-printer-qz__url-copy{padding:.15rem .4rem;border-radius:4px;border:1px solid var(--color-border, #475569);background:var(--color-bg-tertiary, #334155);color:var(--color-text, #e2e8f0);font-family:ui-monospace,monospace;font-size:.9em;cursor:pointer;transition:background .15s,border-color .15s}.config-printer-qz__url-copy:hover{background:var(--color-bg-secondary, #475569);border-color:var(--color-primary, #6366f1)}.config-printer-qz__url-copy:active{opacity:.9}.config-printer-bridge--disabled{opacity:.5;pointer-events:none}.config-printer-qz__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;border-radius:10px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 10px #0ea5e959;transition:opacity .2s,box-shadow .2s}.config-printer-qz__btn:hover{opacity:.95;box-shadow:0 4px 14px #0ea5e973}.config-printer-qz__btn-icon{opacity:.85}.config-message{margin-top:1rem;font-size:.9rem;color:var(--color-success, #22c55e)}.config-message--error{color:var(--color-error, #ef4444)}.config-extra{max-width:32rem}.config-modules--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.config-modules__tile{position:relative;display:flex;align-items:center;gap:.85rem;padding:1rem 2.5rem 1rem 1.1rem;background:var(--color-bg-tertiary, #2d3148);border:2px solid var(--color-border, #3b4261);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s ease}.config-modules__tile:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.config-modules__tile--active{border-color:var(--color-primary);background:#6366f11f;box-shadow:0 0 0 1px var(--color-primary),0 4px 14px #6366f126}.config-modules__tile--active:hover{box-shadow:0 0 0 1px var(--color-primary),0 6px 20px #6366f133}.config-modules__tile--disabled{cursor:not-allowed;opacity:.65;transform:none}.config-modules__tile--disabled:hover{border-color:var(--color-border, #3b4261);box-shadow:none;transform:none}.config-modules__tile-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.config-modules__tile-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#6366f133;color:var(--color-primary);flex-shrink:0;transition:background .2s,color .2s;cursor:help}.config-modules__tooltip-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:50;max-width:280px;padding:.75rem 1rem;font-size:.85rem;line-height:1.45;color:var(--color-text, #e2e8f0);background:var(--color-bg-primary, #0f172a);border:1px solid var(--color-primary);border-radius:10px;box-shadow:0 10px 40px #0006,0 0 0 1px #6366f133;pointer-events:none;animation:config-tooltip-in .2s ease}.config-modules__tooltip-popover:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-bg-primary, #0f172a)}@keyframes config-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.config-modules__tile--active .config-modules__tile-icon-wrap{background:var(--color-primary);color:#fff}.config-modules__tile--disabled .config-modules__tile-icon-wrap{background:#94a3b826;color:var(--color-text-muted, #94a3b8)}.config-modules__tile-content{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.config-modules__tile-label{font-size:1rem;font-weight:600;color:var(--color-text, #e2e8f0);white-space:normal;word-break:break-word;line-height:1.3}.config-modules__tile-toggle{width:44px;height:24px;border-radius:12px;background:var(--color-border, #475569);flex-shrink:0;position:relative;transition:background .2s}.config-modules__tile-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.config-modules__tile-input:checked~.config-modules__tile-toggle{background:var(--color-primary)}.config-modules__tile-input:checked~.config-modules__tile-toggle:after{transform:translate(20px)}.config-modules__tile--disabled .config-modules__tile-toggle{opacity:.7}.config-modules__vip-badge{font-size:.65rem;font-weight:700;padding:.2rem .45rem;border-radius:99px;background:linear-gradient(135deg,#8b5cf64d,#ec489940);color:var(--color-accent-primary, #8b5cf6);letter-spacing:.05em;flex-shrink:0}.config-modules__vip-badge--tile{position:absolute;top:.5rem;right:.5rem;margin-left:0}.config-modules__vip-badge--disabled{opacity:.7;background:#94a3b840;color:var(--color-text-muted, #94a3b8)}.config-modules__membership-badge{font-size:.75rem;color:var(--color-text-muted, #94a3b8);opacity:.9;font-style:italic}.config-modules__membership-badge--tile{margin-left:0;flex-shrink:0;max-width:100%;text-align:right}.config-vip-plans__currency{font-size:.85rem;color:var(--color-text-muted, #64748b);margin:0 0 .5rem}.config-vip-plans{margin:1rem 0}.config-vip-plans__label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary, #94a3b8);margin:0 0 .75rem}.config-vip-plans__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem}.config-vip-plan-card{display:block;width:100%;padding:1rem;background:var(--color-bg-tertiary, #2d3148);border:2px solid var(--color-border, #3b4261);border-radius:12px;text-align:center;transition:border-color .2s,box-shadow .2s;cursor:pointer;font:inherit;color:inherit}.config-vip-plan-card:hover:not(:disabled){border-color:var(--color-primary, #6366f1);box-shadow:0 4px 12px #6366f126}.config-vip-plan-card--selected{border-color:var(--color-primary, #6366f1);background:#6366f11f;box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #6366f133}.config-vip-plan-card:disabled{cursor:not-allowed;opacity:.8}.config-vip-submit{margin-top:.5rem}.config-vip-plan-card__years{font-size:.8rem;font-weight:600;color:var(--color-primary, #6366f1);margin-bottom:.2rem}.config-vip-plan-card__months{font-size:1rem;font-weight:700;color:var(--color-text, #e2e8f0);margin-bottom:.35rem}.config-vip-plan-card__total{font-size:1.1rem;font-weight:700;color:var(--color-primary, #6366f1);margin-bottom:.25rem}.config-vip-plan-card__per-month{font-size:.8rem;color:var(--color-text-muted, #94a3b8);margin-bottom:.5rem}.config-vip-plan-card__savings{font-size:.75rem;font-weight:600;color:#22c55e;background:#22c55e26;padding:.25rem .5rem;border-radius:6px;display:inline-block}.config-subscription-pending{padding:.75rem 1rem;margin-bottom:1rem;border-radius:6px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#f59e0b;font-size:.9rem;font-weight:500}.config-subscription-days{padding:.75rem 1rem;margin-bottom:1rem;border-radius:6px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#15803d;font-size:.95rem;line-height:1.4}.config-subscription-days__date{font-weight:400;opacity:.9}.config-subscription-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color, #475569);padding-bottom:0}.config-subscription-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:500;color:var(--color-text-muted, #94a3b8);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:6px 6px 0 0}.config-subscription-tab:hover{color:var(--color-text, #e2e8f0)}.config-subscription-tab--active{color:var(--color-primary, #3b82f6);border-bottom-color:var(--color-primary, #3b82f6)}.config-sucursales-list__title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--color-text, #e2e8f0)}.config-sucursales-list__empty{color:var(--color-text-muted, #94a3b8);font-size:.95rem;margin:0}.config-sucursales-list__ul{list-style:none;margin:0;padding:0}.config-sucursales-list__item{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--color-bg-secondary, #1e293b);border-radius:8px;border:1px solid var(--border-color, #475569)}.config-sucursales-list__name{font-weight:600;color:var(--color-text, #e2e8f0)}.config-sucursales-list__code{font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.config-sucursales-list__vip{margin-left:auto;font-size:.9rem}.config-sucursales-list__vip-expired{color:var(--color-warning, #f59e0b)}.config-sucursales-list__vip-none{color:var(--color-text-muted, #94a3b8)}.config-plans-hint{margin-top:.75rem;font-size:.9rem;color:var(--color-text-muted, #94a3b8)}.config-contratar-mode{margin-bottom:1rem}.config-contratar-mode__options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.config-contratar-mode__option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--color-text, #e2e8f0)}.config-contratar-mode__option input{margin:0}.config-sucursales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-top:1rem}.config-sucursal-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:var(--color-bg-secondary, #1e293b);border:2px solid var(--border-color, #475569);border-radius:12px;color:var(--color-text, #e2e8f0);cursor:pointer;transition:border-color .2s,transform .1s;text-align:center}.config-sucursal-card:hover{border-color:var(--color-primary, #3b82f6)}.config-sucursal-card:active{transform:scale(.98)}.config-sucursal-card__icon{color:var(--color-primary, #3b82f6)}.config-sucursal-card__name{font-weight:600;font-size:.95rem}.config-sucursal-card__badge{font-size:.75rem;padding:.2rem .5rem;border-radius:6px;font-weight:600}.config-sucursal-card__badge--vip{background:#22c55e33;color:#22c55e}.config-sucursal-card__badge--sin{background:#94a3b833;color:var(--color-text-muted, #94a3b8)}.config-sucursal-card--add{border-style:dashed;border-color:var(--color-text-muted, #94a3b8)}.config-sucursal-card--add:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.config-sucursal-card--add .config-sucursal-card__icon{color:inherit}.config-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.config-modal{background:var(--card-bg, #1e2229);border-radius:12px;padding:1.5rem;max-width:380px;width:100%;border:1px solid var(--border-color, #2d333b);box-shadow:0 8px 32px #0006}.config-modal--scrollable{max-height:90vh;display:flex;flex-direction:column}.config-modal--scrollable .config-modal__header{flex-shrink:0}.config-modal__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.25rem;margin:0 -.25rem 0 0}.config-modal--scrollable .config-modal__submit{flex-shrink:0;margin-top:1rem}.config-modal__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.config-modal__header h3{margin:0;flex:1;font-size:1.1rem}.config-modal__close{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted, #94a3b8);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:6px}.config-modal__close:hover{background:var(--color-bg-secondary, #252930);color:var(--color-text, #e2e8f0)}.config-modal__status{margin:0 0 1rem;font-size:.95rem}.config-modal__status-vip{color:#22c55e;font-weight:600}.config-modal__status-sin{color:var(--color-text-muted, #94a3b8)}.config-modal__label{margin:0 0 .5rem;font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.config-modal__plans{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.config-modal__plan-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border:2px solid var(--border-color, #475569);border-radius:8px;background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s}.config-modal__plan-btn:hover{border-color:var(--color-primary, #3b82f6)}.config-modal__plan-btn--active{border-color:var(--color-primary, #3b82f6);background:#3b82f626}.config-modal__cantidad{display:flex;gap:.5rem;margin-bottom:1rem}.config-modal__cantidad-btn{width:44px;height:44px;border:2px solid var(--border-color, #475569);border-radius:8px;background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);font-size:1.1rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.config-modal__cantidad-btn:hover{border-color:var(--color-primary, #3b82f6)}.config-modal__cantidad-btn--active{border-color:var(--color-primary, #3b82f6);background:#3b82f626}.config-modal__submit{width:100%;margin-top:.25rem}.config-modal__hint{font-size:.85rem;color:var(--color-text-muted, #94a3b8);margin:-.25rem 0 .75rem}.config-modal__inventory-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.config-modal__inventory-opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--color-border, #334155);background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);cursor:pointer;transition:border-color .2s,background .2s}.config-modal__inventory-opt-icon{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem;color:var(--color-primary, #3b82f6)}.config-modal__inventory-opt--active .config-modal__inventory-opt-icon{color:var(--color-primary, #3b82f6)}.config-modal__inventory-opt strong{display:block;margin-bottom:.25rem;font-size:.95rem}.config-modal__inventory-opt span{font-size:.8rem;color:var(--color-text-muted, #94a3b8);line-height:1.35}.config-modal__inventory-opt:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f614}.config-modal__inventory-opt--active{border-color:var(--color-primary, #3b82f6);background:#3b82f626}.config-plans-points{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.config-plans-points__label{font-size:.95rem;color:var(--color-text, #e2e8f0)}.config-plans-points__select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color, #475569);background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);font-size:.95rem;min-width:10rem}.config-plans-table{overflow-x:auto;margin-top:1rem}.plans-table{width:100%;border-collapse:collapse;font-size:.95rem}.plans-table thead{background:var(--color-bg-secondary, #1e293b)}.plans-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text, #e2e8f0);border-bottom:2px solid var(--border-color, #475569)}.plans-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #475569);color:var(--color-text, #e2e8f0)}.plans-table tbody tr:hover{background:var(--color-bg-secondary, #1e293b)}.config-form__btn--small{padding:.4rem .9rem;font-size:.85rem;align-self:auto}.users-container{padding:2rem;max-width:1200px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin:2rem 0}.users-header h1{font-size:2rem;color:var(--color-text-primary)}.btn-add-user{background-color:var(--color-accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:background-color .2s}.btn-add-user:hover{background-color:var(--color-accent-secondary)}.users-table-section{margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:left;font-size:.9rem}.users-table th{color:var(--color-text-secondary);font-weight:600}.users-table tbody tr:hover,.users-table-row--editing{background-color:#8b5cf614}.user-role-badge{align-self:flex-start;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase}.user-role-badge.admin{background-color:#8b5cf61a;color:var(--color-accent-primary)}.user-role-badge.cajero{background-color:#10b9811a;color:var(--color-status-success)}.user-role-badge.mesero,.user-role-badge.role-usuario{background-color:#3b82f61a;color:#3b82f6}.user-role-badge.role-gerente-general{background-color:#8b5cf626;color:var(--color-accent-primary)}.user-role-badge.role-administrador{background-color:#8b5cf61a;color:var(--color-accent-primary)}.user-role-badge.role-coordinador{background-color:#f59e0b26;color:#d97706}.user-role-badge.role-cajero{background-color:#10b9811a;color:var(--color-status-success)}.users-cell-muted{color:var(--color-text-tertiary)}.btn-action{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:all .2s}.btn-action.edit:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-action.delete:hover{background-color:#ef44441a;color:#ef4444}.users-form{margin-bottom:1.5rem}.users-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.users-form__header h2{margin:0;color:var(--color-text-primary)}.users-form .form-group{margin-bottom:1rem}.users-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{padding:.5rem 1.25rem;border:1px solid var(--border-color);background:transparent;color:var(--color-text-primary);border-radius:var(--border-radius-md);cursor:pointer}.btn-save{padding:.5rem 1.5rem;background-color:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600}.btn-save:hover{background-color:var(--color-accent-secondary)}.users-inline-input{width:100%;padding:.4rem .6rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9rem}.users-inline-actions{display:flex;flex-direction:column;gap:.35rem}.users-row-buttons{display:flex;gap:.5rem;justify-content:flex-end}@media(max-width:768px){.users-container{padding:1rem}.users-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-header h1{font-size:1.5rem}.btn-add-user{width:100%;justify-content:center}.users-table th,.users-table td{padding:.5rem .4rem;font-size:.8rem}.users-inline-actions{flex-direction:row;justify-content:flex-end}}.clients-page .page-title--with-icon{display:flex;align-items:center;gap:.5rem}.clients-page .page-title__icon{color:var(--color-primary)}.clients-page .clients-placeholder{color:var(--color-text-muted);font-size:.95rem}.zona-gerente{padding:1rem;max-width:1000px}.zona-gerente__header{margin-bottom:1.5rem}.zona-gerente__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.5rem}.zona-gerente__subtitle{margin:0 0 1rem;color:var(--color-text-muted, #94a3b8);font-size:.95rem}.zona-gerente__period{display:flex;gap:.5rem}.zona-gerente__period button{padding:.4rem .8rem;border:1px solid var(--border-color, #475569);border-radius:6px;background:var(--color-bg-secondary, #1e293b);color:var(--color-text, #e2e8f0);font-size:.9rem;cursor:pointer}.zona-gerente__period button.active{border-color:var(--color-primary, #3b82f6);background:#3b82f626}.zona-gerente__loading,.zona-gerente__error{padding:2rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.zona-gerente__error{color:#f87171}.zona-gerente__resumen{margin-bottom:1.5rem}.zona-gerente__resumen h2{margin:0 0 1rem;font-size:1.1rem}.zona-gerente__resumen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.zona-gerente__kpi{display:flex;flex-direction:column;gap:.25rem}.zona-gerente__kpi-value{font-size:1.5rem;font-weight:700;color:var(--color-text, #e2e8f0)}.zona-gerente__kpi-label{font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.zona-gerente__insights{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.zona-gerente__card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.zona-gerente__insight-value{margin:0;font-size:1rem;color:var(--color-primary, #3b82f6)}.zona-gerente__insight-empty{margin:0;font-size:.9rem;color:var(--color-text-muted, #94a3b8)}.zona-gerente__tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.zona-gerente__table-card h3{margin:0 0 .75rem;font-size:1rem}.zona-gerente__list{list-style:none;margin:0;padding:0}.zona-gerente__list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color, #334155);font-size:.9rem}.zona-gerente__list li:last-child{border-bottom:none}.zona-gerente__empty{margin:0;font-size:.9rem;color:var(--color-text-muted, #94a3b8)}.zona-gerente__sucursal-wrap{display:flex;flex-direction:column;gap:.5rem}.zona-gerente__entrar-btn{padding:.4rem .75rem;font-size:.85rem;border-radius:6px;border:1px solid var(--color-primary, #3b82f6);background:#3b82f626;color:var(--color-primary, #3b82f6);cursor:pointer;transition:background .2s}.zona-gerente__entrar-btn:hover{background:#3b82f640}.profile-page{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.profile-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.profile-message--ok{background:#16a34a1f;color:#4ade80}.profile-message--error{background:#f871711f;color:#fca5a5}.profile-form{display:flex;flex-direction:column;gap:1rem}.profile-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.profile-form__field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.profile-form__field>span{font-weight:600;color:var(--color-text, #e2e8f0)}.profile-form__field input{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--color-border, #475569);background:var(--color-bg-input, #1e293b);color:var(--color-text, #e2e8f0);font-size:.95rem}.profile-extra{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border, #334155);display:flex;flex-direction:column;gap:.75rem}.profile-extra__header{display:flex;align-items:center;justify-content:space-between}.profile-extra__header h3{font-size:.95rem;margin:0}.profile-extra__add{padding:.35rem .8rem;font-size:.85rem;border-radius:999px;border:none;cursor:pointer;background:#3b82f633;color:#bfdbfe}.profile-extra__empty{font-size:.85rem;color:var(--color-text-muted, #94a3b8)}.profile-extra__row{display:grid;grid-template-columns:1.2fr 1.8fr auto;gap:.5rem;align-items:center}.profile-extra__input{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--color-border, #475569);background:var(--color-bg-input, #1e293b);color:var(--color-text, #e2e8f0);font-size:.9rem}.profile-extra__remove{width:28px;height:28px;border-radius:999px;border:none;background:#94a3b840;color:#e5e7eb;cursor:pointer}.profile-form--password{max-width:420px;gap:.75rem}@media(max-width:640px){.profile-page{padding-inline:1rem}}.tickets-page{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.tickets-form{display:flex;flex-direction:column;gap:1rem}.tickets-form__field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.tickets-form__field>span{font-weight:600;color:var(--color-text, #e2e8f0)}.tickets-form__field input,.tickets-form__field textarea,.tickets-form__field select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--color-border, #475569);background:var(--color-bg-input, #1e293b);color:var(--color-text, #e2e8f0);font-size:.95rem}.tickets-form__row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.tickets-form__actions{display:flex;align-items:center;justify-content:flex-start}.tickets-message{margin-bottom:.75rem;padding:.6rem .9rem;border-radius:8px;font-size:.9rem}.tickets-message--ok{background:#16a34a1f;color:#4ade80}.tickets-message--error{background:#f871711f;color:#fca5a5}.tickets-filter{padding:.3rem .6rem;border-radius:999px;border:1px solid var(--color-border, #475569);background:var(--color-bg-input, #020617);color:var(--color-text, #e2e8f0);font-size:.85rem}.tickets-list{display:flex;flex-direction:column;gap:.75rem}.tickets-item{padding:.75rem .9rem;border-radius:10px;background:#0f172ae6;border:1px solid rgba(30,64,175,.5)}.tickets-item__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.tickets-item__title{margin:0;font-size:.95rem}.tickets-item__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;margin-bottom:.4rem}.tickets-item__description{margin:0;font-size:.85rem;color:var(--color-text-muted, #cbd5f5)}.tickets-status{padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600}.tickets-status--abierto{background:#3b82f640;color:#bfdbfe}.tickets-status--en_progreso{background:#eab30840;color:#facc15}.tickets-status--resuelto{background:#16a34a40;color:#4ade80}.tickets-status--cerrado{background:#94a3b840;color:#e5e7eb}.tickets-priority{padding:.15rem .6rem;border-radius:999px}.tickets-priority--baja{background:#22c55e1f;color:#4ade80}.tickets-priority--media{background:#3b82f61f;color:#93c5fd}.tickets-priority--alta{background:#f8717129;color:#feb2b2}@media(max-width:640px){.tickets-page{padding-inline:1rem}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary, #f5f5f5);padding:2rem}.not-found-content{text-align:center;max-width:600px;width:100%}.not-found-illustration{position:relative;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.not-found-404{position:absolute;font-size:8rem;font-weight:900;color:var(--color-text-secondary, #999);opacity:.2;z-index:0;line-height:1;-webkit-user-select:none;user-select:none}.not-found-skateboarder{position:relative;z-index:1;opacity:.8}.not-found-title{font-size:2rem;font-weight:700;color:var(--color-text-primary, #333);margin-bottom:1rem;margin-top:0}.not-found-description{font-size:1rem;color:var(--color-text-secondary, #666);margin-bottom:2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.not-found-button-primary{background:var(--color-accent-primary, #007bff);color:#fff}.not-found-button-primary:hover{background:var(--color-accent-primary-hover, #0056b3);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.not-found-button-secondary{background:var(--color-bg-secondary, #e9ecef);color:var(--color-text-primary, #333);border:1px solid var(--color-border, #dee2e6)}.not-found-button-secondary:hover{background:var(--color-bg-tertiary, #dee2e6);transform:translateY(-2px)}@media(max-width:768px){.not-found-404{font-size:6rem}.not-found-title{font-size:1.5rem}.not-found-description{font-size:.9rem}.not-found-actions{flex-direction:column}.not-found-button{width:100%;justify-content:center}}.app{min-height:100vh}.app--with-sidebar{display:flex}.app__main{flex:1;padding:1.5rem;overflow:auto}.app__main:has(.pos-container){padding:0;overflow:hidden}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text)}.page-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-top:.25rem}.card{background-color:var(--color-bg-secondary, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--border-radius-md, 10px);padding:var(--spacing-lg, 1.25rem);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--border-radius-md, .5rem);border:none;cursor:pointer;font-weight:600;transition:opacity .2s;font-size:.9rem}.btn:hover{opacity:.9}.btn--primary{background-color:var(--color-accent-primary, var(--color-primary));color:#fff}.btn--secondary{background-color:var(--color-bg-tertiary, var(--color-surface-hover));color:var(--color-text-primary, var(--color-text));border:1px solid var(--color-border)}.card__title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.35rem;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{width:100%}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.success-message{color:#27ae60;font-size:.9rem;margin-top:.5rem}