.login-page-wrapper{--login-bg: #0a0a0a;--login-surface: #1a1a1a;--login-surface-hover: #242424;--login-border: #2a2a2a;--login-primary: #11579d;--login-primary-glow: rgba(17, 87, 157, .3);--login-accent: #15ece7;--login-danger: #ef4444;--login-danger-bg: rgba(239, 68, 68, .1);--login-text: #f5f5f5;--login-text-muted: #737373;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;font-family:Inter,-apple-system,sans-serif;color:var(--login-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);position:relative;overflow:hidden;background-color:var(--login-bg)}.login-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(17,87,157,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(21,236,231,.1) 0%,transparent 50%),var(--login-bg);z-index:1}.login-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite;z-index:1}@keyframes patternMove{0%{transform:translateY(0)}to{transform:translateY(50px)}}.login-fast-card{position:relative;z-index:2;width:100%;max-width:420px;background:linear-gradient(135deg,var(--login-surface) 0%,rgba(26,26,26,.8) 100%);border:1px solid var(--login-border);border-radius:1.5rem;padding:var(--spacing-10);box-shadow:0 20px 25px -5px #00000080,0 0 60px #11579d26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cardAppear .5s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{text-align:center;margin-bottom:var(--spacing-8)}.login-logo-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);background:var(--login-primary);color:#fff;font-size:2.5rem;font-weight:800;border-radius:20px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(17,87,157,.5));animation:iconPulse 2s ease-in-out infinite}.login-logo-glow{filter:drop-shadow(0 0 20px rgba(17,87,157,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 20px var(--login-primary-glow))}50%{filter:drop-shadow(0 0 35px rgba(21,236,231,.4))}}.login-logo-text{font-size:1.875rem;font-weight:700;letter-spacing:-.5px}.login-logo-lumen{color:var(--login-text)}.login-logo-hub{color:var(--login-accent)}.login-subtitle{font-size:.875rem;color:var(--login-text-muted);margin-top:var(--spacing-2);margin-bottom:0}.login-fast-form{margin-bottom:var(--spacing-6);width:100%}.login-fast-form-group{margin-bottom:var(--spacing-5)}.login-fast-label{display:block;font-size:.875rem;font-weight:500;color:#a3a3a3;margin-bottom:var(--spacing-2)}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--login-text-muted);pointer-events:none;transition:color .15s ease}.login-fast-input{width:100%;padding:.75rem 1rem;padding-left:calc(var(--spacing-4) + 18px + var(--spacing-3));font-size:.9375rem;font-family:inherit;color:var(--login-text);background:var(--login-surface)!important;border:1px solid var(--login-border)!important;border-radius:.5rem;outline:none;transition:all .15s ease}.login-fast-input:focus{border-color:var(--login-primary)!important}.login-input-wrapper:focus-within .login-input-icon{color:var(--login-primary)}.login-fast-input[type=password]{padding-right:var(--spacing-10)}.login-pass-toggle{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--login-text-muted);cursor:pointer;border-radius:.375rem;transition:all .15s ease}.login-pass-toggle:hover{background-color:var(--login-surface-hover);color:var(--login-text)}.login-fast-btn{width:100%;padding:.875rem 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--login-primary);color:#fff;font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 6px -1px #0006,0 0 15px #11579d66;transition:all .2s ease}.login-fast-btn:hover{background:#1468bb;transform:translateY(-1px);box-shadow:0 10px 15px -3px #00000080,0 0 20px #11579d99}.login-fast-btn:disabled{opacity:.7;cursor:not-allowed}.login-fast-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--login-danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:var(--login-danger);font-size:.875rem;margin-bottom:var(--spacing-5);animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-fast-footer{position:relative;z-index:2;margin-top:var(--spacing-8);text-align:center}.login-fast-footer p{font-size:.75rem;color:var(--login-text-muted);margin:0}.theme__icon{width:32px;height:32px;padding:4px;overflow:hidden;position:relative;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.theme__icon:hover{background:var(--gray-100)}.theme__icon>:nth-child(1){width:14px;height:14px;border-radius:24px;border:1px solid var(--gray-700);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fc0;transition:width .4s,height .4s,border .4s,background-color .4s;z-index:10}.theme__icon.dark>:nth-child(1){width:24px;height:24px;border:1px solid var(--gray-300);background-color:var(--gray-300)}.theme__icon>:nth-child(2){width:24px;height:24px;border-radius:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .4s}.theme__icon.dark>:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg) scale(.8)}.theme__icon>:nth-child(2)>:nth-child(1){display:block;width:2px;height:24px;border-radius:2px;position:relative;top:0;left:50%;transform:translate(-50%);background-color:#fc0;transition:background-color .4s}.theme__icon>:nth-child(2)>:nth-child(2){display:block;width:24px;height:2px;border-radius:2px;position:relative;top:-54%;left:50%;transform:translate(-50%);background-color:#fc0;transition:background-color .4s}.theme__icon>:nth-child(2)>:nth-child(3){display:block;width:24px;height:2px;border-radius:2px;position:relative;top:-60%;left:50%;transform:translate(-50%) rotate(45deg);background-color:#fc0;transition:background-color .4s}.theme__icon>:nth-child(2)>:nth-child(4){display:block;width:24px;height:2px;border-radius:2px;position:relative;top:-70%;left:50%;transform:translate(-50%) rotate(-45deg);background-color:#fc0;transition:background-color .4s}.theme__icon.dark>:nth-child(2)>span{background-color:var(--gray-500)}.theme__icon>:nth-child(3){width:20px;height:20px;border-radius:24px;position:absolute;top:50%;left:100%;transform:translateY(-50%);background-color:var(--gray-800);transition:top .4s,left .4s,background-color .4s;transition-delay:.2s;z-index:20}.theme__icon.dark>:nth-child(3){top:35%;left:40%;background-color:var(--gray-900)}:root{--primary: #11579d;--primary-hover: #0d4580;--primary-light: #e8f0fa;--primary-50: rgba(17, 87, 157, .05);--primary-100: rgba(17, 87, 157, .1);--accent: #15ece7;--accent-hover: #12d4d0;--accent-light: #e5fffe;--accent-glow: rgba(21, 236, 231, .3);--gradient-brand: linear-gradient(135deg, #11579d 0%, #15ece7 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(17, 87, 157, .08) 0%, rgba(21, 236, 231, .08) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(17, 87, 157, .03) 0%, rgba(21, 236, 231, .03) 100%);--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--warning-light: #fffbeb;--danger: #ef4444;--danger-light: #fef2f2;--info: #3b82f6;--info-light: #eff6ff;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(21, 236, 231, .15);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--white: #121212;--gray-50: #09090b;--gray-100: #18181b;--gray-200: #27272a;--gray-300: #3f3f46;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-700: #e4e4e7;--gray-800: #fafafa;--gray-900: #ffffff;--primary-light: #1e1e24;--accent-light: #1a1a20;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--gray-50);color:var(--gray-800);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;font-size:inherit}input,select,textarea{font-family:var(--font-family);font-size:.9375rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--white);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:150%;background:var(--gradient-brand);border-radius:50%;opacity:.04;animation:loginFloat 20s ease-in-out infinite}.login-page:after{content:"";position:absolute;bottom:-40%;left:-20%;width:60%;height:120%;background:var(--gradient-brand);border-radius:50%;opacity:.03;animation:loginFloat 15s ease-in-out infinite reverse}@keyframes loginFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-20px) rotate(2deg)}66%{transform:translate(-20px,15px) rotate(-1deg)}}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:2rem}.login-logo{text-align:center;margin-bottom:2.5rem}.login-logo-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-brand);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:var(--shadow-lg),var(--shadow-glow)}.login-logo-icon span{font-size:1.75rem;font-weight:800;color:var(--white)}.login-logo h1{font-size:1.75rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em}.login-logo p{color:var(--gray-500);font-size:.9375rem;margin-top:.25rem}.login-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg)}.login-card h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.login-card .login-subtitle{color:var(--gray-500);font-size:.875rem;margin-bottom:1.75rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;letter-spacing:.01em}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:.9375rem;color:var(--gray-800);background:var(--white);transition:all var(--transition-fast);outline:none}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}input[type=date].form-input,input[type=time].form-input,input[type=datetime-local].form-input{cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{position:absolute;right:12px;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-input::placeholder{color:var(--gray-400)}.form-input-icon{position:relative}.form-input-icon .icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.form-input-icon .form-input{padding-left:2.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}textarea.form-input{resize:vertical;min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}[data-theme=dark] .btn-primary{background:#f1f5f9;color:#0f172a;box-shadow:none}[data-theme=dark] .btn-primary:hover{background:#e2e8f0;box-shadow:0 4px 12px #ffffff1a}.btn-secondary{background:var(--white);color:var(--gray-700);border:1.5px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-ghost{color:var(--gray-600);padding:.5rem .75rem}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm)}.btn-icon.btn-lg{width:44px;height:44px}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition-base)}.sidebar-header{padding:1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--gray-100)}.sidebar-logo{width:40px;height:40px;border-radius:var(--radius-md);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-logo-img{transition:filter .3s ease}[data-theme=dark] .sidebar-logo-img{filter:brightness(0) invert(1)}.sidebar-logo span{color:#fff;font-weight:800;font-size:1.125rem}.sidebar-brand{display:flex;flex-direction:column}.sidebar-brand h2{font-size:1.125rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;line-height:1.2}.sidebar-brand span{font-size:.6875rem;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{font-size:.6875rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;padding:0 .75rem;margin-bottom:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:var(--gray-600);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);margin-bottom:2px;cursor:pointer}.sidebar-link:hover{background:var(--gray-50);color:var(--gray-800)}.sidebar-link.active{background:var(--gradient-brand-soft);color:var(--primary);font-weight:600}.sidebar-link.active .sidebar-link-icon{color:var(--primary)}[data-theme=dark] .sidebar-link:hover{background:#18181b;color:#e4e4e7}[data-theme=dark] .sidebar-link.active{background:#27272a;color:#fff}[data-theme=dark] .sidebar-link.active .sidebar-link-icon{color:#fff}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0;opacity:.7}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--gray-100)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sidebar-user:hover{background:var(--gray-50)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;letter-spacing:.05em;transition:all var(--transition-fast);flex-shrink:0}[data-theme=dark] .sidebar-avatar{background:#f1f5f9;color:#0f172a}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:var(--gray-400);text-transform:capitalize}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.header{height:var(--header-height);background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:1.25rem;font-weight:700;color:var(--gray-900);letter-spacing:-.01em}.header-title p{font-size:.8125rem;color:var(--gray-500)}.header-right{display:flex;align-items:center;gap:.75rem}.header-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--gray-600);transition:all var(--transition-fast)}.header-menu-btn:hover{background:var(--gray-100)}.page-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:1rem;font-weight:700;color:var(--gray-900)}.card-subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:var(--primary-light);color:var(--primary)}.stat-icon.cyan{background:var(--accent-light);color:#0d9e9a}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-info{flex:1}.stat-value{font-size:1.75rem;font-weight:800;color:var(--gray-900);line-height:1.2;letter-spacing:-.02em}.stat-label{font-size:.8125rem;color:var(--gray-500);font-weight:500;margin-top:.125rem}.stat-change{font-size:.75rem;font-weight:600;margin-top:.5rem;display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-full)}.stat-change.positive{background:var(--success-light);color:var(--success)}.stat-change.negative{background:var(--danger-light);color:var(--danger)}.table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:visible;padding-right:.125rem;-webkit-overflow-scrolling:touch}[data-theme=dark] .table-container{background:#18181b;border-color:#27272a}table{width:100%;border-collapse:separate;border-spacing:0}thead th:last-child,tbody td:last-child{padding-right:2rem!important}@media (max-width: 1024px){table{display:block;overflow-x:auto}}@media (max-width: 768px){.table-toolbar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.table-filters{width:100%;overflow-x:auto;padding-bottom:.5rem;display:flex;gap:.5rem}.table-filters select{flex:1;min-width:140px}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100);gap:1rem;flex-wrap:wrap}.table-search{position:relative;flex:1;max-width:320px}.table-search .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.table-search input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:.8125rem;outline:none;transition:all var(--transition-fast)}.table-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.table-filters{display:flex;align-items:center;gap:.75rem}table{width:100%;border-collapse:collapse}thead{background:var(--gray-50)}.table-highlight{color:var(--primary)!important;font-weight:700!important}[data-theme=dark] .table-highlight,body.dark-theme .table-highlight{color:#15ece7!important}[data-theme=dark] thead{background:#27272a}thead th{padding:.75rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}thead th:first-child{border-top-left-radius:var(--radius-lg)}thead th:last-child{border-top-right-radius:var(--radius-lg)}[data-theme=dark] thead th{color:#94a3b8;border-bottom-color:#334155}tbody td{border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast);padding:.75rem 1.25rem;font-size:.8125rem;color:var(--gray-700)}tbody tr:hover td{background:var(--gray-50)}[data-theme=dark] tbody td{border-bottom-color:#27272a;color:#cbd5e1}tbody tr:last-child td{border-bottom:none}[data-theme=dark] tbody tr:hover{background:#1e293b66}.section-header{border-bottom:2px solid var(--gray-100);padding-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}[data-theme=dark] .section-header{border-bottom-color:var(--gray-200)}[data-theme=dark] tbody tr:hover{background:#25335266}tbody td{padding:1rem 1.25rem;font-size:.875rem;color:var(--gray-800)}.table-date{font-weight:600;color:var(--gray-800)}.table-time{font-size:.75rem;color:var(--gray-400)}.client-name,.broker-name{font-weight:600;color:var(--gray-700)}[data-theme=dark] tbody td{color:var(--gray-700)}tbody td:last-child{padding-right:2.5rem}.table-empty{text-align:center;padding:3rem 1rem;color:var(--gray-400)}.table-empty-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gray-100);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--gray-400)}.table-empty h3{font-size:.9375rem;font-weight:600;color:var(--gray-600);margin-bottom:.25rem}.table-empty p{font-size:.8125rem}.badge{display:inline-flex;align-items:center;background:var(--primary-light);color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-accent{background:var(--accent-light);color:#0d9e9a}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}[data-theme=dark] .badge-primary{background:#15ece726;color:#15ece7}[data-theme=dark] .badge-accent{background:#00817d;color:#fff}[data-theme=dark] .badge-success{background:#059669;color:#fff}[data-theme=dark] .badge-warning{background:#d97706;color:#fff}[data-theme=dark] .badge-danger{background:#dc2626;color:#fff}[data-theme=dark] .badge-info{background:#11579d;color:#fff}[data-theme=dark] .badge-gray{background:#475569;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.modal-header h2{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--gray-400);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-100)}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.75rem}.toast{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:.875rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:420px;animation:toastSlide .3s ease-out}@keyframes toastSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.vgv-value{font-weight:600;color:var(--gray-900);font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.chart-placeholder{height:280px;border-radius:var(--radius-md);background:var(--gradient-brand-soft);display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:.875rem}.recent-list{list-style:none}.recent-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;border-bottom:1px solid var(--gray-100)}.recent-item:last-child{border-bottom:none}.recent-item-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-brand-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:600;font-size:.75rem;flex-shrink:0}.recent-item-info{flex:1;min-width:0}.recent-item-name{font-size:.8125rem;font-weight:600;color:var(--gray-800)}.recent-item-detail{font-size:.75rem;color:var(--gray-500)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.settings-list{list-style:none}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.settings-item:last-child{border-bottom:none}.settings-item-name{font-size:.875rem;font-weight:500;color:var(--gray-700);text-transform:capitalize}.settings-item-actions{display:flex;gap:.25rem}.add-item-row{display:flex;gap:.5rem;margin-top:.75rem}.add-item-row input{flex:1}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.package-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.package-card.featured{border-color:var(--accent);box-shadow:var(--shadow-glow)}.package-card.featured:before{content:"Popular";position:absolute;top:1rem;right:-2rem;background:var(--gradient-brand);color:#fff;font-size:.6875rem;font-weight:700;padding:.25rem 2.5rem;transform:rotate(45deg);text-transform:uppercase;letter-spacing:.05em}.package-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.package-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-brand-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--primary)}.package-name{font-size:1.375rem;font-weight:800;color:var(--gray-900);letter-spacing:-.02em;margin-bottom:.25rem}.package-desc{font-size:.8125rem;color:var(--gray-500);margin-bottom:1.5rem}.package-features{list-style:none;text-align:left;margin-bottom:1.5rem}.package-features li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8125rem;color:var(--gray-600)}.package-features li .check{width:18px;height:18px;border-radius:var(--radius-full);background:var(--success-light);color:var(--success);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.package-features li .cross{width:18px;height:18px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-400);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.team-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-fast)}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card:has(.action-dropdown){transform:none!important;box-shadow:var(--shadow-md)}.team-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.team-card-name{font-size:1rem;font-weight:700;color:var(--gray-900)}.team-members{display:flex;align-items:center;gap:.5rem}.team-members-avatars{display:flex}.team-members-avatars .sidebar-avatar{width:30px;height:30px;font-size:.6875rem;margin-left:-6px;border:2px solid var(--white)}.team-members-avatars .sidebar-avatar:first-child{margin-left:0}.team-members-count{font-size:.8125rem;color:var(--gray-500)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--gradient-brand-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:1.5rem}.empty-state h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);font-size:.875rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.action-menu{position:relative}.action-dropdown{position:absolute;right:0;top:100%;margin-top:.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:50;animation:dropdownFade .15s ease-out;overflow:hidden}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-dropdown button{width:100%;text-align:left;padding:.625rem 1rem;font-size:.8125rem;color:var(--gray-700);display:flex;align-items:center;gap:.5rem;transition:background var(--transition-fast)}.action-dropdown button:hover{background:var(--gray-50)}.action-dropdown button.danger{color:var(--danger)}.action-dropdown button.danger:hover{background:var(--danger-light)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:99}@media (max-width: 1024px){.dashboard-grid,.settings-grid,.packages-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.main-content{margin-left:0}.header-menu-btn{display:flex}.page-content{padding:1.25rem}.form-row,.form-row-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{max-width:100%}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.animate-in-delay-1{animation:slideUp .4s .1s cubic-bezier(.16,1,.3,1) both}.animate-in-delay-2{animation:slideUp .4s .2s cubic-bezier(.16,1,.3,1) both}.animate-in-delay-3{animation:slideUp .4s .3s cubic-bezier(.16,1,.3,1) both}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.tab{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--gray-500);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);cursor:pointer}.tab:hover{color:var(--gray-700)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-top:1px solid var(--gray-100)}.pagination-info{font-size:.8125rem;color:var(--gray-500)}.pagination-buttons{display:flex;gap:.25rem}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--gray-600);transition:all var(--transition-fast)}.pagination-btn:hover{background:var(--gray-100)}.pagination-btn.active{background:var(--primary);color:var(--white)}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:1rem}.loading-page .spinner{width:40px;height:40px;border-width:3px}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.password-toggle:hover{color:var(--gray-600);background:var(--gray-100)}.tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.tag-remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.tag-remove:hover{background:var(--gray-200)}.notifications-wrapper{position:relative}.notification-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--white);z-index:1}.notifications-dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:360px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;animation:dropdownFade .15s ease-out;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-100)}.notifications-header h3{font-size:.875rem;font-weight:700;color:var(--gray-900)}.notifications-header button{font-size:.75rem;color:var(--primary);font-weight:600}.notifications-list{max-height:320px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--gray-50);transition:background var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{background:var(--primary-50)}[data-theme=dark] .notification-item.unread{background:#1e293b66!important}.notification-item.unread:hover{background:var(--primary-100)}[data-theme=dark] .notification-item.unread:hover{background:#1e293b99!important}[data-theme=dark] .notification-item.unread{background:#15ece714}[data-theme=dark] .notification-item.unread:hover{background:#15ece71f}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:.375rem}[data-theme=dark] .notification-dot{background:#15ece7;box-shadow:0 0 6px #15ece780}.notification-dot.read{background:var(--gray-300)}.notification-content{flex:1;min-width:0}.notification-text{font-size:.8125rem;color:var(--gray-700);line-height:1.4}.notification-text strong{font-weight:600;color:var(--gray-900)}.notification-time{font-size:.6875rem;color:var(--gray-400);margin-top:.25rem}.notifications-footer{padding:.75rem 1.25rem;text-align:center;border-top:1px solid var(--gray-100)}.notifications-footer button{font-size:.8125rem;color:var(--primary);font-weight:600}[data-theme=dark] .notifications-footer button,[data-theme=dark] .notifications-header button{color:#15ece7}.chart-container{width:100%;height:300px}.chart-container-sm{width:100%;height:220px}.chart-container-lg{width:100%;height:380px}.recharts-default-tooltip{border-radius:var(--radius-md)!important;border:1px solid var(--gray-200)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-family)!important;font-size:.8125rem!important}.recharts-cartesian-grid line{stroke:var(--gray-100)!important}.settings-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}@media (max-width: 1024px){.settings-grid-3{grid-template-columns:1fr}}[data-theme=dark]{--white: #121212;--gray-50: #09090b;--gray-100: #18181b;--gray-200: #27272a;--gray-300: #3f3f46;--gray-400: #71717a;--gray-500: #a1a1aa;--gray-600: #d4d4d8;--gray-700: #e4e4e7;--gray-800: #f4f4f5;--gray-900: #ffffff;--primary-light: rgba(17, 87, 157, .2);--primary-50: rgba(17, 87, 157, .08);--primary-100: rgba(17, 87, 157, .15);--accent-light: rgba(21, 236, 231, .15);--accent-glow: rgba(21, 236, 231, .2);--gradient-brand-soft: linear-gradient(135deg, rgba(17, 87, 157, .15) 0%, rgba(21, 236, 231, .12) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(17, 87, 157, .06) 0%, rgba(21, 236, 231, .06) 100%);--success-light: rgba(16, 185, 129, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--info-light: rgba(59, 130, 246, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(21, 236, 231, .1)}[data-theme=dark] .header{background:#09090bd9}[data-theme=dark] .sidebar-avatar{background:#27272a!important;color:#f1f5f9!important;border:1px solid #3f3f46}[data-theme=dark] .login-page{background:var(--gray-50)}[data-theme=dark] .notification-badge{border-color:var(--gray-50)}[data-theme=dark] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .recharts-default-tooltip{background-color:var(--gray-100)!important;border-color:var(--gray-200)!important}html{transition:background-color .3s ease,color .3s ease}body,.sidebar,.header,.card,.stat-card,.table-container,.modal,.login-card,.team-card,.form-input,.btn-secondary{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}[data-theme=dark] .form-input,body.dark-theme .form-input{color-scheme:dark}[data-theme=dark] .lucide,[data-theme=dark] .btn-ghost{color:#f1f5f9}[data-theme=dark] .btn-primary .lucide{color:#0f172a!important}[data-theme=dark] .table-highlight{color:#15ece7!important}.range-selector{display:flex!important;align-items:center;gap:.25rem;background:var(--white);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:fit-content;box-shadow:var(--shadow-sm)}[data-theme=dark] .range-selector{background:#18181b;border-color:#27272a}.range-btn{padding:6px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-md);color:var(--gray-600);transition:all .2s ease;background:transparent;border:none;cursor:pointer}.range-btn:hover{background:var(--gray-100);color:var(--gray-900)}[data-theme=dark] .range-btn{color:#a1a1aa}[data-theme=dark] .range-btn:hover{background:#ffffff0d;color:#fff}[data-theme=dark] .range-btn.active{background:#f1f5f9;color:#0f172a!important;box-shadow:none}.range-btn.active{background:var(--primary);color:var(--white)!important;box-shadow:0 4px 6px -1px #11579d66}.range-custom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--gray-500);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer;margin-left:.25rem}.range-custom-btn:hover{background:var(--gray-100);color:var(--primary)}[data-theme=dark] .range-custom-btn:hover{background:#27272a;color:#fff!important}.range-custom-btn.active{background:var(--primary-100);color:var(--primary)}[data-theme=dark] .range-custom-btn.active{background:#3f3f46;color:var(--primary-light)}.range-display-text{font-size:.75rem;font-weight:500;color:var(--gray-500);margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--gray-200)}[data-theme=dark] .range-display-text{border-color:#3f3f46;color:#fff!important}@media (max-width: 768px){.range-selector{padding:2px}.range-btn{padding:4px 10px;font-size:12px}.range-custom{display:none}}