.theme-toggle-container{padding:0;margin:0;flex-shrink:0}.theme-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:var(--border-radius-md, 12px);cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden}.theme-toggle:hover{background:var(--glass-bg, rgba(255, 255, 255, .05));border-color:var(--border-color-hover, rgba(255, 255, 255, .15));transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.theme-toggle:active{transform:translateY(0)}.theme-toggle-track{position:relative;width:50px;height:26px;background:var(--bg-tertiary, #334155);border-radius:13px;transition:all var(--transition-normal, .3s ease);flex-shrink:0}.theme-toggle.dark .theme-toggle-track{background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6))}.theme-toggle.light .theme-toggle-track{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--text-primary, #ffffff);border-radius:50%;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.theme-toggle.dark .theme-toggle-thumb{transform:translate(0)}.theme-toggle.light .theme-toggle-thumb{transform:translate(24px)}.theme-toggle-icon{font-size:12px;color:var(--bg-primary, #0f172a);transition:all var(--transition-normal, .3s ease)}.theme-toggle-label{font-size:12px;font-weight:500;color:var(--text-secondary, #cbd5e1);transition:color var(--transition-normal, .3s ease);-webkit-user-select:none;user-select:none}.theme-toggle:hover .theme-toggle-label{color:var(--text-primary, #f1f5f9)}@media (max-width: 768px){.theme-toggle{padding:.6rem .75rem}.theme-toggle-track{width:44px;height:24px}.theme-toggle-thumb{width:20px;height:20px}.theme-toggle.light .theme-toggle-thumb{transform:translate(20px)}.theme-toggle-label{font-size:12px}}.sidebar{display:flex;flex-direction:column;height:100vh;width:250px;overflow:hidden;background:var(--glass-bg, rgba(255, 255, 255, .05));border-right:1px solid var(--glass-border, rgba(255, 255, 255, .1));padding:1rem}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.sidebar-nav-link{display:flex;align-items:center;gap:10px;border-radius:var(--border-radius-md, 12px);text-decoration:none;color:var(--text-secondary, #cbd5e1);background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;cursor:pointer;z-index:1}.sidebar-nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));z-index:1}.sidebar-nav-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow, .5s cubic-bezier(.4, 0, .2, 1));z-index:0}.sidebar-nav-link:hover{background:linear-gradient(135deg,var(--glass-bg-strong, rgba(255, 255, 255, .15)) 0%,rgba(99,102,241,.18) 50%,var(--glass-bg-strong, rgba(255, 255, 255, .15)) 100%);transform:scale(1.02);border-color:var(--border-glow, rgba(99, 102, 241, .6));color:var(--text-primary, #f1f5f9);box-shadow:0 6px 20px var(--color-primary-glow, rgba(99, 102, 241, .35)),0 0 0 1px #6366f133,inset 0 1px #ffffff26}.sidebar-nav-link:hover:before{transform:scaleY(1);width:4px;box-shadow:0 0 12px var(--color-primary-glow, rgba(99, 102, 241, .8)),0 0 20px #8b5cf666}.sidebar-nav-link:hover:after{left:100%}.sidebar-nav-link:hover .sidebar-icon{transform:scale(1.1);color:var(--color-primary, #6366f1);filter:drop-shadow(0 0 6px var(--color-primary-glow, rgba(99, 102, 241, .6)))}.sidebar-nav-link.active{color:var(--text-primary, #ffffff);background:var(--glass-bg-strong, rgba(255, 255, 255, .1));border-color:var(--border-glow, rgba(99, 102, 241, .5));box-shadow:0 0 10px var(--color-primary-glow, rgba(99, 102, 241, .3))}.sidebar-nav-link.active:hover{transform:scale(1.02);box-shadow:0 8px 24px var(--color-primary-glow, rgba(99, 102, 241, .5)),0 0 0 1px #6366f14d,inset 0 1px #ffffff26}.sidebar-nav-link.active:hover .sidebar-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--color-primary-glow, rgba(99, 102, 241, .8)))}.sidebar-nav-link.disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;filter:grayscale(100%);pointer-events:none}.sidebar-nav-link.disabled:hover{transform:none!important;border-color:#ffffff1a!important;background:#ffffff0d!important}.permission-lock{margin-left:auto;font-size:12px;opacity:.7}.sidebar-admin-link{display:flex;align-items:center;gap:10px;border-radius:var(--border-radius-md, 12px);text-decoration:none;background:linear-gradient(135deg,var(--color-warning, #f59e0b) 0%,var(--color-warning-dark, #d97706) 100%);color:var(--text-primary, #ffffff);border:none;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));cursor:pointer;box-shadow:0 4px 16px var(--color-warning-glow, rgba(245, 158, 11, .3));font-weight:600;font-size:14px}.sidebar-admin-link:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-warning-glow, rgba(245, 158, 11, .4))}.sidebar-login-btn{padding:.75rem 1rem;background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:var(--light-theme-text-primary);border:none;border-radius:var(--border-radius-md, 12px);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:0 4px 16px var(--color-primary-glow, rgba(99, 102, 241, .3));text-decoration:none;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:.5rem}.sidebar-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--color-primary-glow, rgba(99, 102, 241, .4))}.sidebar-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;z-index:2}.sidebar-label{font-size:14px;font-weight:500;letter-spacing:.025em;position:relative;z-index:2;transition:color var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1))}.sidebar-bottom{margin-top:auto;padding-top:.75rem;flex-shrink:0;position:relative}.sidebar-bottom:before{content:"";position:absolute;top:0;left:-1rem;right:-1rem;height:1px;background:linear-gradient(90deg,transparent,var(--border-color, rgba(255, 255, 255, .1)),transparent)}.sidebar-bottom-content{display:flex;flex-direction:column;gap:.75rem;background:var(--glass-bg, rgba(255, 255, 255, .03));border-radius:var(--border-radius-lg, 16px);padding:.875rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));box-shadow:0 4px 12px #0000000d}.sidebar-user-section{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:var(--glass-bg, rgba(255, 255, 255, .05));border-radius:var(--border-radius-md, 12px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));transition:all var(--transition-normal, .3s ease);position:relative;overflow:hidden}.sidebar-user-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));opacity:0;transition:opacity var(--transition-normal, .3s ease)}.sidebar-user-section:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .08));border-color:var(--border-color-hover, rgba(255, 255, 255, .15));transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.sidebar-user-section:hover:before{opacity:1}.sidebar-user-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:var(--text-primary, #ffffff);box-shadow:0 4px 12px var(--color-primary-glow, rgba(99, 102, 241, .4));transition:all var(--transition-normal, .3s ease);flex-shrink:0;position:relative;overflow:hidden}.sidebar-user-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar-user-initial{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6))}.sidebar-user-section:hover .sidebar-user-avatar{transform:scale(1.05);box-shadow:0 6px 16px var(--color-primary-glow, rgba(99, 102, 241, .5))}.sidebar-user-info-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-user-details{width:100%}.sidebar-user-name{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.1);display:block}:root.light-theme .sidebar-user-name{text-shadow:none}.sidebar-logout-btn-modern{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--text-secondary, #cbd5e1);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));border-radius:var(--border-radius-sm, 8px);white-space:nowrap;position:relative;overflow:hidden}.sidebar-logout-btn-modern:hover{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-danger-glow, rgba(239, 68, 68, .3))}.sidebar-logout-icon{position:relative;z-index:1;font-size:13px;transition:transform var(--transition-fast, .2s ease)}.sidebar-logout-btn-modern:hover .sidebar-logout-icon{transform:translate(-2px)}.sidebar-logout-btn-modern span{position:relative;z-index:1}.sidebar-login-icon{font-size:16px;margin-right:.5rem}.sidebar-title{font-size:1.5rem;font-weight:800;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;text-align:center;flex-shrink:0}:root.light-theme .sidebar-nav-link:after{background:linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent)}:root.light-theme .sidebar-nav-link:hover{background:linear-gradient(135deg,var(--glass-bg-strong, rgba(255, 255, 255, .7)) 0%,rgba(99,102,241,.2) 50%,var(--glass-bg-strong, rgba(255, 255, 255, .7)) 100%);box-shadow:0 6px 20px var(--color-primary-glow, rgba(99, 102, 241, .25)),0 0 0 1px #6366f14d,inset 0 1px #6366f126}:root.light-theme .sidebar-nav-link:hover .sidebar-icon{color:var(--color-primary, #6366f1);filter:drop-shadow(0 0 5px var(--color-primary-glow, rgba(99, 102, 241, .5)))}@media (max-height: 700px){.sidebar-nav-link{padding:8px 12px;margin:2px 0}.sidebar-admin-link{padding:10px 14px;margin:6px 0}.sidebar-login-btn{padding:8px 14px}.sidebar-bottom{padding-top:.75rem;padding-bottom:.5rem;margin-top:1.5rem}}.sidebar-mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));color:#fff;border:none;border-radius:12px;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #6366f166;transition:all .3s ease;font-size:1.2rem}.sidebar-mobile-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #6366f180}.sidebar-mobile-toggle:active{transform:scale(.95)}.sidebar-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 1440px){.sidebar-nav-link,.sidebar-admin-link{height:50px}}@media (max-width: 768px){.sidebar-mobile-toggle{display:flex}.sidebar-mobile-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;width:70px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;padding:.75rem .5rem;border-right:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:2px 0 8px #0003}.sidebar.sidebar-open{transform:translate(0);padding-top:4.5rem}.sidebar.sidebar-open .sidebar-content{padding-top:0}.sidebar-label{display:none}.sidebar-title{font-size:1.2rem;margin-bottom:.75rem;margin-top:0;padding:.5rem 0;text-align:center}.sidebar.sidebar-open .sidebar-title{margin-top:0}.sidebar-nav-link{justify-content:center;padding:.75rem;min-height:48px}.sidebar-icon{font-size:20px;width:24px;height:24px}.sidebar-admin-link{justify-content:center;padding:.75rem;font-size:0}.sidebar-admin-link:before{content:"🛠️";font-size:20px}.sidebar-login-btn{justify-content:center;padding:.75rem}.sidebar-login-btn span:not(.sidebar-login-icon){display:none}.sidebar-user-section{flex-direction:column;align-items:center;padding:.5rem}.sidebar-user-info-wrapper{width:100%;align-items:center}.sidebar-user-name{font-size:.7rem;text-align:center;margin-bottom:.25rem}.sidebar-logout-btn-modern{width:100%;justify-content:center;padding:.5rem;font-size:0}.sidebar-logout-btn-modern .sidebar-logout-icon{font-size:16px}.sidebar-logout-btn-modern span:not(.sidebar-logout-icon){display:none}.sidebar-bottom,.permission-lock{display:none}.main-content-with-banner{margin-left:0;padding-left:0}}@media (min-width: 769px){.sidebar-mobile-toggle,.sidebar-mobile-overlay{display:none!important}.sidebar{position:relative;transform:translate(0)!important}}.trial-banner{position:fixed;top:0;left:282px;right:0;z-index:1000;padding:12px 20px;-webkit-backdrop-filter:var(--backdrop-blur-strong, blur(20px));backdrop-filter:var(--backdrop-blur-strong, blur(20px));box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1));border-bottom:1px solid var(--glass-border-strong, rgba(255, 255, 255, .2));animation:slideDown .3s ease-out}.trial-banner.trial-banner-expirado{background:linear-gradient(135deg,#ef44444d,#dc262666);border-bottom-color:#ef444480}.trial-banner.trial-banner-advertencia{background:linear-gradient(135deg,#f59e0b4d,#d9770666);border-bottom-color:#f59e0b80}.trial-banner.trial-banner-info{background:linear-gradient(135deg,#6366f14d,#8b5cf666);border-bottom-color:#6366f180}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.trial-banner-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;color:var(--text-primary, #f1f5f9);font-family:var(--font-family-primary, inherit)}.trial-banner-text{display:flex;align-items:center;gap:8px;font-weight:500}.trial-banner-icon{font-size:18px;filter:drop-shadow(0 2px 4px var(--color-primary-glow, rgba(99, 102, 241, .3)))}.trial-banner-message{font-size:14px;color:var(--text-primary, #f1f5f9)}.trial-banner-actions{display:flex;gap:12px;align-items:center}.trial-banner-btn{padding:10px 20px;border:none;border-radius:var(--border-radius-md, 12px);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));font-family:var(--font-family-primary, inherit)}.trial-banner-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.trial-banner-btn:hover:before{left:100%}.trial-banner-btn-primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));border:1px solid var(--glass-border, rgba(255, 255, 255, .2));box-shadow:var(--btn-shadow, 0 4px 16px rgba(99, 102, 241, .3))}.trial-banner-btn-primary:hover{background:var(--gradient-primary-reverse, linear-gradient(135deg, #8b5cf6, #6366f1));transform:translateY(-2px) scale(1.05);box-shadow:var(--btn-shadow-hover, 0 6px 24px rgba(99, 102, 241, .4));border-color:var(--border-glow, rgba(99, 102, 241, .5))}.trial-banner-btn-primary:active{transform:translateY(0) scale(1.02);box-shadow:var(--btn-shadow-active, 0 2px 8px rgba(99, 102, 241, .2))}.trial-banner-btn-close{background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));font-size:18px;padding:8px 12px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));transition:all var(--transition-normal, .3s ease)}.trial-banner-btn-close:active{transform:translateY(0) scale(1.05);box-shadow:0 3px 10px #ef444466}.main-content-with-banner{margin-top:0;transition:margin-top .3s ease}.main-content-with-banner.has-banner{margin-top:60px}@media (max-width: 768px){.trial-banner{left:0;right:0;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0))}.trial-banner-content{display:flex;flex-direction:column}.trial-banner-text{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.trial-banner-icon{font-size:16px;flex-shrink:0}.trial-banner-message{font-size:.8rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.trial-banner-actions{width:100%;justify-content:center;gap:.5rem;flex-wrap:wrap}.trial-banner-btn{padding:.625rem 1rem;font-size:.75rem;letter-spacing:.3px;flex:1;min-width:100px;max-width:150px}.trial-banner-btn-primary{flex:1.2;max-width:180px}.trial-banner-btn-close{width:32px;height:32px;font-size:14px;padding:0;flex-shrink:0;min-width:32px;max-width:32px}.main-content-with-banner.has-banner{margin-top:calc(80px + env(safe-area-inset-top,0))}}@media (max-width: 480px){.trial-banner{padding:.625rem .75rem}.trial-banner-content{gap:.625rem}.trial-banner-message{font-size:.75rem}.trial-banner-btn{padding:.5rem .875rem;font-size:.7rem;min-width:80px;max-width:120px}.trial-banner-btn-primary{max-width:140px}.trial-banner-btn-close{width:28px;height:28px;font-size:12px;min-width:28px;max-width:28px}}.trial-expired-container{position:relative;width:100%;height:100%}.trial-expired-background-content{filter:blur(4px) brightness(.2) grayscale(.8);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.3;transition:all .3s ease;position:relative}.trial-expired-background-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1;pointer-events:none}.trial-expired-background-content *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:not-allowed!important}.trial-expired-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.trial-expired-content{background:var(--glass-bg-strong, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur-strong, blur(20px));backdrop-filter:var(--backdrop-blur-strong, blur(20px));border-radius:20px;padding:3rem 2.5rem;text-align:center;max-width:500px;width:100%;box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1)),0 25px 50px #0000004d;border:1px solid var(--glass-border-strong, rgba(255, 255, 255, .2));position:relative;overflow:hidden}.trial-expired-close-btn{position:absolute;top:15px;right:15px;background:var(--glass-bg-strong, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700;color:var(--text-primary, #f1f5f9);transition:all .3s ease;box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1));z-index:10}.trial-expired-close-btn:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .15));border-color:var(--glass-border-strong, rgba(255, 255, 255, .2));color:var(--text-primary, #f1f5f9);transform:scale(1.1);box-shadow:var(--shadow-glow, 0 0 20px rgba(99, 102, 241, .3))}.trial-expired-close-btn:active{transform:scale(.95)}.trial-expired-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));border-radius:20px 20px 0 0;z-index:1}.trial-expired-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);border-radius:20px;pointer-events:none;z-index:0}.trial-expired-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite;position:relative;z-index:2}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.trial-expired-title{font-size:2rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.trial-expired-message{font-size:1.1rem;color:var(--text-secondary, #cbd5e1);line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.trial-expired-message strong{color:#e74c3c;font-weight:700}.trial-expired-actions{display:flex;justify-content:center;gap:1rem;position:relative;z-index:2}.trial-expired-btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003}.trial-expired-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.trial-expired-btn:hover:before{left:100%}.trial-expired-btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #e74c3c66}.trial-expired-btn-primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #e74c3c99;border-color:#ffffff80}.trial-expired-btn-primary:active{transform:translateY(0) scale(1.02);box-shadow:0 4px 15px #e74c3c66}@media (max-width: 768px){.trial-expired-overlay{padding:15px}.trial-expired-content{padding:2rem 1.5rem}.trial-expired-close-btn{top:10px;right:10px;width:30px;height:30px;font-size:18px}.trial-expired-icon{font-size:3rem;margin-bottom:1rem}.trial-expired-title{font-size:1.5rem}.trial-expired-message{font-size:1rem;margin-bottom:1.5rem}.trial-expired-btn{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.trial-expired-content{padding:1.5rem 1rem}.trial-expired-close-btn{top:8px;right:8px;width:28px;height:28px;font-size:16px}.trial-expired-icon{font-size:2.5rem}.trial-expired-title{font-size:1.3rem}.trial-expired-message{font-size:.9rem}.trial-expired-actions{flex-direction:column;align-items:center}.trial-expired-btn{width:100%;max-width:250px}}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--glass-bg-strong, rgba(255, 255, 255, .1));backdrop-filter:var(--backdrop-blur-strong, blur(20px));-webkit-backdrop-filter:var(--backdrop-blur-strong, blur(20px));border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:0 -4px 20px #0003;padding:.5rem 0;padding-bottom:env(safe-area-inset-bottom,.5rem)}.mobile-bottom-bar-content{display:flex;justify-content:space-around;align-items:center;max-width:100%;padding:0 .5rem}.mobile-bottom-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--border-radius-md, 12px);color:var(--text-secondary, #cbd5e1);text-decoration:none;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));min-width:60px;flex:1;position:relative;overflow:hidden}.mobile-bottom-bar-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-bg, rgba(255, 255, 255, .05));opacity:0;transition:opacity var(--transition-normal, .3s ease);border-radius:var(--border-radius-md, 12px)}.mobile-bottom-bar-item:hover:before,.mobile-bottom-bar-item:active:before{opacity:1}.mobile-bottom-bar-item:hover{color:var(--text-primary, #f1f5f9);transform:translateY(-2px)}.mobile-bottom-bar-item:active{transform:translateY(0)}.mobile-bottom-bar-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;z-index:1;transition:all var(--transition-normal, .3s ease)}.mobile-bottom-bar-item:hover .mobile-bottom-bar-icon{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}.mobile-bottom-bar-label{font-size:.7rem;font-weight:500;position:relative;z-index:1;transition:color var(--transition-normal, .3s ease);text-align:center}.mobile-bottom-bar-item-primary,.mobile-bottom-bar-item-primary:hover,.mobile-bottom-bar-item-primary .mobile-bottom-bar-icon{color:var(--color-primary, #6366f1)}.mobile-bottom-bar-item-danger,.mobile-bottom-bar-item-danger:hover,.mobile-bottom-bar-item-danger .mobile-bottom-bar-icon{color:var(--color-danger, #ef4444)}.mobile-bottom-bar-item-danger:hover .mobile-bottom-bar-icon{filter:drop-shadow(0 2px 8px rgba(239,68,68,.4))}@media (max-width: 768px){.mobile-bottom-bar{display:block}.main-content-with-banner{padding-bottom:75px;margin-bottom:0}.app-layout>div:not(.mobile-bottom-bar){padding-bottom:75px}}:root.light-theme .mobile-bottom-bar{background:var(--glass-bg-strong, rgba(255, 255, 255, .9));border-top:1px solid var(--glass-border, rgba(0, 0, 0, .1));box-shadow:0 -4px 20px #0000001a}:root.light-theme .mobile-bottom-bar-item:before{background:var(--glass-bg, rgba(0, 0, 0, .05))}.zenia-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.zenia-loading-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 50%);animation:pulse-bg 4s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.zenia-text{font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#6366f1,#8b5cf6,#3b82f6,#8b5cf6,#6366f1);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite,glow 2s ease-in-out infinite alternate;position:relative;z-index:1;text-transform:uppercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%{filter:drop-shadow(0 0 10px rgba(99,102,241,.5)) drop-shadow(0 0 20px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 20px rgba(99,102,241,.8)) drop-shadow(0 0 40px rgba(139,92,246,.5)) drop-shadow(0 0 60px rgba(59,130,246,.3))}}.zenia-text:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,transparent,#6366f1,#8b5cf6,#6366f1,transparent);animation:expand-line 2s ease-in-out infinite;box-shadow:0 0 10px #6366f1cc}@keyframes expand-line{0%,to{width:0;opacity:0}50%{width:100%;opacity:1}}.zenia-loading-container:after{content:"";position:absolute;width:4px;height:4px;background:#6366f199;border-radius:50%;box-shadow:-100px 200px #8b5cf666,200px -150px #3b82f680,-300px -100px #6366f14d,400px 100px #8b5cf666,-500px 300px #3b82f64d;animation:float-particles 8s ease-in-out infinite}@keyframes float-particles{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(20px,-30px) scale(1.2);opacity:.8}50%{transform:translate(-30px,20px) scale(.8);opacity:.4}75%{transform:translate(30px,30px) scale(1.1);opacity:.7}}.light-theme .zenia-loading-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1,#f5f7fa)}.light-theme .zenia-loading-container:before{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%)}.light-theme .zenia-text{background:linear-gradient(135deg,#4f46e5,#7c3aed,#2563eb,#7c3aed,#4f46e5);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-theme .zenia-text:after{background:linear-gradient(90deg,transparent,#4f46e5,#7c3aed,#4f46e5,transparent);box-shadow:0 0 10px #4f46e599}@media (max-width: 768px){.zenia-text{font-size:clamp(2rem,10vw,4rem);letter-spacing:.05em}}:root,:root.dark-theme{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-glow: rgba(99, 102, 241, .3);--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-dark: #7c3aed;--color-secondary-glow: rgba(139, 92, 246, .3);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .6);--bg-card-hover: rgba(30, 41, 59, .8);--bg-elevated: rgba(51, 65, 85, .4);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--backdrop-blur: blur(12px);--backdrop-blur-strong: blur(20px);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-success-glow: rgba(16, 185, 129, .3);--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-glow: rgba(245, 158, 11, .3);--color-warning-bg: rgba(245, 158, 11, .1);--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #dc2626;--color-danger-glow: rgba(239, 68, 68, .3);--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-info-glow: rgba(59, 130, 246, .3);--color-info-bg: rgba(59, 130, 246, .1);--border-color: rgba(255, 255, 255, .1);--border-color-hover: rgba(255, 255, 255, .2);--border-color-focus: rgba(99, 102, 241, .5);--border-glow: rgba(99, 102, 241, .5);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-hover: 0 0 30px var(--color-primary-glow);--shadow-glow-strong: 0 0 40px var(--color-primary-glow);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-light) 100%);--gradient-danger: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-light) 100%);--gradient-bg: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-card: linear-gradient(135deg, var(--glass-bg) 0%, var(--glass-bg-strong) 100%);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--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;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--space-0: 0;--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;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bezier: cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);--btn-primary-bg: var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));--btn-primary-hover: var(--gradient-primary-reverse, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));--btn-success-bg: var(--gradient-success, linear-gradient(135deg, #10b981 0%, #34d399 100%));--btn-success-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);--btn-danger-bg: var(--gradient-danger, linear-gradient(135deg, #ef4444 0%, #f87171 100%));--btn-danger-hover: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--btn-warning-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--btn-warning-hover: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--btn-secondary-bg: var(--glass-bg, rgba(255, 255, 255, .05));--btn-secondary-hover: var(--glass-bg-strong, rgba(255, 255, 255, .1));--btn-shadow: 0 4px 16px var(--color-primary-glow, rgba(99, 102, 241, .3));--btn-shadow-hover: 0 6px 24px var(--color-primary-glow, rgba(99, 102, 241, .4));--btn-shadow-active: 0 2px 8px var(--color-primary-glow, rgba(99, 102, 241, .2));--modal-bg: #ffffff;--modal-border: #e2e8f0;--modal-shadow: 0 25px 50px rgba(2, 21, 43, .25);--modal-radius: 20px;--modal-padding: 1.5rem;--modal-gap: 1rem;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root.light-theme{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-glow: rgba(99, 102, 241, .25);--color-secondary: #8b5cf6;--color-secondary-light: #a78bfa;--color-secondary-dark: #7c3aed;--color-secondary-glow: rgba(139, 92, 246, .25);--bg-primary: #f5f7fa;--bg-secondary: #f1f4f8;--bg-tertiary: #e8ecf1;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--bg-elevated: rgba(255, 255, 255, .5);--glass-bg: rgba(255, 255, 255, .4);--glass-bg-strong: rgba(255, 255, 255, .6);--glass-border: rgba(148, 163, 184, .2);--glass-border-strong: rgba(148, 163, 184, .3);--glass-shadow: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(99, 102, 241, .04);--backdrop-blur: blur(16px);--backdrop-blur-strong: blur(24px);--text-primary: #0f172a;--light-theme-text-primary: #ffffff;--text-secondary: #334155;--text-tertiary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-success-glow: rgba(16, 185, 129, .25);--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-glow: rgba(245, 158, 11, .25);--color-warning-bg: rgba(245, 158, 11, .1);--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #dc2626;--color-danger-glow: rgba(239, 68, 68, .25);--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-info-glow: rgba(59, 130, 246, .25);--color-info-bg: rgba(59, 130, 246, .1);--border-color: rgba(148, 163, 184, .25);--border-color-hover: rgba(148, 163, 184, .35);--border-color-focus: rgba(99, 102, 241, .5);--border-glow: rgba(99, 102, 241, .4);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(99, 102, 241, .02);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08), 0 2px 4px rgba(99, 102, 241, .03);--shadow-lg: 0 8px 32px rgba(15, 23, 42, .1), 0 4px 8px rgba(99, 102, 241, .04);--shadow-xl: 0 16px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(99, 102, 241, .05);--shadow-glow: 0 0 20px var(--color-primary-glow), 0 4px 12px rgba(99, 102, 241, .15);--shadow-glow-hover: 0 0 30px var(--color-primary-glow), 0 6px 16px rgba(99, 102, 241, .2);--shadow-glow-strong: 0 0 40px var(--color-primary-glow), 0 8px 20px rgba(99, 102, 241, .25);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-reverse: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-light) 100%);--gradient-danger: linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-light) 100%);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #f1f4f8 50%, #e8ecf1 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .7) 100%);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--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;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--space-0: 0;--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;--space-20: 5rem;--space-24: 6rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bezier: cubic-bezier(.175, .885, .32, 1.275);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);--btn-primary-bg: var(--gradient-primary);--btn-primary-hover: var(--gradient-primary-reverse);--btn-success-bg: var(--gradient-success);--btn-success-hover: linear-gradient(135deg, #34d399 0%, #10b981 100%);--btn-danger-bg: var(--gradient-danger);--btn-danger-hover: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--btn-warning-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--btn-warning-hover: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--btn-secondary-bg: var(--glass-bg);--btn-secondary-hover: var(--glass-bg-strong);--btn-shadow: 0 4px 16px var(--color-primary-glow);--btn-shadow-hover: 0 6px 24px var(--color-primary-glow);--btn-shadow-active: 0 2px 8px var(--color-primary-glow);--modal-bg: rgba(255, 255, 255, .95);--modal-border: rgba(148, 163, 184, .2);--modal-shadow: 0 25px 50px rgba(15, 23, 42, .15), 0 8px 16px rgba(99, 102, 241, .1);--modal-radius: 20px;--modal-padding: 1.5rem;--modal-gap: 1rem;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.form-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-card, rgba(30, 41, 59, .6));border-radius:16px;border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.form-textarea{padding:1rem 1.25rem;border:2px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease;background:var(--bg-card, rgba(30, 41, 59, .6));color:var(--text-primary, #f1f5f9);line-height:1.5}.form-textarea:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 4px var(--color-primary-glow, rgba(99, 102, 241, .3));transform:translateY(-1px)}.form-select{padding:.875rem 1rem;border:2px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--bg-card, rgba(30, 41, 59, .6));color:var(--text-primary, #f1f5f9);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 4px var(--color-primary-glow, rgba(99, 102, 241, .3));transform:translateY(-1px)}.form-checkbox,.form-radio{margin-right:.75rem;transform:scale(1.2);accent-color:var(--color-primary, #6366f1);cursor:pointer}.form-label.required:after{content:" *";color:var(--color-danger, #ef4444)}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-danger, #ef4444);box-shadow:0 0 0 4px #ef444426}.form-error{color:var(--color-danger, #ef4444);font-size:.875rem;margin-top:.25rem}.form-input.success,.form-textarea.success,.form-select.success{border-color:var(--color-success, #10b981);box-shadow:0 0 0 4px #10b98126}.form-success{color:var(--color-success, #10b981);font-size:.875rem;margin-top:.25rem}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--bg-tertiary, #334155);color:var(--text-muted, #64748b);cursor:not-allowed;opacity:.7}.btn-base{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;font-family:var(--font-family-primary, inherit);cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;color:var(--text-primary, #f1f5f9)}.btn-base:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-base:hover:before{left:100%}.btn-base:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.btn-save:focus,.btn-delete:focus,.btn-confirm:focus,.btn-cancel:focus,.btn-edit:focus,.btn-primary:focus,.btn-secondary:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.btn-save{padding:.75rem 1.5rem;margin:0 15px 15px 0;border:none;border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;font-family:var(--font-family-primary, inherit);cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;width:150px;background:var(--btn-primary-bg);color:var(--text-primary, #ffffff);box-shadow:var(--btn-shadow)}.btn-save:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--btn-shadow-hover);background:var(--btn-primary-hover);border-color:transparent}.btn-save:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-delete{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-danger-bg);color:#fff;box-shadow:var(--btn-shadow)}.btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--btn-shadow-hover);background:var(--btn-danger-hover)}.btn-delete:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-confirm{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-success-bg);color:#fff;box-shadow:var(--btn-shadow)}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--btn-shadow-hover);background:var(--btn-success-hover)}.btn-confirm:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-secondary-bg);color:#fff;box-shadow:var(--btn-shadow)}.btn-cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--btn-shadow-hover);background:var(--btn-secondary-hover)}.btn-cancel:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-edit{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-warning-bg);color:var(--text-primary, #f1f5f9);box-shadow:var(--btn-shadow)}.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-primary-bg);color:var(--text-primary, #ffffff);box-shadow:var(--btn-shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--btn-shadow-hover);background:var(--btn-primary-hover);border-color:transparent}.btn-secondary{padding:.75rem 1.5rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:var(--btn-secondary-bg);-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1))}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));background:var(--btn-secondary-hover);border-color:var(--border-color-hover, rgba(255, 255, 255, .2))}.btn-ghost{padding:.75rem 1.5rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;user-select:none;background:transparent;color:var(--text-secondary, #cbd5e1)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);transform:translateY(-1px)}.btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--btn-shadow-hover);background:var(--btn-warning-hover)}.btn-edit:active:not(:disabled){transform:translateY(0);box-shadow:var(--btn-shadow-active)}.btn-save:disabled,.btn-delete:disabled,.btn-confirm:disabled,.btn-cancel:disabled,.btn-edit:disabled,button:disabled,.modal-actions button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;background:var(--bg-tertiary, rgba(51, 65, 85, .3))!important;color:var(--text-muted, #64748b)!important;filter:grayscale(.3);border-color:var(--border-color, rgba(255, 255, 255, .1))!important}.btn-save:disabled:before,.btn-delete:disabled:before,.btn-confirm:disabled:before,.btn-cancel:disabled:before,.btn-edit:disabled:before,button:disabled:before,.modal-actions button:disabled:before,.btn-save:disabled:after,.btn-delete:disabled:after,.btn-confirm:disabled:after,.btn-cancel:disabled:after,.btn-edit:disabled:after,button:disabled:after,.modal-actions button:disabled:after{display:none!important}.btn-sm{padding:.5rem 1rem;font-size:.8rem;min-width:80px}.btn-lg{padding:1rem 2rem;font-size:1rem;min-width:140px}.btn-xl{padding:1.25rem 2.5rem;font-size:1.1rem;min-width:160px}.btn-icon{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-icon.btn-sm{width:32px;height:32px;min-width:32px}.btn-icon.btn-lg{width:48px;height:48px;min-width:48px}.step-box button:disabled{background:var(--btn-secondary-bg)!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 2px 4px #0000001a!important}@media (max-width: 768px){.btn-base{padding:.6rem 1.2rem;font-size:.85rem;min-width:90px}.btn-lg{padding:.8rem 1.6rem;font-size:.9rem;min-width:120px}.btn-xl{padding:1rem 2rem;font-size:1rem;min-width:140px}}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin 1s linear infinite}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-modal-fixed{height:45px;padding:6px 14px;font-size:13px;gap:6px}.btn-primary-glass{background:var(--btn-primary-bg);color:var(--text-primary, #ffffff);box-shadow:var(--btn-shadow);-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.btn-primary-glass:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--btn-shadow-hover);border-color:var(--border-glow, rgba(99, 102, 241, .5))}.btn-primary-glass:active{transform:translateY(0) scale(.98)}.btn-secondary-neumorphic{background:var(--btn-secondary-bg);-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1));border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.btn-secondary-neumorphic:hover:not(:disabled){background:var(--btn-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow, 0 0 20px rgba(99, 102, 241, .2))}.btn-secondary-neumorphic:active{box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #fffc;transform:translateY(0)}.btn-ghost-animated{background:transparent;color:var(--text-secondary, #cbd5e1);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));position:relative;overflow:hidden}.btn-ghost-animated:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--color-primary, #6366f1);border-radius:var(--border-radius-md, 12px);opacity:0;transform:scale(.8);transition:all var(--transition-normal, .3s ease)}.btn-ghost-animated:hover:not(:disabled){background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);transform:translateY(-1px)}.btn-ghost-animated:hover:not(:disabled):after{opacity:1;transform:scale(1)}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-shine:hover:before{left:100%}.btn-pulse{animation:btn-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes btn-pulse{0%,to{opacity:1}50%{opacity:.7}}.btn-icon-shadow{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.btn-full-width{width:100%}.btn-no-shadow,.btn-no-shadow:hover{box-shadow:none!important}.compras-opcion-boton{display:block;width:100%;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border:none;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));cursor:pointer;text-align:left;color:var(--text-primary, #f1f5f9);font-size:.95rem;font-weight:500;transition:all var(--transition-fast, .2s ease)}.compras-opcion-boton:last-child{border-bottom:none}.compras-opcion-boton:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .1));color:var(--text-primary, #f1f5f9);transform:translate(4px)}.compras-opcion-boton:active{background:var(--glass-bg-strong, rgba(255, 255, 255, .15));transform:translate(2px)}.compras-ver-todo-button{background:var(--btn-primary-bg);color:var(--light-theme-text-primary, #ffffff);border:none;border-radius:var(--border-radius-md, 12px);padding:.75rem 1.5rem;font-size:.95rem;height:44px;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:var(--btn-shadow)}.compras-ver-todo-button:hover{background:var(--btn-primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--btn-shadow-hover);border-color:transparent}.compras-ver-todo-button:active{transform:translateY(0)}.compras-ver-todo-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.compras-ver-todo-button:focus:not(.active){box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.compras-carga-button{background:var(--btn-primary-bg);color:var(--light-theme-text-primary, #ffffff);border:none;border-radius:var(--border-radius-md, 12px);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--btn-shadow);position:relative;overflow:hidden}.compras-carga-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--btn-shadow-hover);background:var(--btn-primary-hover);border-color:transparent}.compras-carga-button:active{transform:translateY(-1px);box-shadow:var(--btn-shadow-active)}.compras-carga-button:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.compras-btn-detalles{padding:.75rem 1.25rem;background:var(--btn-primary-bg);color:var(--text-primary, #ffffff);border:none;border-radius:var(--border-radius-md, 12px);cursor:pointer;font-weight:600;font-size:.9rem;transition:all var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1));box-shadow:var(--btn-shadow);position:relative;overflow:hidden;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.compras-btn-detalles:hover{background:var(--btn-primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--btn-shadow-hover);border-color:transparent}.compras-btn-detalles:active{transform:translateY(0);box-shadow:var(--btn-shadow-active)}.compras-btn-detalles:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.compras-btn-detalles:hover:before{left:100%}.compras-btn-detalles:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .3))}.compras-ver-todo-button,.compras-carga-button,.compras-btn-detalles{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.compras-ver-todo-button:after,.compras-carga-button:after,.compras-btn-detalles:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.compras-ver-todo-button:active:after,.compras-carga-button:active:after,.compras-btn-detalles:active:after{width:300px;height:300px}.btn-sm{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;cursor:pointer;border:1px solid transparent;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-xs{padding:.25rem .5rem;font-size:.7rem;font-weight:500;border-radius:4px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;gap:.125rem;transition:all .2s ease;cursor:pointer;border:1px solid transparent;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn-compact{padding:.3rem .6rem;font-size:.8rem;font-weight:600;border-radius:var(--border-radius-sm, 8px);min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:all var(--transition-fast, .2s ease);cursor:pointer;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9)}.venta-factura-btn{flex:1;padding:.3rem .5rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);border-radius:var(--border-radius-sm, 8px);cursor:pointer;font-weight:600;font-size:.75rem;transition:all var(--transition-fast, .2s ease);display:flex;align-items:center;justify-content:center;height:32px!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.venta-factura-btn:hover:not(.disabled):not(:disabled){border-color:var(--color-primary, #6366f1);background:var(--glass-bg-strong, rgba(255, 255, 255, .1));transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1))}.venta-factura-btn.active{background:var(--btn-primary-bg);color:var(--text-primary, #ffffff);border-color:transparent;box-shadow:var(--btn-shadow)}.venta-factura-btn.disabled,.venta-factura-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--glass-bg, rgba(255, 255, 255, .03));border-color:var(--border-color, rgba(255, 255, 255, .05));color:var(--text-disabled, #475569);transform:none;box-shadow:none}.venta-factura-btn.disabled:hover,.venta-factura-btn:disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb;background:#f9fafb}.venta-factura-btn.btn-sm{padding:.3rem .5rem;font-size:.75rem;min-height:32px}.venta-factura-btn.btn-xs{padding:.25rem .4rem;font-size:.7rem;min-height:28px}.btn-sm:hover:not(:disabled),.btn-xs:hover:not(:disabled),.btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-sm:active,.btn-xs:active,.btn-compact:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-sm:disabled,.btn-xs:disabled,.btn-compact:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm:disabled:hover,.btn-xs:disabled:hover,.btn-compact:disabled:hover{transform:none;box-shadow:none}.toggle-button{flex:1;padding:1.25rem 1.75rem;border:none;background:transparent;border-radius:var(--border-radius-md, 12px);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s ease);color:var(--text-tertiary, #94a3b8);display:flex;align-items:center;justify-content:center;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.toggle-button:hover{background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);transform:translateY(-1px)}.toggle-button.active{background:var(--glass-bg-strong, rgba(255, 255, 255, .1));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1));border:1px solid var(--glass-border-strong, rgba(255, 255, 255, .2))}.toggle-button.active:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .15));color:var(--text-primary, #f1f5f9);transform:translateY(-2px);box-shadow:var(--shadow-glow, 0 0 20px rgba(99, 102, 241, .2))}.form-toggle{display:flex;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border-radius:var(--border-radius-lg, 16px);padding:.5rem;margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto;border:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.submit-button{width:100%;max-width:400px;background:var(--btn-primary-bg);color:var(--light-theme-text-primary);border:none;border-radius:var(--border-radius-lg, 16px);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal, .3s ease);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:var(--btn-shadow);letter-spacing:.5px;margin:0 auto;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.submit-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--btn-shadow-hover);background:var(--btn-primary-hover);border-color:transparent}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--btn-shadow-active)}.submit-button.primary{background:var(--btn-primary-bg);border-radius:var(--border-radius-md, 12px);padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all var(--transition-spring, .3s cubic-bezier(.175, .885, .32, 1.275))}.submit-button.primary:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:var(--btn-shadow-hover);background:var(--btn-primary-hover);border-color:transparent}@media (max-width: 768px){.toggle-button{padding:1rem 1.5rem;font-size:.95rem}.submit-button{padding:1.25rem;font-size:1rem}}:root.light-theme .btn-save:disabled,:root.light-theme .btn-delete:disabled,:root.light-theme .btn-confirm:disabled,:root.light-theme .btn-cancel:disabled,:root.light-theme .btn-edit:disabled,:root.light-theme button:disabled,:root.light-theme .modal-actions button:disabled{background:#94a3b833!important;color:var(--text-muted, #94a3b8)!important;border-color:#94a3b84d!important}.modal-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-end;padding:1rem .75rem 1rem 0;flex-wrap:wrap}.modal-actions.center{justify-content:center}.modal-actions.space-between{justify-content:space-between}.modal-actions.start{justify-content:flex-start}.modal-actions.sm{gap:.5rem;margin-top:1rem;padding:.75rem 0 0}.modal-actions.lg{gap:1.5rem;margin-top:2rem;padding:1.25rem 0 0}@media (max-width: 768px){.modal-actions{flex-direction:column;gap:.75rem;align-items:stretch}.modal-actions button{width:100%;justify-content:center}.modal-actions.sm{gap:.5rem}.modal-actions.lg{gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#02152bd9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.modal-container{background:var(--modal-bg);border-radius:var(--modal-radius);padding:var(--modal-padding);width:95vw;max-width:1400px;height:90vh;max-height:90vh;box-shadow:var(--modal-shadow);border:1px solid rgba(2,21,43,.1);position:relative;cursor:default;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--modal-border);background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;color:#2b2b2b;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease;z-index:10}.modal-close:hover{background:#f443361a;color:#f44336}.modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.modal-body{flex:1;overflow-y:auto;padding:0;min-height:0}.modal-footer{margin-top:auto;padding-top:1.5rem;border-top:2px solid var(--modal-border);background:#f8f9fa}@media (max-width: 1200px){.modal-container{width:98vw;height:95vh}}@media (max-width: 768px){.modal-container{width:98vw;height:95vh;padding:1rem}.modal-header{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.modal-title{font-size:1.5rem;text-align:center}.modal-close{position:static;align-self:flex-end}}.modal-no-padding .modal-body{padding:0}.modal-no-header .modal-header,.modal-no-footer .modal-footer{display:none}.modal-fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.modal-overlay{animation:modalFadeIn .3s ease}.modal-container{animation:modalSlideIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border-radius:var(--border-radius-lg, 16px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1))}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-primary, #f1f5f9);font-size:1rem;text-transform:capitalize}.form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);font-size:1rem;transition:all var(--transition-normal, .3s ease);background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .2));background:var(--glass-bg-strong, rgba(255, 255, 255, .1));transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted, #64748b)}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-primary);box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0b50b4;box-shadow:0 0 0 3px #0b50b41a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e0;box-shadow:0 2px 6px #00000014}.password-input .form-input{width:100%;padding-right:3rem}.form-textarea{padding:1rem 1.25rem;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-normal, .3s ease);background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);line-height:1.5}.form-textarea:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .2));background:var(--glass-bg-strong, rgba(255, 255, 255, .1));transform:translateY(-1px)}.form-select{padding:.875rem 1rem;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--border-radius-md, 12px);font-size:1rem;transition:all var(--transition-normal, .3s ease);background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px var(--color-primary-glow, rgba(99, 102, 241, .2));background:var(--glass-bg-strong, rgba(255, 255, 255, .1));transform:translateY(-1px)}.form-checkbox,.form-radio{margin-right:.75rem;transform:scale(1.2);accent-color:#0b50b4;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:12px;width:100%}.form-group .form-field{flex:1}.form-group.horizontal{flex-direction:row;gap:1rem;align-items:flex-end}.form-group.compact{gap:.25rem;margin-bottom:1rem}.form-group.no-margin{margin-bottom:0}.form-group label{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;display:block}.form-label.required:after{content:" *";color:#dc2626}.form-input.error,.form-textarea.error,.form-select.error{border-color:#dc2626;box-shadow:0 0 0 4px #dc262626}.form-error{color:#dc2626;font-size:.875rem;margin-top:.25rem}.form-input.success,.form-textarea.success,.form-select.success{border-color:#059669;box-shadow:0 0 0 4px #05966926}.form-success{color:#059669;font-size:.875rem;margin-top:.25rem}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.form-container{padding:1.25rem;gap:1.25rem}.form-group{flex-direction:column;gap:1rem}.form-group .form-field{flex:none}}@media (max-width: 480px){.form-container{padding:1rem;gap:1rem}.form-input,.form-textarea,.form-select{padding:.75rem .875rem;font-size:.95rem}}.table-container{background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border-radius:var(--border-radius-lg, 16px);border:1px solid var(--glass-border, rgba(255, 255, 255, .1));overflow:hidden;box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1))}.modern-table-container{border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--border-radius-lg, 16px);overflow-x:auto;overflow-y:visible;margin-top:1rem;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, .1));transition:all var(--transition-normal, .3s ease);position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary, #334155) var(--bg-secondary, #1e293b)}.modern-table-container:hover{box-shadow:var(--shadow-glow, 0 0 20px rgba(99, 102, 241, .3));border-color:var(--border-glow, rgba(99, 102, 241, .5))}.modern-table-container.scrollable{max-width:100%}.modern-table-container::-webkit-scrollbar{width:12px;height:12px}.modern-table-container::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b);border-radius:6px;margin:4px}.modern-table-container::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #334155);border-radius:6px;transition:all var(--transition-normal, .3s ease);border:2px solid var(--bg-secondary, #1e293b)}.modern-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1);border:2px solid var(--bg-secondary, #1e293b)}.modern-table-container::-webkit-scrollbar-corner{background:var(--bg-secondary, #1e293b)}.modern-table-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,var(--bg-primary, #0f172a));pointer-events:none;opacity:0;transition:opacity var(--transition-normal, .3s ease)}.modern-table-container.scrollable:after{opacity:1}.modern-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.modern-table thead{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))}.modern-table thead th{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))!important;color:var(--text-secondary, #cbd5e1);font-weight:600;font-size:.85rem;padding:1rem;text-align:left;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.modern-table thead th:first-child{border-top-left-radius:16px}.modern-table thead th:last-child{border-top-right-radius:16px}.modern-table tbody{background:transparent}.modern-table tbody tr{transition:all var(--transition-fast, .2s ease);border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));cursor:pointer;background:transparent}.modern-table tbody tr:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .1));transform:translate(2px)}.modern-table tbody tr:nth-child(odd){background:transparent}.modern-table tbody tr:nth-child(2n){background:var(--glass-bg, rgba(255, 255, 255, .03))}.modern-table tbody tr:nth-child(2n):hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))}.modern-table-container .modern-table tbody tr:nth-child(odd){background:transparent!important}.modern-table-container .modern-table tbody tr:nth-child(2n){background:var(--glass-bg, rgba(255, 255, 255, .03))!important}.modern-table-container .modern-table tbody tr:nth-child(odd) td{background:transparent!important}.modern-table-container .modern-table tbody tr:nth-child(2n) td{background:var(--glass-bg, rgba(255, 255, 255, .03))!important}.modern-table-container .modern-table tbody tr:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))!important}.modern-table-container .modern-table tbody tr:hover td{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))!important;color:var(--text-primary, #f1f5f9)}.modern-table-container .modern-table tbody tr:nth-child(odd):hover td{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))!important;color:var(--text-primary, #f1f5f9)}.modern-table-container .modern-table tbody tr:nth-child(2n):hover td{background:var(--glass-bg-strong, rgba(255, 255, 255, .1))!important;color:var(--text-primary, #f1f5f9)}.modern-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.modern-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.modern-table tbody td{background:transparent;color:var(--text-primary, #f1f5f9);font-size:.95rem;vertical-align:middle;padding:1rem;transition:color var(--transition-fast, .2s ease)}.modern-table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.table-action-btn{padding:.5rem .75rem;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--border-radius-sm, 8px);background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--transition-fast, .2s ease);display:flex;align-items:center;gap:.25rem}.table-action-btn:hover{transform:translateY(-1px);background:var(--glass-bg-strong, rgba(255, 255, 255, .1));border-color:var(--border-color-hover, rgba(255, 255, 255, .2));box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1))}.table-row-selected{background:var(--color-info-bg, rgba(59, 130, 246, .1))!important;border-left:4px solid var(--color-info, #3b82f6)}.table-row-highlight{background:var(--color-warning-bg, rgba(245, 158, 11, .1))!important;border-left:4px solid var(--color-warning, #f59e0b)}.table-responsive{overflow-x:auto;border-radius:16px}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #334155);border-radius:4px;border:2px solid var(--bg-secondary, #1e293b)}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}:root.light-theme .modern-table-container::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f4f8)}:root.light-theme .modern-table-container::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #94a3b8);border:2px solid var(--bg-secondary, #f1f4f8)}:root.light-theme .modern-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1);border:2px solid var(--bg-secondary, #f1f4f8)}:root.light-theme .modern-table-container::-webkit-scrollbar-corner{background:var(--bg-secondary, #f1f4f8)}:root.light-theme .table-responsive::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f4f8)}:root.light-theme .table-responsive::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #94a3b8);border:2px solid var(--bg-secondary, #f1f4f8)}:root.light-theme .table-responsive::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}.table-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary, #cbd5e1)}.table-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.table-empty-text{font-size:1.1rem;margin-bottom:.5rem}.table-empty-subtext{font-size:.9rem;opacity:.7}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.pagination-info{color:var(--text-secondary, #cbd5e1);font-size:.9rem}.pagination-controls{display:flex;gap:.5rem}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--glass-bg, rgba(255, 255, 255, .05));-webkit-backdrop-filter:var(--backdrop-blur, blur(12px));backdrop-filter:var(--backdrop-blur, blur(12px));color:var(--text-primary, #f1f5f9);border-radius:var(--border-radius-sm, 8px);cursor:pointer;transition:all var(--transition-fast, .2s ease);font-size:.9rem}.pagination-btn:hover{background:var(--glass-bg-strong, rgba(255, 255, 255, .1));border-color:var(--border-color-hover, rgba(255, 255, 255, .2))}.pagination-btn.active{background:var(--gradient-primary, linear-gradient(135deg, #6366f1, #8b5cf6));color:var(--text-primary, #ffffff);border-color:transparent;box-shadow:0 4px 16px var(--color-primary-glow, rgba(99, 102, 241, .3))}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.modern-table-container{border-radius:12px;margin-top:.75rem}.modern-table thead th,.modern-table tbody td{padding:.875rem 1rem;font-size:.9rem}}@media (max-width: 768px){.table-container{border-radius:12px}.modern-table-container{border-radius:12px;margin-top:.75rem;border-width:.5px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modern-table-container::-webkit-scrollbar{width:8px;height:8px}.modern-table thead th,.modern-table tbody td{padding:.75rem .875rem;font-size:.85rem}.table-actions{flex-direction:column;gap:.25rem}.table-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.modern-table-container{border-radius:8px;margin-top:.5rem}.modern-table thead th,.modern-table tbody td{padding:.625rem .75rem;font-size:.8rem}.table-pagination{flex-direction:column;gap:1rem;text-align:center}}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (max-width: 480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}html,body{margin:0;padding:0;height:100vh;overflow:hidden}body{font-family:var(--font-family-primary, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);background:var(--bg-primary, #0f172a);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0%,transparent 50%);color:var(--text-primary, #f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light-theme,:root.light-theme body{font-family:var(--font-family-primary, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);background:var(--bg-primary, #f5f7fa);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.08) 0%,transparent 50%),linear-gradient(135deg,#f5f7fa,#f1f4f8,#e8ecf1);color:var(--text-primary, #0f172a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary, #1e293b);border-radius:var(--border-radius-full, 9999px)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #334155);border-radius:var(--border-radius-full, 9999px);border:2px solid var(--bg-secondary, #1e293b)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}:root.light-theme ::-webkit-scrollbar-track{background:var(--bg-secondary, #f1f4f8);border-radius:var(--border-radius-full, 9999px)}:root.light-theme ::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #94a3b8);border-radius:var(--border-radius-full, 9999px);border:2px solid var(--bg-secondary, #f1f4f8)}:root.light-theme ::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}::selection{background:var(--color-primary, #6366f1);color:var(--text-primary, #f1f5f9)}::-moz-selection{background:var(--color-primary, #6366f1);color:var(--text-primary, #f1f5f9)}:root.light-theme ::selection{background:var(--color-primary, #6366f1);color:#fff}:root.light-theme ::-moz-selection{background:var(--color-primary, #6366f1);color:#fff}h1{text-align:center;margin-top:40px;color:var(--text-primary, #f1f5f9)}.steps-container{display:flex;flex-direction:column;gap:20px;max-width:960px;margin:30px auto;padding:0 20px}.step-box{border-radius:12px;border:2px solid #ccc;background-color:#fff;padding:20px;box-shadow:0 2px 10px #0000000f;transition:.3s ease;opacity:.6}.step-box.active{border-color:#0b50b4;background-color:#f0f8ff;opacity:1}.step-header{display:flex;align-items:center;margin-bottom:10px}.step-number{font-size:24px;font-weight:700;color:#0b50b4;margin-right:12px}.step-title{font-size:20px;font-weight:600}.step-description{font-size:14px;margin-bottom:15px;color:#666}.step-box input[type=file]{display:block;margin-bottom:10px}.step-box button{background:var(--gradient-primary);color:#fff;border:none;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #02152b33}.step-box button:hover{background:linear-gradient(135deg,#0d4b8a,#02152b);transform:translateY(-1px);box-shadow:0 4px 12px #02152b4d}.result-box{max-width:960px;margin:30px auto;background:#f4f4f4;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000f}.result-box h2{margin-top:0}.result-box table{width:100%;border-collapse:collapse;margin-top:10px}.result-box th,.result-box td{padding:8px;border:1px solid #ddd;text-align:left}.auth-topbar{position:absolute;top:1rem;right:2rem;display:flex;align-items:center;gap:1rem;z-index:999}button{padding:.5rem 1rem;background:var(--gradient-primary);color:var(--color-white, #ffffff);border:none;border-radius:8px;height:40px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #02152b33}.link-button{background:none;border:none;color:#0d6efd;text-decoration:underline;cursor:pointer;padding:0;font-size:1rem}.link-button:hover{color:#fcfcfc}.icon{font-size:1.2rem}.label{display:inline}@media (max-width: 768px){.label{display:none}.icon{font-size:1.3rem}}.input-estandar{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;box-sizing:border-box}.input-estandar:focus{border-color:#0b50b4;outline:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#f4f4f4;padding:2rem;border-radius:10px;max-width:520px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:8px;box-shadow:0 8px 20px #00000026;z-index:1000;width:90%;max-width:400px;font-family:Arial,sans-serif}.modal h3{margin-top:0;margin-bottom:1rem;color:#2b2b2b}.modal input,.modal textarea,.modal select{width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box}.modal textarea{resize:vertical;min-height:60px}.modal button{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:.5rem}.modal button:first-of-type{background-color:#1976d2;color:#f4f4f4}.modal button:last-of-type{background-color:#b0bec5;color:#f4f4f4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{position:relative}@media (max-width: 768px){.app-layout{flex-direction:column}.main-content-with-banner{width:100%;padding-top:0;margin-left:0;padding-bottom:75px}}