body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-family);min-height:100vh;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}.layout-admin-container{background-color:var(--color-bg-dark);min-height:100vh;display:flex}.layout-sidebar{background-color:var(--color-bg-panel);border-right:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:25px 20px;display:flex}.sidebar-logo{border:2px solid var(--color-accent-gold);width:42px;height:42px;color:var(--color-text-primary);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.sidebar-title{letter-spacing:2px;margin:0;font-size:18px;font-weight:400}.sidebar-subtitle{color:var(--color-accent-gold);letter-spacing:3px;text-transform:uppercase;margin:2px 0 0;font-size:10px;font-weight:300}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:30px 15px;display:flex;overflow-y:auto}.nav-group-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:10px;padding-left:10px;font-size:11px}.nav-link{color:var(--color-text-secondary);border-radius:var(--border-radius-md);transition:var(--transition-fast);cursor:pointer;align-items:center;padding:12px 15px;font-size:14px;text-decoration:none;display:flex}.nav-link.active{background-color:var(--color-accent-gold-light);color:var(--color-accent-gold);font-weight:500}.nav-link:hover:not(.active):not(.disabled){color:var(--color-text-primary);background-color:#ffffff08}.nav-link.disabled{opacity:.4;cursor:not-allowed}.sidebar-footer{border-top:1px solid var(--color-border);background-color:var(--color-bg-panel);flex-direction:column;flex-shrink:0;gap:15px;padding:20px;display:flex}.user-badge{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:12px 15px}.user-badge .user-name{margin:0;font-size:14px;font-weight:600}.user-badge .user-role{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:1px;margin:3px 0 0;font-size:11px}.btn-logout{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#0000;width:100%;padding:10px;font-size:13px}.btn-logout:hover{background-color:var(--color-error-bg);color:var(--color-error);border-color:#ef44444d}.layout-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.layout-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-panel);justify-content:flex-end;align-items:center;height:70px;padding:0 30px;display:flex}.header-status{gap:15px;font-size:12px;display:flex}.badge-sucursal{border:1px solid var(--color-border);color:var(--color-text-secondary);background-color:#ffffff0d;border-radius:4px;padding:5px 10px}.badge-online{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b9814d;border-radius:4px;padding:5px 10px}.layout-body{box-sizing:border-box;flex:1;padding:30px;overflow-y:auto}.layout-cashier-container{background-color:var(--color-bg-dark);flex-direction:column;min-height:100vh;display:flex}.cashier-navbar{background-color:var(--color-bg-panel);border-bottom:1px solid var(--color-border);box-sizing:border-box;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-logo{border:2px solid var(--color-accent-gold);width:44px;height:44px;color:var(--color-text-primary);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.navbar-title{letter-spacing:2px;margin:0;font-size:18px;font-weight:400}.navbar-subtitle{color:var(--color-accent-gold);letter-spacing:4px;text-transform:uppercase;margin:2px 0 0;font-size:10px;font-weight:300}.navbar-center{align-items:center;gap:15px;display:flex}.badge-sucursal-caja{background-color:var(--color-accent-gold-light);border-radius:var(--border-radius-sm);color:var(--color-accent-gold);border:1px solid #c5a8804d;padding:6px 12px;font-size:13px;font-weight:500}.navbar-right{align-items:center;gap:20px;display:flex}.cashier-user-info{text-align:right}.cashier-user-info .user-name{margin:0;font-size:14px;font-weight:600}.cashier-user-info .user-role-badge{color:var(--color-text-secondary);margin:2px 0 0;font-size:11px}.btn-logout-caja{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#0000;padding:8px 15px;font-size:13px}.btn-logout-caja:hover{background-color:var(--color-error-bg);color:var(--color-error);border-color:#ef44444d}.cashier-main-content{box-sizing:border-box;flex:1;padding:30px}:root{--color-bg-dark:#000;--color-bg-panel:#0d0d0d;--color-bg-card:#141414;--color-text-primary:#fff;--color-text-secondary:#a3a3a3;--color-text-muted:#525252;--color-accent-gold:#c5a880;--color-accent-gold-hover:#b49365;--color-accent-gold-light:#c5a88026;--color-border:#262626;--color-border-focus:#c5a880;--color-success:#10b981;--color-success-bg:#10b9811a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--font-family:"Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0000000d}.login-container{background-color:var(--color-bg-dark);min-height:100vh;font-family:var(--font-family);box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex}.login-card{background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);transition:var(--transition-normal);padding:40px 30px}.login-card:hover{border-color:var(--color-accent-gold);box-shadow:0 0 20px #c5a88026}.login-logo-circle{border:2px solid var(--color-accent-gold);width:60px;height:60px;color:var(--color-text-primary);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;font-size:20px;font-weight:700;display:inline-flex}.login-brand-title{color:var(--color-text-primary);letter-spacing:3px;margin:0;font-size:22px;font-weight:400}.login-brand-subtitle{color:var(--color-accent-gold);letter-spacing:5px;margin:5px 0 0;font-size:12px;font-weight:300}.login-divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);height:1px;margin:20px 0}.login-view-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-size:14px;font-weight:400}.login-error-alert{background-color:var(--color-error-bg);color:var(--color-error);border-radius:var(--border-radius-md);text-align:left;border:1px solid #ef444433;margin-bottom:20px;padding:12px 15px;font-size:13px;line-height:1.4}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;display:block}.login-input{box-sizing:border-box;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-family);transition:var(--transition-fast);padding:12px 15px}.login-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 5px #c5a88033}.login-input:disabled{opacity:.6;cursor:not-allowed}.btn-login-submit{background-color:var(--color-accent-gold);color:#000;border-radius:var(--border-radius-md);width:100%;font-size:14px;font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-fast);border:none;margin-top:10px;padding:14px}.btn-login-submit:hover{background-color:var(--color-accent-gold-hover)}.btn-login-submit:disabled{background-color:var(--color-text-muted);color:var(--color-text-secondary);cursor:not-allowed;opacity:.8}