:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #10b98126;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:280px;--sidebar-collapsed-width:72px;--navbar-height:64px;--container-max:1280px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=light]{--color-primary:#059669;--color-primary-hover:#047857;--color-primary-light:#d1fae5;--color-primary-subtle:#ecfdf5;--color-primary-rgb:5, 150, 105;--color-secondary:#0f172a;--color-secondary-hover:#1e293b;--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-light:#ede9fe;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-text-link:#059669;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:#059669;--color-input-bg:#fff;--color-input-border:#d1d5db;--color-input-focus:#059669;--color-input-placeholder:#9ca3af;--color-scrollbar:#cbd5e1;--color-scrollbar-hover:#94a3b8;--color-sidebar-bg:#0f172a;--color-sidebar-text:#cbd5e1;--color-sidebar-text-active:#fff;--color-sidebar-hover:#ffffff14;--color-sidebar-active:#05966933;--color-sidebar-accent:#10b981;--color-sidebar-divider:#ffffff14}[data-theme=dark]{--color-primary:#10b981;--color-primary-hover:#34d399;--color-primary-light:#10b98126;--color-primary-subtle:#10b98114;--color-primary-rgb:16, 185, 129;--color-secondary:#e2e8f0;--color-secondary-hover:#f1f5f9;--color-accent:#a78bfa;--color-accent-hover:#c4b5fd;--color-accent-light:#a78bfa26;--color-success:#34d399;--color-success-light:#34d39926;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-danger:#f87171;--color-danger-light:#f8717126;--color-info:#60a5fa;--color-info-light:#60a5fa26;--color-bg:#0b1120;--color-bg-secondary:#111827;--color-bg-tertiary:#1e293b;--color-surface:#1a2332;--color-surface-hover:#1e293b;--color-surface-elevated:#1e2d3d;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-text-link:#34d399;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-border-focus:#10b981;--color-input-bg:#111827;--color-input-border:#ffffff1f;--color-input-focus:#10b981;--color-input-placeholder:#4b5563;--color-scrollbar:#334155;--color-scrollbar-hover:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 30px #10b98133;--color-sidebar-bg:#0d1525;--color-sidebar-text:#94a3b8;--color-sidebar-text-active:#f1f5f9;--color-sidebar-hover:#ffffff0d;--color-sidebar-active:#10b98126;--color-sidebar-accent:#10b981;--color-sidebar-divider:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior-x:none;font-size:16px;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base), color var(--transition-base);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.3}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}button i,button svg{pointer-events:none}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}::selection{background-color:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-in{animation:fadeIn var(--transition-base) ease-out}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb), .3)}.btn-primary:hover{box-shadow:0 4px 16px rgba(var(--color-primary-rgb), .4)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #dc2626);color:#fff}.btn-warning{background:linear-gradient(135deg, var(--color-warning), #d97706);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-icon{border-radius:var(--radius-lg);width:40px;height:40px;padding:0}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.form-input{padding:var(--space-3) var(--space-4);background:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-input-placeholder)}.form-input:focus{border-color:var(--color-input-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .12)}.form-input.error{border-color:var(--color-danger)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:700}.card-body{flex:1}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (width<=768px){.card{padding:var(--space-3)}.card-header{margin-bottom:var(--space-3)}.card-title{font-size:var(--font-size-base)}}.stat-icon{border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon.green{background:var(--color-success-light);color:var(--color-success)}.stat-icon.blue{background:var(--color-info-light);color:var(--color-info)}.stat-icon.purple{background:var(--color-accent-light);color:var(--color-accent)}.stat-icon.yellow{background:var(--color-warning-light);color:var(--color-warning)}.stat-content{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:var(--font-size-3xl);font-weight:800;line-height:1.2}.stat-change{font-size:var(--font-size-xs);align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-weight:600;display:inline-flex}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}@media (width<=768px){.stat-card{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px}.stat-icon{display:none}.stat-label{font-size:.65rem;line-height:1.2}.stat-value{word-break:break-word;font-size:.8rem;font-weight:700;line-height:1.3}.stat-content{min-width:0}}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);overflow-x:auto}.data-table{width:100%}.data-table thead{background:var(--color-bg-secondary)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-weight:700}.data-table td{padding:var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);color:var(--color-text)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8);width:90%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-xl);transition:transform var(--transition-base);overflow-y:auto;transform:scale(.95)translateY(10px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:700}.modal-close{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.modal-close i{pointer-events:none}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex}.loader-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-toast);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.alert{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm);animation:slideUp var(--transition-base) ease-out;font-weight:500;display:flex}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.alert-danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.alert-info{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-weight:700;font-size:var(--font-size-sm);color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state i{color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-size:3rem}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:300px}.dashboard-cards-mobile{gap:var(--space-3);flex-direction:column}.registro-mobile-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg-primary)}.registro-mobile-card .card-row-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.registro-mobile-card .card-row-grid{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.registro-mobile-card .card-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.registro-mobile-card .card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.dashboard-table-wrapper{display:none!important}.dashboard-cards-mobile{display:flex!important}.dashboard-filter-bar .card-body{gap:var(--space-2)!important;padding:var(--space-3)!important}.dashboard-filter-bar .form-label{font-size:var(--font-size-xs)!important;margin-bottom:2px!important}.dashboard-filter-bar .form-input{font-size:var(--font-size-sm)!important;height:32px!important;padding:4px 8px!important}.dashboard-filter-bar .btn{font-size:var(--font-size-xs)!important;height:32px!important;padding:4px 10px!important}.ventas-table-wrapper table{font-size:var(--font-size-xs)!important}.ventas-table-wrapper th,.ventas-table-wrapper td{padding:var(--space-2)!important}.ventas-section-filters{padding:var(--space-2) var(--space-3)!important;gap:var(--space-2)!important}.ventas-section-filters>div:first-child{gap:var(--space-2)!important}.ventas-section-filters .form-label{font-size:var(--font-size-xs)!important;margin-bottom:2px!important}.ventas-section-filters .form-input{font-size:var(--font-size-sm)!important;height:32px!important;padding:4px 8px!important}.ventas-section-filters .btn{font-size:var(--font-size-xs)!important;height:32px!important;padding:4px 10px!important}.ventas-total-stat{width:100%!important;padding:var(--space-2) var(--space-3)!important;justify-content:flex-start!important;align-self:stretch!important}.ventas-card-header{padding:var(--space-2) var(--space-3)!important}.ventas-card-header .btn{font-size:var(--font-size-xs)!important;padding:3px 8px!important}}@media (width>=769px){.dashboard-table-wrapper{display:block}.dashboard-cards-mobile{display:none!important}}.auth-layout{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-rgb), .08), transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.auth-layout:after{content:"";background:radial-gradient(circle, rgba(var(--color-primary-rgb), .05), transparent 70%);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-container{width:100%;max-width:420px;padding:var(--space-8);z-index:1}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-slow) ease-out}.login-logo{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.login-logo-icon{background:linear-gradient(135deg, var(--color-primary), #047857);border-radius:var(--radius-xl);color:#fff;width:48px;height:48px;font-size:var(--font-size-xl);justify-content:center;align-items:center;display:flex}.login-logo-text{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form .form-input-wrapper{position:relative}.login-form .form-input-wrapper i{left:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);position:absolute;top:50%;transform:translateY(-50%)}.login-form .form-input-wrapper .form-input{width:100%;padding-left:2.75rem}.login-divider{align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.login-actions-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.login-remember-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.login-remember-checkbox{accent-color:var(--color-primary)}.login-forgot-link{font-size:var(--font-size-sm)}.login-submit-btn{width:100%}.login-register-hint{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-register-link{font-weight:600}.main-layout{max-width:100%;min-height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);height:100vh;z-index:var(--z-fixed);transition:width var(--transition-base), transform var(--transition-base);border-right:1px solid var(--color-sidebar-divider);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-sidebar-divider);height:var(--navbar-height);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-sidebar-accent), #059669);border-radius:var(--radius-md);color:#fff;width:36px;height:36px;font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar-logo-text{font-size:var(--font-size-lg);color:#fff;white-space:nowrap;transition:opacity var(--transition-base);font-weight:800;overflow:hidden}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-title{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-sidebar-text);opacity:.5;white-space:nowrap;font-weight:700;overflow:hidden}.sidebar.collapsed .sidebar-section-title{opacity:0;height:0;margin:0;padding:0}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-sidebar-text);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;font-weight:500;text-decoration:none;display:flex}.sidebar-link i{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.sidebar-link span{transition:opacity var(--transition-base);overflow:hidden}.sidebar.collapsed .sidebar-link span{opacity:0;width:0}.sidebar-link:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active)}.sidebar-link.active{background:var(--color-sidebar-active);color:var(--color-sidebar-accent)}.sidebar-link.active i{color:var(--color-sidebar-accent)}.sidebar-link-toggle{background:0 0;border:0;justify-content:flex-start;width:100%}.sidebar-chevron{opacity:.8;transition:transform var(--transition-fast);margin-left:auto;font-size:var(--font-size-xs)!important}.sidebar-submenu-wrap.open .sidebar-chevron{transform:rotate(180deg)}.sidebar-submenu{padding-left:var(--space-8);margin-top:var(--space-1);display:none}.sidebar-submenu-wrap.open .sidebar-submenu{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-sublink{font-size:var(--font-size-sm);color:var(--color-sidebar-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.sidebar-sublink:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-active)}.sidebar-sublink.active{background:var(--color-sidebar-active);color:var(--color-sidebar-accent);font-weight:600}.sidebar-footer{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-sidebar-divider)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--color-sidebar-hover)}.sidebar-user-info{overflow:hidden}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-user-name{font-size:var(--font-size-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-sidebar-text);white-space:nowrap}.main-content{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);min-height:100vh;padding-top:var(--navbar-height);flex-direction:column;flex:1;display:flex;overflow-x:hidden}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed-width)}.navbar{height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-8);top:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--color-primary-rgb), .02);justify-content:space-between;align-items:center;display:flex;position:fixed}.sidebar.collapsed~.main-content .navbar{left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.navbar-left{align-items:center;gap:var(--space-4);display:flex}.navbar-toggle{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar-toggle:hover{background:var(--color-bg-secondary);color:var(--color-text)}.navbar-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.navbar-breadcrumb span{color:var(--color-text);font-weight:600}.navbar-right{align-items:center;gap:var(--space-2);display:flex}.navbar-btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.navbar-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.navbar-btn .badge-dot{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.page-content{padding:var(--space-8);flex:1}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:800}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.grid-stats{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.app-footer{text-align:center;padding:var(--space-4) var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-tertiary);border-top:1px solid var(--color-border);background:var(--color-surface);letter-spacing:.02em}.app-footer strong{color:var(--color-primary);font-weight:700}.auth-layout .app-footer{z-index:1;background:0 0;border-top:none;position:absolute;bottom:0;left:0;right:0}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{width:var(--sidebar-width);transform:translate(0)}.main-content{padding-top:var(--navbar-height);margin-left:0!important}.navbar{width:100%!important;left:0!important}.sidebar-overlay{z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:all var(--transition-base);background:#00000080;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}}@media (width<=768px){.auth-layout{padding:var(--space-5) 0;align-items:flex-start}.auth-layout:before{width:380px;height:380px;top:-180px;right:-180px}.auth-layout:after{width:260px;height:260px;bottom:-120px;left:-120px}.login-container{max-width:100%;padding:var(--space-3)}.login-card{border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5)}.login-logo{margin-bottom:var(--space-6)}.login-logo-text{font-size:var(--font-size-xl)}.login-form{gap:var(--space-4)}.login-actions-row{flex-direction:column;align-items:flex-start}.login-submit-btn.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}.page-content{padding:var(--space-4);max-width:100%;overflow-x:clip}.grid-stats{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.navbar{padding:0 var(--space-4)}}@media (width>=769px) and (width<=1024px){.grid-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.page-content{padding:var(--space-6)}.auth-layout{padding:var(--space-8) 0}.login-container{max-width:560px;padding:var(--space-6)}.login-card{padding:var(--space-8)}}