:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--bg-page:var(--color-neutral-50);--bg-elevated:#fff;--bg-muted:var(--color-neutral-100);--bg-hover:var(--color-neutral-100);--bg-active:var(--color-neutral-200);--bg-primary:var(--color-primary-600);--bg-primary-hover:var(--color-primary-700);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--text-inverse:#fff;--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-default:var(--color-neutral-200);--border-subtle:var(--color-neutral-100);--border-strong:var(--color-neutral-300);--border-focus:var(--color-primary-500);--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-none:0;--radius-md:0.5rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-focus:0 0 0 3px var(--color-primary-100);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--primary:var(--color-primary-600);--primary-hover:var(--color-primary-700);--primary-light:var(--color-primary-100);--primary-blue:var(--color-primary-600);--primary-blue-light:var(--color-primary-100);--success:var(--color-success-600);--success-light:var(--color-success-100);--warning:var(--color-warning-600);--warning-light:var(--color-warning-100);--error:var(--color-error-600);--error-light:var(--color-error-100);--info:var(--color-info-600);--info-light:var(--color-info-100);--border:var(--border-default);--border-hover:var(--border-strong);--border-color:var(--border-default);--white:#fff;--bg-secondary:var(--bg-muted);--bg-input:var(--bg-card);--text-tertiary:var(--text-muted);--radius:var(--radius-md);--radius-xl:var(--radius-xl);--transition:all var(--transition-base);--font-sans:"KenLedger Second",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-headings:"KenLedger Main","KenLedger Second",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800}[data-theme=dark]{--bg-page:var(--color-neutral-950);--bg-card:var(--color-neutral-900);--bg-elevated:var(--color-neutral-800);--bg-muted:var(--color-neutral-800);--bg-hover:var(--color-neutral-800);--bg-active:var(--color-neutral-700);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-500);--border-default:var(--color-neutral-700);--border-subtle:var(--color-neutral-800);--border-strong:var(--color-neutral-600);--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-focus:0 0 0 3px #3b82f64d}.btn{border-radius:var(--radius-md);font-family:KenLedger Second,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.9375rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);line-height:1.5;line-height:var(--leading-normal);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus-visible{box-shadow:0 0 0 3px #dbeafe;box-shadow:var(--shadow-focus);outline:none}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--primary{background:#2563eb;background:var(--bg-primary);border-color:#2563eb;border-color:var(--bg-primary);color:#fff;color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--bg-primary-hover);border-color:#1d4ed8;border-color:var(--bg-primary-hover)}.btn--secondary{background:#0000;border-color:#e2e8f0;border-color:var(--border-default);color:#0f172a;color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-strong)}.btn--ghost{background:#0000;border-color:#0000;color:#475569;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.btn--danger{background:#dc2626;background:var(--color-error-600);border-color:#dc2626;border-color:var(--color-error-600);color:#fff;color:var(--text-inverse)}.btn--danger:hover:not(:disabled){background:#b91c1c;background:var(--color-error-700);border-color:#b91c1c;border-color:var(--color-error-700)}.btn--success{background:#16a34a;background:var(--color-success-600);border-color:#16a34a;border-color:var(--color-success-600);color:#fff;color:var(--text-inverse)}.btn--success:hover:not(:disabled){background:#15803d;background:var(--color-success-700);border-color:#15803d;border-color:var(--color-success-700)}.btn--warning{background:#f59e0b;background:var(--color-warning-500);border-color:#f59e0b;border-color:var(--color-warning-500);color:#0f172a;color:var(--color-neutral-900)}.btn--warning:hover:not(:disabled){background:#d97706;background:var(--color-warning-600);border-color:#d97706;border-color:var(--color-warning-600)}.btn--link{background:#0000;border-color:#0000;color:#2563eb;color:var(--text-link);padding:0}.btn--link:hover:not(:disabled){color:#1d4ed8;color:var(--text-link-hover);text-decoration:underline}.btn--xs{font-size:.8125rem;font-size:var(--text-xs);gap:.25rem;gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.btn--sm{font-size:.9375rem;font-size:var(--text-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn--lg{font-size:1.0625rem;font-size:var(--text-base);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.btn--xl{font-size:1.1875rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn--icon{aspect-ratio:1;padding:.5rem;padding:var(--space-2)}.btn--icon.btn--sm{padding:.25rem;padding:var(--space-1)}.btn--icon.btn--lg{padding:.75rem;padding:var(--space-3)}.btn--full{width:100%}.card{border:1px solid var(--border-default);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base)}.card--elevated,.card--hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.card--flat{box-shadow:none}.card__header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.card__title{color:#0f172a;color:var(--text-primary);font-size:1.1875rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.card__subtitle{color:#475569;color:var(--text-secondary);font-size:.9375rem;font-size:var(--text-sm);margin-top:.25rem;margin-top:var(--space-1)}.card__body{padding:1.5rem;padding:var(--space-6)}.card__body--compact{padding:1rem;padding:var(--space-4)}.card__footer{background:#f1f5f9;background:var(--bg-muted);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-subtle);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.stat-card{padding:1.25rem;padding:var(--space-5)}.stat-card__label{color:#475569;color:var(--text-secondary);font-size:.9375rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--space-2)}.stat-card__value{color:#0f172a;color:var(--text-primary);font-size:1.625rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold)}.stat-card__trend{align-items:center;display:inline-flex;font-size:.9375rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-1);margin-top:.5rem;margin-top:var(--space-2)}.stat-card__trend--up{color:#16a34a;color:var(--color-success-600)}.stat-card__trend--down{color:#dc2626;color:var(--color-error-600)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:.25rem .5rem;padding:var(--space-1) var(--space-2);white-space:nowrap}.badge--sm{font-size:.6875rem;padding:2px .25rem;padding:2px var(--space-1)}.badge--lg{font-size:.9375rem;font-size:var(--text-sm);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.badge--neutral{background:#f1f5f9;background:var(--color-neutral-100);color:#334155;color:var(--color-neutral-700)}.badge--primary{background:#dbeafe;background:var(--color-primary-100);color:#1d4ed8;color:var(--color-primary-700)}.badge--success{background:#dcfce7;background:var(--color-success-100);color:#15803d;color:var(--color-success-700)}.badge--warning{background:#fef3c7;background:var(--color-warning-100);color:#b45309;color:var(--color-warning-700)}.badge--error{background:#fee2e2;background:var(--color-error-100);color:#b91c1c;color:var(--color-error-700)}.badge--info{background:#dbeafe;background:var(--color-info-100);color:#2563eb;color:var(--color-info-600)}.badge--solid.badge--primary{background:#2563eb;background:var(--color-primary-600);color:#fff}.badge--solid.badge--success{background:#16a34a;background:var(--color-success-600);color:#fff}.badge--solid.badge--warning{background:#f59e0b;background:var(--color-warning-500);color:#0f172a;color:var(--color-neutral-900)}.badge--solid.badge--error{background:#dc2626;background:var(--color-error-600);color:#fff}[data-theme=dark] .badge--neutral{background:#1e293b;background:var(--color-neutral-800);color:#cbd5e1;color:var(--color-neutral-300)}[data-theme=dark] .badge--primary{background:#3b82f633;color:#93c5fd;color:var(--color-primary-300)}[data-theme=dark] .badge--success{background:#22c55e33;color:#bbf7d0;color:var(--color-success-200)}[data-theme=dark] .badge--warning{background:#f59e0b33;color:#fde68a;color:var(--color-warning-200)}[data-theme=dark] .badge--error{background:#ef444433;color:#fecaca;color:var(--color-error-200)}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{font-size:.9375rem;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-label--required:after{color:#ef4444;color:var(--color-error-500);content:" *"}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);display:block;font-family:KenLedger Second,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.9375rem;font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1;border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #dbeafe;box-shadow:var(--shadow-focus);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f1f5f9;background:var(--bg-muted);color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.form-input--sm,.form-select--sm{font-size:.8125rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.form-input--lg,.form-select--lg{font-size:1.0625rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-input--error,.form-select--error,.form-textarea--error{border-color:#ef4444;border-color:var(--color-error-500)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #fee2e2;box-shadow:0 0 0 3px var(--color-error-100)}.form-input--success,.form-select--success{border-color:#22c55e;border-color:var(--color-success-500)}.form-help{color:#94a3b8;color:var(--text-muted)}.form-error,.form-help{font-size:.8125rem;font-size:var(--text-xs);margin-top:.25rem;margin-top:var(--space-1)}.form-error{color:#dc2626;color:var(--color-error-600)}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;gap:var(--space-2)}.form-checkbox input,.form-radio input{accent-color:#2563eb;accent-color:var(--color-primary-600);cursor:pointer;height:1rem;width:1rem}.table-container{border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:.75rem;border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:.9375rem;font-size:var(--text-sm);width:100%}.table th{background:#f1f5f9;background:var(--bg-muted);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default);color:#475569;color:var(--text-secondary);font-size:.8125rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);color:#0f172a;color:var(--text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f1f5f9;background:var(--bg-hover)}.table--striped tbody tr:nth-child(2n) td{background:#f1f5f9;background:var(--bg-muted)}.table--striped tbody tr:nth-child(2n):hover td{background:#f1f5f9;background:var(--bg-hover)}.table--compact td,.table--compact th{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:400;z-index:var(--z-modal-backdrop)}.modal{background:#fff;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8));max-width:32rem;overflow:hidden;width:100%;z-index:500;z-index:var(--z-modal)}.modal--sm{max-width:24rem}.modal--lg{max-width:48rem}.modal--xl{max-width:64rem}.modal--full{max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--space-8));max-width:calc(100vw - 2rem);max-width:calc(100vw - var(--space-8))}.modal__header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;padding:1.25rem 1.5rem;padding:var(--space-5) var(--space-6)}.modal__title{color:#0f172a;color:var(--text-primary);font-size:1.1875rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.modal__close{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-muted);cursor:pointer;padding:.25rem;padding:var(--space-1);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modal__close:hover{background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.modal__body{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--space-6)}.modal__footer{background:#f1f5f9;background:var(--bg-muted);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-subtle);justify-content:flex-end;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.alert,.modal__footer{display:flex;gap:.75rem;gap:var(--space-3)}.alert{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.alert__icon{flex-shrink:0;font-size:1.375rem;font-size:var(--text-xl)}.alert__content{flex:1 1}.alert__title{font-weight:600;font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.alert__description{font-size:.9375rem;font-size:var(--text-sm)}.alert--info{background:#eff6ff;background:var(--color-info-50);border-color:#dbeafe;border-color:var(--color-info-100);color:#2563eb;color:var(--color-info-600)}.alert--success{background:#f0fdf4;background:var(--color-success-50);border-color:#dcfce7;border-color:var(--color-success-100);color:#15803d;color:var(--color-success-700)}.alert--warning{background:#fffbeb;background:var(--color-warning-50);border-color:#fef3c7;border-color:var(--color-warning-100);color:#b45309;color:var(--color-warning-700)}.alert--error{background:#fef2f2;background:var(--color-error-50);border-color:#fee2e2;border-color:var(--color-error-100);color:#b91c1c;color:var(--color-error-700)}[data-theme=dark] .alert--info{background:#3b82f61a;border-color:#3b82f633}[data-theme=dark] .alert--success{background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .alert--warning{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .alert--error{background:#ef44441a;border-color:#ef444433}.avatar{align-items:center;background:#dbeafe;background:var(--color-primary-100);border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;color:var(--color-primary-700);display:inline-flex;font-size:.9375rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.avatar--sm{font-size:.8125rem;font-size:var(--text-xs);height:2rem;width:2rem}.avatar--lg{font-size:1.0625rem;font-size:var(--text-base);height:3rem;width:3rem}.avatar--xl{font-size:1.1875rem;font-size:var(--text-lg);height:4rem;width:4rem}.avatar img{height:100%;object-fit:cover;width:100%}.dropdown{display:inline-block;position:relative}.dropdown__menu{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-default);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:.25rem;margin-top:var(--space-1);min-width:12rem;padding:.25rem;padding:var(--space-1);position:absolute;top:100%;z-index:100;z-index:var(--z-dropdown)}.dropdown__menu--right{left:auto;right:0}.dropdown__item{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.dropdown__item:hover{background:#f1f5f9;background:var(--bg-hover)}.dropdown__item--danger{color:#dc2626;color:var(--color-error-600)}.dropdown__item--danger:hover{background:#fef2f2;background:var(--color-error-50)}.dropdown__divider{background:#f1f5f9;background:var(--border-subtle);height:1px;margin:.25rem 0;margin:var(--space-1) 0}.tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default);display:flex;gap:.25rem;gap:var(--space-1)}.tab{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:-1px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.tab--active{border-bottom-color:#2563eb;border-bottom-color:var(--color-primary-600);color:#2563eb;color:var(--color-primary-600)}.spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-top-color:#2563eb;border:2px solid var(--border-default);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-primary-600);display:inline-block;height:1.5rem;width:1.5rem}.spinner--sm{border-width:1.5px;height:1rem;width:1rem}.spinner--lg{border-width:3px;height:2rem;width:2rem}.loading-overlay{align-items:center;background:#fffc;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}[data-theme=dark] .loading-overlay{background:#0f172acc}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-6)}.empty-state__icon{color:#94a3b8;color:var(--text-muted);font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.empty-state__title{color:#0f172a;color:var(--text-primary);font-size:1.1875rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.empty-state__description{color:#475569;color:var(--text-secondary);font-size:.9375rem;font-size:var(--text-sm);margin-bottom:1.5rem;margin-bottom:var(--space-6);max-width:24rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.m-0{margin:0}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.p-0{padding:0}.p-2{padding:.5rem;padding:var(--space-2)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:.8125rem;font-size:var(--text-xs)}.text-sm{font-size:.9375rem;font-size:var(--text-sm)}.text-base{font-size:1.0625rem;font-size:var(--text-base)}.text-lg{font-size:1.1875rem;font-size:var(--text-lg)}.text-xl{font-size:1.375rem;font-size:var(--text-xl)}.text-2xl{font-size:1.625rem;font-size:var(--text-2xl)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-success{color:#16a34a;color:var(--color-success-600)}.text-warning{color:#d97706;color:var(--color-warning-600)}.text-error{color:#dc2626;color:var(--color-error-600)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.border{border:1px solid #e2e8f0;border:1px solid var(--border-default)}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-default)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.bg-card{background:#fff;background:var(--bg-card)}.bg-muted{background:#f1f5f9;background:var(--bg-muted)}.bg-page{background:#f8fafc;background:var(--bg-page)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.transition{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}@media (max-width:768px){.md\:hidden{display:none}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:769px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-3px)}60%{transform:translateX(3px)}70%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc,0 0 30px #667eea66}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in-down{animation:fadeInDown .4s ease-out}.animate-fade-in-left{animation:fadeInLeft .4s ease-out}.animate-fade-in-right{animation:fadeInRight .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pop-in{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.animate-slide-in-up{animation:slideInUp .3s ease-out}.animate-slide-in-down{animation:slideInDown .3s ease-out}.animate-bounce{animation:bounce 1s ease infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#f1f5f9 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-hover) 50%,var(--bg-muted) 75%);border-radius:.5rem;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:80%}.skeleton-avatar{border-radius:9999px;border-radius:var(--radius-full);height:40px;width:40px}.skeleton-card{border-radius:.75rem;border-radius:var(--radius-lg);height:200px}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #667eea4d}.hover-gradient{overflow:hidden;position:relative}.hover-gradient:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hover-gradient:hover:before{left:100%}.glass{background:#ffffff1a;border:1px solid #fff3}.glass,.glass-light{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-light{background:#ffffffb3;border:1px solid #ffffff4d}[data-theme=dark] .glass-light{background:#1e293bb3;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#764ba2);background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);-webkit-background-clip:text;background-clip:text}.gradient-text-animated{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#3b82f6,#764ba2,#60a5fa,#764ba2,#3b82f6);background:linear-gradient(135deg,var(--color-primary-500),#764ba2,var(--color-primary-400),#764ba2,var(--color-primary-500));-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.amount{border-radius:.375rem;border-radius:var(--radius-sm,.375rem);display:inline-block;font-weight:700;font-weight:var(--font-bold,700);line-height:inherit;overflow:hidden;padding:.05em .25em;position:relative;vertical-align:middle}.amount--positive{background:linear-gradient(90deg,#fff,#fff 40%,#4ade80 45%,#16a34a 50%,#4ade80 55%,#fff 60%,#fff);background:linear-gradient(90deg,var(--white,#fff) 0,var(--white,#fff) 40%,var(--color-success-400,#4ade80) 45%,var(--color-success-600,#16a34a) 50%,var(--color-success-400,#4ade80) 55%,var(--white,#fff) 60%,var(--white,#fff) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.amount--negative,.amount--positive{animation:amount-shimmer 8.5s linear infinite;color:#0000}.amount--negative{background:linear-gradient(90deg,#fff,#fff 40%,#f87171 45%,#dc2626 50%,#f87171 55%,#fff 60%,#fff);background:linear-gradient(90deg,var(--white,#fff) 0,var(--white,#fff) 40%,var(--color-error-400,#f87171) 45%,var(--color-error-600,#dc2626) 50%,var(--color-error-400,#f87171) 55%,var(--white,#fff) 60%,var(--white,#fff) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.amount--neutral{color:#fff;color:var(--text-inverse,#fff)}[data-theme=light] .amount--positive{-webkit-text-fill-color:currentColor;animation:none;background:none;color:#16a34a;color:var(--color-success-600,#16a34a)}[data-theme=light] .amount--negative{-webkit-text-fill-color:currentColor;animation:none;background:none;color:#dc2626;color:var(--color-error-600,#dc2626)}[data-theme=light] .amount--neutral{color:#0f172a;color:var(--text-primary,#1f2937)}[data-theme=light] .amount-on-color .amount--negative,[data-theme=light] .amount-on-color .amount--neutral,[data-theme=light] .amount-on-color .amount--positive{-webkit-text-fill-color:currentColor;animation:none;background:none;color:#fff}[data-theme=light] .em-layout .amount--positive{-webkit-text-fill-color:#0000;animation:amount-shimmer 8.5s linear infinite;background:linear-gradient(90deg,#fff,#fff 40%,#4ade80 45%,#16a34a 50%,#4ade80 55%,#fff 60%,#fff);background:linear-gradient(90deg,var(--white,#fff) 0,var(--white,#fff) 40%,var(--color-success-400,#4ade80) 45%,var(--color-success-600,#16a34a) 50%,var(--color-success-400,#4ade80) 55%,var(--white,#fff) 60%,var(--white,#fff) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000}[data-theme=light] .em-layout .amount--negative{-webkit-text-fill-color:#0000;animation:amount-shimmer 8.5s linear infinite;background:linear-gradient(90deg,#fff,#fff 40%,#f87171 45%,#dc2626 50%,#f87171 55%,#fff 60%,#fff);background:linear-gradient(90deg,var(--white,#fff) 0,var(--white,#fff) 40%,var(--color-error-400,#f87171) 45%,var(--color-error-600,#dc2626) 50%,var(--color-error-400,#f87171) 55%,var(--white,#fff) 60%,var(--white,#fff) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000}[data-theme=light] .em-layout .amount--neutral{color:#fff;color:var(--text-inverse,#fff)}.amount__secondary{display:block;font-size:.65em;font-weight:500;font-weight:var(--font-medium,500);margin-top:.1em;opacity:.85}@keyframes amount-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-border{background:#fff;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);position:relative}.gradient-border:before{background:linear-gradient(135deg,#3b82f6,#764ba2);background:linear-gradient(135deg,var(--color-primary-500),#764ba2);border-radius:calc(.75rem + 2px);border-radius:calc(var(--radius-lg) + 2px);content:"";inset:-2px;position:absolute;z-index:-1}.stat-highlight{background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s ease}.stat-highlight:before{background:linear-gradient(90deg,#3b82f6,#764ba2);background:linear-gradient(90deg,var(--color-primary-500),#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-highlight:hover{border-color:#bfdbfe;border-color:var(--color-primary-200);box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}[data-theme=dark] .stat-highlight:hover{border-color:#1d4ed8;border-color:var(--color-primary-700);box-shadow:0 8px 24px #667eea40}.icon-btn{align-items:center;background:#f1f5f9;background:var(--bg-muted);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:.75rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-btn:hover{background:#f1f5f9;background:var(--bg-hover);border-color:#e2e8f0;border-color:var(--border-default);color:#0f172a;color:var(--text-primary);transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn--primary{background:linear-gradient(135deg,#3b82f6,#764ba2);background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);border:none;box-shadow:0 4px 12px #667eea4d;color:#fff}.icon-btn--primary:hover{box-shadow:0 6px 16px #667eea66;color:#fff}.divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--border-default),#0000);height:1px;margin:1.5rem 0;margin:var(--space-6) 0}.divider-vertical{background:linear-gradient(180deg,#0000,#e2e8f0,#0000);background:linear-gradient(180deg,#0000,var(--border-default),#0000);height:100%;margin:0 1rem;margin:0 var(--space-4);width:1px}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-muted);border-radius:9999px;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#2563eb);background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));border:2px solid #f1f5f9;border:2px solid var(--bg-muted);border-radius:9999px;border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#1d4ed8);background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-700))}.notification-dot{position:relative}.notification-dot:after{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#ff6b6b);background:linear-gradient(135deg,var(--color-error-500),#ff6b6b);border:2px solid #fff;border:2px solid var(--bg-card);border-radius:50%;content:"";height:10px;position:absolute;right:0;top:0;width:10px}.focus-ring:focus-visible{box-shadow:0 0 0 3px #dbeafe,0 0 0 1px #3b82f6;box-shadow:0 0 0 3px var(--color-primary-100),0 0 0 1px var(--color-primary-500);outline:none}[data-theme=dark] .focus-ring:focus-visible{box-shadow:0 0 0 3px #667eea4d,0 0 0 1px #60a5fa;box-shadow:0 0 0 3px #667eea4d,0 0 0 1px var(--color-primary-400)}.tooltip{position:relative}.tooltip:after{background:#1e293b;background:var(--color-neutral-800);border-radius:.5rem;border-radius:var(--radius-md);bottom:100%;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:.8125rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);left:50%;opacity:0;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important}.card{border:1px solid #ddd!important;box-shadow:none!important}}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary:#64748b;--accent:#0891b2;--success:#059669;--success-light:#d1fae5;--warning-light:#fef3c7;--error-light:#fee2e2;--info:#0284c7;--info-light:#e0f2fe;--bg-page:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-input:#fff;--text-primary:#0f172a;--text-tertiary:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}body,html{overflow-x:hidden}body{background:#f8fafc;background:var(--bg-page);color:#0f172a;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;line-height:1.6}.brand-text h1,.card-title,.page-title,.stat-value,h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-family:var(--font-headings,var(--font-sans))}.modern-app{background:#f8fafc;background:var(--bg-page);display:flex;flex-direction:column;min-height:100vh}.modern-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.header-brand,.header-content{align-items:center;display:flex}.header-brand{gap:.75rem}.brand-text h1{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.brand-text p{color:#475569;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:2.5rem}.theme-toggle:hover{border-color:#cbd5e1;border-color:var(--border-hover);transform:scale(1.05)}.theme-toggle:hover,.user-menu{background:#f1f5f9;background:var(--bg-hover)}.user-menu{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);gap:.75rem;padding:.5rem 1rem}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{background:#2563eb;background:var(--primary);border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.modern-nav{background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:4.5rem;z-index:90}.nav-content{display:flex;gap:.25rem;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 1.5rem;scrollbar-width:none}.nav-content::-webkit-scrollbar{display:none}.nav-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.875rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.nav-tab:hover{background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.nav-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary);font-weight:600}.modern-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1.5rem;width:100%}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-title{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.card-subtitle{color:#475569;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.stat-label{font-size:.8125rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#0f172a;color:var(--text-primary);font-size:2rem}.stat-change{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-icon{font-size:2.5rem;opacity:.1;position:absolute;right:1rem;top:1rem}.stat-card.success{border-left:3px solid #059669;border-left:3px solid var(--success)}.stat-card.warning{border-left:3px solid #d97706;border-left:3px solid var(--warning)}.stat-card.purple{border-left:3px solid #8b5cf6}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.btn-secondary{background:#f1f5f9;background:var(--bg-hover);border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#fff;background:var(--bg-card);border-color:#cbd5e1;border-color:var(--border-hover)}.btn-success{background:#059669;background:var(--success);border-color:#059669;border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#047857;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow)}.btn-sm{font-size:.8125rem;padding:.375rem .875rem}.btn-lg{font-size:1rem;font-weight:600;padding:.875rem 1.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-label,.form-select{color:#0f172a;color:var(--text-primary)}.form-input,.form-select{background:#fff;background:var(--bg-input);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color-scheme:light;font-family:inherit;font-size:.9375rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}[data-theme=dark] .form-select{color-scheme:dark}[data-theme=dark] .form-select option,[data-theme=dark] select option{background-color:#1e293b;color:#f1f5f9}.form-input:focus,.form-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-tertiary)}.modern-table{border-collapse:initial;border-spacing:0;width:100%}.modern-table thead th{background:#f1f5f9;background:var(--bg-hover);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.modern-table tbody td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text-primary);font-size:.9375rem;padding:1rem}.modern-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modern-table tbody tr:hover{background:#f1f5f9;background:var(--bg-hover)}.modern-table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.25rem;line-height:1;padding:.25rem .75rem}.badge-info{background:#e0f2fe;background:var(--info-light);color:#0284c7;color:var(--info)}.badge-success{background:#d1fae5;background:var(--success-light);color:#059669;color:var(--success)}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning)}.badge-error{background:#fee2e2;background:var(--error-light);color:#dc2626;color:var(--error)}.empty-state{padding:3rem 1.5rem;text-align:center}.empty-state-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#475569;color:var(--text-secondary);font-size:.9375rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.fade-in{animation:fadeIn .3s ease-in}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-hover)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{margin:0 auto;max-width:1400px;padding:2rem}.page-header{margin-bottom:2rem}.page-title{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:#475569;font-size:.9375rem;font-weight:400}.tabs-container{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem}.tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:.5rem .5rem 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.tab:hover{background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.tab.active{background:#dbeafe;background:var(--primary-light);border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary);font-weight:600}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media (max-width:1024px){.form-row{grid-template-columns:1fr}}.info-box{background:#f1f5f9;background:var(--bg-hover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);padding:1.5rem}.info-item{margin-bottom:1.25rem}.info-item:last-child{margin-bottom:0}.info-item strong{color:#0f172a;color:var(--text-primary);display:block;font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.info-item p{color:#475569;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.stat-card{text-align:center}.stat-value{color:#2563eb;color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:normal;text-transform:none}.ventes-container{margin:0 auto;max-width:1400px;padding:2rem}.ventes-card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:2rem}.ventes-card,.ventes-table{background:#fff;background:var(--bg-card)}.ventes-table{border-collapse:initial;border-spacing:0;width:100%}.ventes-table thead th{background:#f1f5f9;background:var(--bg-hover);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.ventes-table tbody td{background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text-primary);font-size:.9375rem;padding:1rem}.ventes-table tbody tr:hover td{background:#f1f5f9;background:var(--bg-hover)}.ventes-table tbody tr:last-child td{border-bottom:none}.ventes-input,.ventes-select{background:#fff;background:var(--bg-input);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);color-scheme:light;font-size:1rem;padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}[data-theme=dark] .ventes-select{color-scheme:dark}[data-theme=dark] .ventes-select option{background-color:#1e293b;color:#f1f5f9}.ventes-input:focus,.ventes-select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-light);outline:none}.ventes-label{color:#0f172a;color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.ventes-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem}.ventes-tab{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:.5rem .5rem 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ventes-tab:hover{background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.ventes-tab.active{background:#dbeafe;background:var(--primary-light);border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary)}.currency-badge{align-items:center;background:#f1f5f9;background:var(--bg-hover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#475569;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;white-space:nowrap}.currency-convert{color:#059669;color:var(--success);font-size:.875rem;font-weight:600;margin-top:.5rem}.devices-list{display:flex;flex-direction:column;gap:2rem}.chatter-group{background:#f1f5f9;background:var(--bg-hover);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem}.chatter-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.chatter-name{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.chatter-count{color:#475569;color:var(--text-secondary);font-size:.875rem;margin:0}.devices-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.device-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.device-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.device-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.device-icon{font-size:2.5rem}.device-title{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 .5rem}.device-serial{font-family:monospace;font-size:.75rem;margin:0 0 .5rem}.device-notes,.device-serial{color:#475569;color:var(--text-secondary)}.device-notes{font-size:.875rem;font-style:italic;margin:0 0 .75rem}.device-price{background:#d1fae5;background:var(--success-light);border-radius:.375rem;border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem}.price-eur{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.price-eur,.price-usd{color:#059669;color:var(--success)}.device-date,.price-usd{font-size:.75rem}.device-date{color:#94a3b8;color:var(--text-tertiary);margin-bottom:1rem}.device-actions{display:flex;gap:.5rem}@media (max-width:768px){.modern-main{padding:1.5rem 1rem}.header-content{padding:.875rem 1rem}.card{padding:1.25rem}.container{padding:1.5rem 1rem}.page-title{font-size:1.5rem}.devices-grid,.stats-grid{grid-template-columns:1fr}}.badge-paiement{borderRadius:12px;fontSize:.875rem;fontWeight:500;align-items:center;display:inline-flex;gap:.25rem;padding:.25rem .75rem}.badge-paiement.payee{background-color:#10b981;background-color:var(--color-success-500,#10b981);color:#fff}.badge-paiement.partiellement_payee{background-color:#f59e0b;background-color:var(--color-warning-500,#f59e0b);color:#fff}.badge-paiement.non_payee{background-color:#6b7280;background-color:var(--color-neutral-500,#6b7280);color:#fff}.badge-paiement.en_retard{animation:pulsePaiement 2s infinite;background-color:#ef4444;background-color:var(--color-error-500,#ef4444);color:#fff}@keyframes pulsePaiement{0%,to{opacity:1}50%{opacity:.7}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.modal-paiement{max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.paiement-summary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.paiements-historique{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.paiement-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:.75rem}.paiement-item.annule{opacity:.5;text-decoration:line-through}.stat-card.stat-success{border-left:4px solid #10b981;border-left:4px solid var(--color-success-500,#10b981)}.stat-card.stat-warning{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning-500,#f59e0b)}.stat-card.stat-error{border-left:4px solid #ef4444;border-left:4px solid var(--color-error-500,#ef4444)}@media (max-width:768px){.modal-content.modal-paiement{max-height:95vh;width:95%}.paiement-item{align-items:flex-start;flex-direction:column;gap:.5rem}}html{color-scheme:light;transition:color-scheme .3s ease}[data-theme=dark]{color-scheme:dark}*,:after,:before{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.content-area,.modern-main{animation:pageEnter .4s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card,.chatter-group,.device-card,.stat-card,.ventes-card{animation:cardEnter .5s cubic-bezier(.4,0,.2,1) backwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:first-child,.stat-card:first-child{animation-delay:.05s}.card:nth-child(2),.stat-card:nth-child(2){animation-delay:.1s}.card:nth-child(3),.stat-card:nth-child(3){animation-delay:.15s}.card:nth-child(4),.stat-card:nth-child(4){animation-delay:.2s}.card:nth-child(5),.stat-card:nth-child(5){animation-delay:.25s}.card:nth-child(6),.stat-card:nth-child(6){animation-delay:.3s}.card:hover,.device-card:hover,.stat-card:hover,.ventes-card:hover{box-shadow:0 12px 24px -8px #0000001f,0 4px 8px -4px #00000014;transform:translateY(-4px)}.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.98)}a:not([class]){color:#2563eb;color:var(--primary);position:relative;text-decoration:none}a:not([class]):after{background:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}a:not([class]):hover:after{width:100%}:focus-visible{border-radius:inherit;box-shadow:0 0 0 3px #2563eb33,0 0 0 1px #2563eb99;outline:none}[data-theme=dark] :focus-visible{box-shadow:0 0 0 3px #3b82f64d,0 0 0 1px #3b82f699}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-page);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#764ba2);background:linear-gradient(180deg,var(--primary) 0,#764ba2 100%);border:2px solid #f8fafc;border:2px solid var(--bg-page);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1d4ed8,#5b21b6)}*{scrollbar-color:#2563eb #f8fafc;scrollbar-color:var(--primary) var(--bg-page);scrollbar-width:thin}.modal-overlay{animation:modalOverlayEnter .2s ease-out}@keyframes modalOverlayEnter{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalContentEnter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalContentEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ventes-table tbody tr{animation:tableRowEnter .3s ease backwards}@keyframes tableRowEnter{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ventes-table tbody tr:first-child{animation-delay:.02s}.ventes-table tbody tr:nth-child(2){animation-delay:.04s}.ventes-table tbody tr:nth-child(3){animation-delay:.06s}.ventes-table tbody tr:nth-child(4){animation-delay:.08s}.ventes-table tbody tr:nth-child(5){animation-delay:.1s}.ventes-table tbody tr:nth-child(6){animation-delay:.12s}.ventes-table tbody tr:nth-child(7){animation-delay:.14s}.ventes-table tbody tr:nth-child(8){animation-delay:.16s}.ventes-table tbody tr:nth-child(9){animation-delay:.18s}.ventes-table tbody tr:nth-child(10){animation-delay:.2s}.loading-skeleton,.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:loading-bounce 1.4s ease-in-out infinite both;background:#2563eb;background:var(--primary);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}[data-tooltip]{position:relative}[data-tooltip]:after{background:#0f172a;background:var(--text-primary);border-radius:.5rem;border-radius:var(--radius);bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--bg-card);content:attr(data-tooltip);font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-4px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px);visibility:visible}::selection{background:#2563eb33;color:inherit}@media print{*{animation:none!important;transition:none!important}.header-actions,.new-header,.quick-actions,.sidebar,button:not(.print-btn){display:none!important}.main-content{margin-left:0!important;width:100%!important}.card,.stat-card{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}body{background:#fff!important;color:#000!important}}.mobile-menu-toggle{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);flex-shrink:0;padding:0}.mobile-menu-toggle:hover{background:#f1f5f9;border-color:#2563eb;border-color:var(--primary)}.hamburger{align-items:center;display:flex;flex-direction:column;height:24px;justify-content:center;position:relative;width:24px}.hamburger span{background:#0f172a;background:var(--text-primary);border-radius:2px;display:block;height:2px;position:absolute;transition:all .3s ease;width:20px}.hamburger span:first-child{top:6px}.hamburger span:nth-child(2){top:11px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:first-child{top:11px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger.open span:nth-child(3){top:11px;transform:rotate(-45deg)}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:998}.sidebar-overlay.open{display:block;opacity:1}.main-content{margin-left:0!important;width:100%!important}.new-header{gap:.5rem;padding:.75rem 1rem}.header-left{flex:1 1;min-width:0}.header-right{gap:.5rem}.header-user-dropdown,.header-user-info{display:none}.header-left select{font-size:.8rem;max-width:150px}.stat-cards,.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:640px){.stat-cards,.stats-grid{grid-template-columns:1fr}.new-header{padding:.5rem .75rem}.header-left img{height:28px!important;width:28px!important}.btn{font-size:.8rem;padding:.5rem .75rem}.btn-sm{font-size:.75rem;padding:.375rem .625rem}.content-padding,.page-content{padding:.75rem}.modal-content{border-radius:0!important;height:100%!important;margin:0!important;max-height:100%!important;max-width:100%!important;width:100%!important}.card{padding:1rem}table{display:block;overflow-x:auto;white-space:nowrap}.form-grid,.form-row{flex-direction:column;gap:.75rem}.form-group{width:100%}.tabs,.ventes-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.tabs button,.ventes-tab{flex-shrink:0;white-space:nowrap}.filters-row{align-items:stretch;flex-direction:column}.filters-row input,.filters-row select{width:100%}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}@media (max-width:768px){input,select,textarea{font-size:16px!important}}@media (max-width:1024px){.container{padding:1rem}.page-title{font-size:1.5rem}.tabs,.tabs-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs-container::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.cards-grid,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.bottom-nav{display:none!important}.main-content{padding-bottom:0!important}body{overflow-x:hidden}.container{max-width:100%;padding:.75rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem}.cards-grid,.grid-2,.grid-3,.grid-4{gap:.75rem!important;grid-template-columns:1fr!important}.card,.stat-card{border-radius:.75rem!important;padding:.875rem!important}.btn,button{min-height:44px;padding:.625rem 1rem}input,select,textarea{min-height:44px;padding:.625rem .875rem}.table-container,.table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -.75rem;overflow-x:auto;padding:0 .75rem}table{min-width:600px}.modal-overlay{padding:0!important}.modal,.modal-content{border-radius:0!important;margin:0!important;max-height:100vh!important;max-width:100%!important;min-height:100vh!important;width:100%!important}.flex,.flex-row,.row{flex-direction:column!important}.flex-row>*,.row>*{width:100%!important}.desktop-only,.hide-mobile{display:none!important}.actions,.button-group{flex-direction:column;gap:.5rem}.actions button,.button-group button{width:100%}}@media (max-width:480px){body{font-size:14px}.page-title{font-size:1.125rem}.container{padding:.5rem}.card{padding:.75rem!important}.stat-number,.stat-value{font-size:1.25rem!important}.btn,button{font-size:.875rem;padding:.5rem .75rem}td,th{font-size:.75rem!important;padding:.5rem .375rem!important}}@media (max-height:500px) and (orientation:landscape){.modal,.modal-content{max-height:100vh!important;min-height:auto!important;overflow-y:auto}}@supports (padding:max(0px)){.container,.page-content{padding-bottom:max(.75rem,env(safe-area-inset-bottom));padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.bottom-nav,.fixed-bottom,[class*=BottomNav],[class*=bottomNav]{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav,[class*=BottomNav],[class*=bottomNav]{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}@media (hover:none) and (pointer:coarse){.btn,.clickable,[role=button],a,button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover,button:hover{transform:none}.btn:active,[role=button]:active,button:active{opacity:.9;transform:scale(.97);transition:transform .1s}}.table-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;position:relative}.table-scroll-container:after{background:linear-gradient(90deg,#0000,#00000014);bottom:0;content:"";flex-shrink:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:0;width:24px}@media (max-width:640px){.modal,[class*=modal],[style*="position: fixed"][style*=z-index]>div{border-radius:12px!important;margin:.5rem!important;max-height:calc(100vh - 1rem)!important;max-width:calc(100vw - 1rem)!important}}.sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:998}.sidebar-backdrop.visible{display:block;opacity:1}:root{--sidebar-width:280px;--header-height:70px}*{box-sizing:border-box}.new-layout{background-color:var(--bg-page);transition:background-color .3s ease}.main-content,.new-layout{display:flex;min-height:100vh}.main-content{background:var(--bg-page);flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);transition:margin-left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px);width:calc(100% - var(--sidebar-width))}.new-layout:has(.sidebar.compact) .main-content{margin-left:80px;width:calc(100% - 80px)}body.sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}.main-content.full-width{margin-left:0;min-height:100vh;width:100%}.content-area.manager-fullscreen{overflow:hidden;padding:0}[data-theme-style=ocean] .main-content{background:linear-gradient(180deg,#042f2e,#0a3d3c)}[data-theme-style=ocean][data-theme=light] .main-content{background:linear-gradient(180deg,#ecfeff,#cffafe)}[data-theme-style=ocean] .new-header{background:#0a3d3cf2;border-color:#06b6d433}[data-theme-style=ocean][data-theme=light] .new-header{background:#fffffff2;border-color:#06b6d433}[data-theme-style=ocean] .card,[data-theme-style=ocean] .stat-card{background:#06b6d414;border-color:#06b6d433}[data-theme-style=midnight] .main-content{background:linear-gradient(180deg,#0c0a1a,#1a1428)}[data-theme-style=midnight] .new-header{background:#1a1428f2;border-color:#8b5cf633}[data-theme-style=midnight] .card,[data-theme-style=midnight] .stat-card{background:#8b5cf614;border-color:#8b5cf633}[data-theme-style=sunset] .main-content{background:linear-gradient(180deg,#1c1408,#292010)}[data-theme-style=sunset][data-theme=light] .main-content{background:linear-gradient(180deg,#fffbeb,#fef3c7)}[data-theme-style=sunset] .new-header{background:#292010f2;border-color:#f59e0b33}[data-theme-style=sunset][data-theme=light] .new-header{background:#fffffff2;border-color:#f59e0b33}[data-theme-style=sunset] .card,[data-theme-style=sunset] .stat-card{background:#f59e0b14;border-color:#f59e0b33}.new-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000d;display:flex;height:70px;height:var(--header-height);justify-content:space-between;padding:0 var(--space-8);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:50}[data-theme=dark] .new-header{box-shadow:0 1px 3px #0003}.new-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 4px 20px #00000014}[data-theme=dark] .new-header.scrolled{background:#0f172ae6;box-shadow:0 4px 20px #0000004d}.header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.header-page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xl);font-weight:var(--font-bold);gap:var(--space-3);letter-spacing:-.02em}.header-page-title-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--radius-lg);display:flex;font-size:var(--text-lg);height:36px;justify-content:center;width:36px}.header-breadcrumb{color:var(--text-secondary);font-size:var(--text-sm)}.header-breadcrumb,.header-breadcrumb-item{align-items:center;display:flex;gap:var(--space-2)}.header-breadcrumb-link{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.header-breadcrumb-link:hover{color:var(--color-primary-600)}.header-breadcrumb-separator{color:var(--text-muted);font-size:var(--text-xs)}.header-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-medium)}.header-search-wrapper{flex:0 1 320px;margin:0 var(--space-4);position:relative}.header-search{align-items:center;background:#1e293b;border:2px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 1px 2px #0000000d;display:flex;gap:10px;padding:8px 14px;transition:all .2s ease}[data-theme=light] .header-search{background:#fff;border-color:#e5e7eb}.header-search:hover{background:#2d3748;border-color:#fff3}.header-search.focused{background:#2d3748;border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626,inset 0 1px 2px #0000000d}[data-theme=light] .header-search:hover{background:#f9fafb;border-color:#d1d5db}[data-theme=light] .header-search.focused{background:#fff;border-color:#3b82f6}.header-search-icon{flex-shrink:0;font-size:14px;opacity:.5}.header-search.focused .header-search-icon{opacity:.8}.header-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none}.header-search-input::placeholder{color:var(--text-muted)}.header-search-clear{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.header-search-clear:hover{background:#ef444433;transform:scale(1.1)}.header-search-results{animation:headerSearchDropdown .2s ease;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}[data-theme=light] .header-search-results{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 40px #00000026}@keyframes headerSearchDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-search-result{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.header-search-result:last-child{border-bottom:none}.header-search-result:hover{background:#2d3748}[data-theme=light] .header-search-result:hover{background:#f3f4f6}.header-search-result-icon{align-items:center;background:var(--bg-muted);border-radius:8px;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.header-search-result-label{color:var(--text-primary);font-size:14px;font-weight:500}[data-theme-style=midnight] .header-search{background:#1a1428;border-color:#8b5cf64d}[data-theme-style=midnight] .header-search.focused{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}[data-theme-style=midnight] .header-search-results{background:#1a1428;border-color:#8b5cf64d}[data-theme-style=ocean] .header-search{background:#0a3d3c;border-color:#06b6d44d}[data-theme-style=ocean] .header-search.focused{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433}[data-theme-style=ocean] .header-search-results{background:#0a3d3c;border-color:#06b6d44d}[data-theme-style=sunset] .header-search{background:#292010;border-color:#f59e0b4d}[data-theme-style=sunset] .header-search.focused{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}[data-theme-style=sunset] .header-search-results{background:#292010;border-color:#f59e0b4d}.header-right,.header-search-btn{align-items:center;display:flex;gap:var(--space-3)}.header-search-btn{background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:var(--space-2) var(--space-4);transition:all .2s ease}.header-search-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.header-search-placeholder{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-normal)}.header-search-shortcut{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px}.header-notification-btn{align-items:center;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:42px;justify-content:center;position:relative;transition:all .2s ease;width:42px}.header-notification-btn:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary);transform:scale(1.05)}.header-notification-badge{align-items:center;background:linear-gradient(135deg,var(--color-error-500) 0,#ff6b6b 100%);border:2px solid var(--bg-card);border-radius:var(--radius-full);box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:var(--font-bold);height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.header-user{align-items:center;border:1px solid #0000;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all .2s ease}.header-user:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.header-user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);border-radius:var(--radius-full);box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:42px;justify-content:center;transition:all .3s ease;width:42px}.header-user:hover .header-user-avatar{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.header-user-info{display:flex;flex-direction:column;text-align:left}.header-user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.2}.header-user-role{color:var(--text-secondary);font-size:var(--text-xs);text-transform:capitalize}.header-user-dropdown{color:var(--text-muted);font-size:var(--text-xs);margin-left:var(--space-1);transition:transform .2s ease}.header-user:hover .header-user-dropdown{transform:translateY(2px)}.header-logout-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:all .2s ease;width:42px}.header-logout-btn:hover{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-600)}[data-theme=dark] .header-logout-btn:hover{background:#ef44441a;border-color:#ef44444d}.content-area{animation:contentFadeIn .4s ease-out;flex:1 1;padding:var(--space-8)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-wrapper{margin:0 auto;max-width:1600px;width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8)}.page-header-content{flex:1 1;min-width:200px}.page-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);gap:var(--space-3);letter-spacing:-.02em;margin:0 0 var(--space-2) 0}.page-title,.page-title-icon{align-items:center;display:flex}.page-title-icon{background:linear-gradient(135deg,#667eea26,#764ba21a);border-radius:var(--radius-xl);font-size:var(--text-2xl);height:48px;justify-content:center;width:48px}.page-subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0;max-width:600px}.page-header-actions{align-items:center;display:flex;gap:var(--space-3)}.cards-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-grid-2{grid-template-columns:repeat(2,1fr)}.cards-grid-3{grid-template-columns:repeat(3,1fr)}.cards-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.cards-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-grid-2,.cards-grid-3,.cards-grid-4{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-6);position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,var(--color-primary-500),#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--color-primary-200);box-shadow:0 8px 24px #667eea1f;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}[data-theme=dark] .stat-card:hover{border-color:var(--color-primary-700);box-shadow:0 8px 24px #667eea33}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba21a);border-radius:var(--radius-lg);display:flex;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.stat-card-trend{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.stat-card-trend--up{background:var(--color-success-100);color:var(--color-success-700)}.stat-card-trend--down{background:var(--color-error-100);color:var(--color-error-700)}[data-theme=dark] .stat-card-trend--up{background:#22c55e33;color:var(--color-success-200)}[data-theme=dark] .stat-card-trend--down{background:#ef444433;color:var(--color-error-200)}.stat-card-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-1)}.stat-card-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.mobile-menu-toggle{background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1.25rem}.mobile-menu-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:1024px){.main-content{margin-left:0;width:100%}.new-header{padding:0 var(--space-4)}.mobile-menu-toggle{display:flex}.header-search-placeholder,.header-search-shortcut,.header-user-info{display:none}.header-search-btn{padding:var(--space-2) var(--space-3)}.content-area{padding:var(--space-4)}.page-title{font-size:var(--text-2xl)}.page-title-icon{font-size:var(--text-xl);height:40px;width:40px}}@media (max-width:640px){.header-right{gap:var(--space-2)}.header-logout-btn,.header-notification-btn{font-size:1rem;height:38px;width:38px}.header-user-avatar{height:38px;width:38px}.page-header{flex-direction:column;gap:var(--space-4)}.page-header-actions{justify-content:flex-start;width:100%}.stat-card-value{font-size:var(--text-2xl)}}.content-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:400px}.content-loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary-500);height:48px;width:48px}.content-loading-text{color:var(--text-secondary);font-size:var(--text-sm)}.page-enter{opacity:0;transform:translateX(20px)}.page-enter-active{transition:all .3s ease-out}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-20px);transition:all .3s ease-out}.quick-actions{bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);position:fixed;right:var(--space-8);z-index:100}.quick-action-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);border:none;border-radius:var(--radius-full);box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.quick-action-btn:hover{box-shadow:0 8px 30px #667eea80;transform:scale(1.1)}.quick-action-btn:active{transform:scale(.95)}@media (max-width:640px){.quick-actions{bottom:var(--space-4);right:var(--space-4)}.quick-action-btn{font-size:1.25rem;height:48px;width:48px}}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}:root{--bg-primary:#f1f5f9;--bg-secondary:#e2e8f0;--bg-tertiary:#cbd5e1;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-input:#ffffffe6;--bg-input-focus:#fff;--bg-overlay:#00000080;--gradient-page:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#cbd5e1);--gradient-card:linear-gradient(145deg,#fffffff2,#f8fafce6);--gradient-header:linear-gradient(135deg,#ffffffe6,#f1f5f9d9);--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#f8fafc;--accent-primary:#dc2626;--accent-primary-light:#ef4444;--accent-primary-dark:#991b1b;--accent-gradient:linear-gradient(135deg,#dc2626,#991b1b);--accent-glow:#dc262626;--success:#16a34a;--success-light:#22c55e;--success-bg:#16a34a1a;--warning:#d97706;--warning-light:#f59e0b;--warning-bg:#d977061a;--error:#dc2626;--error-light:#ef4444;--error-bg:#dc26261a;--info:#2563eb;--info-light:#3b82f6;--info-bg:#2563eb1a;--border-light:#0000000f;--border-medium:#0000001a;--border-strong:#00000026;--border-accent:#dc26264d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-card:0 4px 20px #00000014;--shadow-card-hover:0 8px 30px #0000001f;--shadow-accent:0 4px 15px #dc262633;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--glass-blur:blur(20px);--stat-danger-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--stat-danger-border:#dc262633;--stat-danger-text:#991b1b;--stat-warning-bg:linear-gradient(135deg,#fffbeb,#fef3c7);--stat-warning-border:#d9770633;--stat-warning-text:#92400e;--stat-success-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--stat-success-border:#16a34a33;--stat-success-text:#166534;--stat-info-bg:linear-gradient(135deg,#eff6ff,#dbeafe);--stat-info-border:#2563eb33;--stat-info-text:#1e40af;--stat-purple-bg:linear-gradient(135deg,#faf5ff,#f3e8ff);--stat-purple-border:#9333ea33;--stat-purple-text:#7c3aed;--sidebar-bg:linear-gradient(180deg,#1e293b,#0f172a);--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-hover:#ffffff1a;--sidebar-active:#dc262633}[data-theme=dark]{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--bg-overlay:#000000b3;--gradient-page:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);--gradient-card:linear-gradient(145deg,#ffffff0d,#ffffff05);--gradient-header:linear-gradient(135deg,#ffffff0d,#ffffff05);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary:#ef4444;--accent-primary-light:#f87171;--accent-primary-dark:#dc2626;--accent-gradient:linear-gradient(135deg,#ef4444,#dc2626);--accent-glow:#ef444466;--success:#22c55e;--success-light:#4ade80;--success-bg:#22c55e26;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b26;--error:#ef4444;--error-light:#f87171;--error-bg:#ef444426;--info:#3b82f6;--info-light:#60a5fa;--info-bg:#3b82f626;--border-light:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff26;--border-accent:#ef444466;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006;--shadow-card:0 8px 32px #0006;--shadow-card-hover:0 12px 40px #00000080;--shadow-accent:0 8px 30px #ef444466;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-blur:blur(20px);--stat-danger-bg:linear-gradient(135deg,#ef444426,#dc26261a);--stat-danger-border:#ef44444d;--stat-danger-text:#fca5a5;--stat-warning-bg:linear-gradient(135deg,#f59e0b26,#d977061a);--stat-warning-border:#f59e0b4d;--stat-warning-text:#fcd34d;--stat-success-bg:linear-gradient(135deg,#22c55e26,#16a34a1a);--stat-success-border:#22c55e4d;--stat-success-text:#86efac;--stat-info-bg:linear-gradient(135deg,#3b82f626,#2563eb1a);--stat-info-border:#3b82f64d;--stat-info-text:#93c5fd;--stat-purple-bg:linear-gradient(135deg,#9333ea26,#7e22ce1a);--stat-purple-border:#9333ea4d;--stat-purple-text:#c4b5fd;--sidebar-bg:linear-gradient(180deg,#0f0f1a,#0a0a12);--sidebar-text:#f1f5f9;--sidebar-text-muted:#64748b;--sidebar-hover:#ffffff14;--sidebar-active:#ef444440}[data-theme-style=midnight]{--bg-primary:#0c0a1a;--bg-secondary:#1a1428;--bg-tertiary:#251a3d;--bg-card:#8a5cf60d;--bg-card-hover:#8a5cf61a;--bg-input:#8a5cf614;--bg-input-focus:#8a5cf61f;--bg-overlay:#0c0a1ad9;--bg-hover:#8a5cf61a;--bg-muted:#8a5cf614;--gradient-page:linear-gradient(135deg,#0c0a1a,#1a1428 50%,#251a3d);--gradient-card:linear-gradient(145deg,#8a5cf614,#8a5cf608);--gradient-header:linear-gradient(135deg,#8a5cf61a,#8a5cf60d);--text-primary:#f5f3ff;--text-secondary:#c4b5fd;--text-tertiary:#a78bfa;--text-muted:#7c3aed;--text-inverse:#0c0a1a;--accent-primary:#8b5cf6;--accent-primary-light:#a78bfa;--accent-primary-dark:#7c3aed;--accent-gradient:linear-gradient(135deg,#8b5cf6,#7c3aed);--accent-glow:#8b5cf666;--primary:#8b5cf6;--primary-light:#a78bfa;--success:#10b981;--success-light:#34d399;--success-bg:#10b98126;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b26;--error:#ef4444;--error-light:#f87171;--error-bg:#ef444426;--info:#8b5cf6;--info-light:#a78bfa;--info-bg:#8b5cf626;--border:#8a5cf633;--border-light:#8a5cf61a;--border-medium:#8a5cf633;--border-strong:#8a5cf64d;--border-subtle:#8a5cf626;--border-default:#8a5cf633;--border-hover:#8a5cf666;--border-accent:#8b5cf680;--shadow-sm:0 1px 2px #8b5cf61a;--shadow-md:0 4px 6px -1px #8b5cf626;--shadow-lg:0 10px 15px -3px #8b5cf633;--shadow-xl:0 20px 25px -5px #8b5cf640;--shadow-card:0 8px 32px #8b5cf626;--shadow-card-hover:0 12px 40px #8b5cf640;--shadow-accent:0 8px 30px #8b5cf666;--glass-bg:#8a5cf60d;--glass-border:#8a5cf626;--stat-danger-bg:linear-gradient(135deg,#ef444426,#dc26261a);--stat-danger-border:#ef44444d;--stat-danger-text:#fca5a5;--stat-warning-bg:linear-gradient(135deg,#f59e0b26,#d977061a);--stat-warning-border:#f59e0b4d;--stat-warning-text:#fcd34d;--stat-success-bg:linear-gradient(135deg,#10b98126,#0596691a);--stat-success-border:#10b9814d;--stat-success-text:#6ee7b7;--stat-info-bg:linear-gradient(135deg,#8b5cf626,#7c3aed1a);--stat-info-border:#8b5cf64d;--stat-info-text:#c4b5fd;--stat-purple-bg:linear-gradient(135deg,#a855f726,#9333ea1a);--stat-purple-border:#a855f74d;--stat-purple-text:#d8b4fe;--sidebar-bg:linear-gradient(180deg,#1a1428,#0c0a1a);--sidebar-text:#f5f3ff;--sidebar-text-muted:#a78bfa;--sidebar-hover:#8a5cf626;--sidebar-active:#8b5cf640;--color-primary-100:#8b5cf61a;--color-primary-200:#8b5cf633;--color-primary-300:#c4b5fd;--color-primary-400:#a78bfa;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-primary-700:#8b5cf6b3;--color-primary-800:#8b5cf6cc;--color-neutral-700:#1a1428;--color-neutral-800:#130f20;--color-neutral-900:#0c0a1a;--color-neutral-950:#080614}[data-theme-style=ocean]{--bg-primary:#042f2e;--bg-secondary:#0a3d3c;--bg-tertiary:#115e59;--bg-card:#06b6d40d;--bg-card-hover:#06b6d41a;--bg-input:#06b6d414;--bg-input-focus:#06b6d41f;--bg-overlay:#042f2ed9;--bg-hover:#06b6d41a;--bg-muted:#06b6d414;--gradient-page:linear-gradient(135deg,#042f2e,#0a3d3c 50%,#115e59);--gradient-card:linear-gradient(145deg,#06b6d414,#06b6d408);--gradient-header:linear-gradient(135deg,#06b6d41a,#06b6d40d);--text-primary:#ecfeff;--text-secondary:#a5f3fc;--text-tertiary:#67e8f9;--text-muted:#22d3ee;--text-inverse:#042f2e;--accent-primary:#06b6d4;--accent-primary-light:#22d3ee;--accent-primary-dark:#0891b2;--accent-gradient:linear-gradient(135deg,#06b6d4,#0891b2);--accent-glow:#06b6d466;--primary:#06b6d4;--primary-light:#22d3ee;--success:#10b981;--success-light:#34d399;--success-bg:#10b98126;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b26;--error:#ef4444;--error-light:#f87171;--error-bg:#ef444426;--info:#06b6d4;--info-light:#22d3ee;--info-bg:#06b6d426;--border:#06b6d433;--border-light:#06b6d41a;--border-medium:#06b6d433;--border-strong:#06b6d44d;--border-subtle:#06b6d426;--border-default:#06b6d433;--border-hover:#06b6d466;--border-accent:#06b6d480;--shadow-sm:0 1px 2px #06b6d41a;--shadow-md:0 4px 6px -1px #06b6d426;--shadow-lg:0 10px 15px -3px #06b6d433;--shadow-xl:0 20px 25px -5px #06b6d440;--shadow-card:0 8px 32px #06b6d426;--shadow-card-hover:0 12px 40px #06b6d440;--shadow-accent:0 8px 30px #06b6d466;--glass-bg:#06b6d40d;--glass-border:#06b6d426;--stat-danger-bg:linear-gradient(135deg,#ef444426,#dc26261a);--stat-danger-border:#ef44444d;--stat-danger-text:#fca5a5;--stat-warning-bg:linear-gradient(135deg,#f59e0b26,#d977061a);--stat-warning-border:#f59e0b4d;--stat-warning-text:#fcd34d;--stat-success-bg:linear-gradient(135deg,#10b98126,#0596691a);--stat-success-border:#10b9814d;--stat-success-text:#6ee7b7;--stat-info-bg:linear-gradient(135deg,#06b6d426,#0891b21a);--stat-info-border:#06b6d44d;--stat-info-text:#a5f3fc;--stat-purple-bg:linear-gradient(135deg,#a855f726,#9333ea1a);--stat-purple-border:#a855f74d;--stat-purple-text:#d8b4fe;--sidebar-bg:linear-gradient(180deg,#0a3d3c,#042f2e);--sidebar-text:#ecfeff;--sidebar-text-muted:#67e8f9;--sidebar-hover:#06b6d426;--sidebar-active:#06b6d440;--color-primary-100:#06b6d41a;--color-primary-200:#06b6d433;--color-primary-300:#a5f3fc;--color-primary-400:#22d3ee;--color-primary-500:#06b6d4;--color-primary-600:#0891b2;--color-primary-700:#06b6d4b3;--color-primary-800:#06b6d4cc;--color-neutral-700:#0a3d3c;--color-neutral-800:#063634;--color-neutral-900:#042f2e;--color-neutral-950:#021f1e}[data-theme=light][data-theme-style=ocean]{--bg-primary:#ecfeff;--bg-secondary:#cffafe;--bg-tertiary:#a5f3fc;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-hover:#06b6d41a;--bg-muted:#06b6d40d;--text-primary:#042f2e;--text-secondary:#0a3d3c;--text-tertiary:#115e59;--text-muted:#0891b2;--gradient-page:linear-gradient(135deg,#ecfeff,#cffafe 50%,#a5f3fc);--border:#06b6d433;--border-light:#06b6d41a;--border-subtle:#06b6d426;--border-default:#06b6d433;--sidebar-bg:linear-gradient(180deg,#0a3d3c,#042f2e)}[data-theme-style=sunset]{--bg-primary:#1c1408;--bg-secondary:#292010;--bg-tertiary:#3d2e14;--bg-card:#f59e0b0d;--bg-card-hover:#f59e0b1a;--bg-input:#f59e0b14;--bg-input-focus:#f59e0b1f;--bg-overlay:#1c1408d9;--bg-hover:#f59e0b1a;--bg-muted:#f59e0b14;--gradient-page:linear-gradient(135deg,#1c1408,#292010 50%,#3d2e14);--gradient-card:linear-gradient(145deg,#f59e0b14,#f59e0b08);--gradient-header:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);--text-primary:#fffbeb;--text-secondary:#fde68a;--text-tertiary:#fbbf24;--text-muted:#f59e0b;--text-inverse:#1c1408;--accent-primary:#f59e0b;--accent-primary-light:#fbbf24;--accent-primary-dark:#d97706;--accent-gradient:linear-gradient(135deg,#f59e0b,#d97706);--accent-glow:#f59e0b66;--primary:#f59e0b;--primary-light:#fbbf24;--success:#10b981;--success-light:#34d399;--success-bg:#10b98126;--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:#f59e0b26;--error:#ef4444;--error-light:#f87171;--error-bg:#ef444426;--info:#f59e0b;--info-light:#fbbf24;--info-bg:#f59e0b26;--border:#f59e0b33;--border-light:#f59e0b1a;--border-medium:#f59e0b33;--border-strong:#f59e0b4d;--border-subtle:#f59e0b26;--border-default:#f59e0b33;--border-hover:#f59e0b66;--border-accent:#f59e0b80;--shadow-sm:0 1px 2px #f59e0b1a;--shadow-md:0 4px 6px -1px #f59e0b26;--shadow-lg:0 10px 15px -3px #f59e0b33;--shadow-xl:0 20px 25px -5px #f59e0b40;--shadow-card:0 8px 32px #f59e0b26;--shadow-card-hover:0 12px 40px #f59e0b40;--shadow-accent:0 8px 30px #f59e0b66;--glass-bg:#f59e0b0d;--glass-border:#f59e0b26;--stat-danger-bg:linear-gradient(135deg,#ef444426,#dc26261a);--stat-danger-border:#ef44444d;--stat-danger-text:#fca5a5;--stat-warning-bg:linear-gradient(135deg,#f59e0b33,#d9770626);--stat-warning-border:#f59e0b66;--stat-warning-text:#fde68a;--stat-success-bg:linear-gradient(135deg,#10b98126,#0596691a);--stat-success-border:#10b9814d;--stat-success-text:#6ee7b7;--stat-info-bg:linear-gradient(135deg,#f59e0b26,#d977061a);--stat-info-border:#f59e0b4d;--stat-info-text:#fde68a;--stat-purple-bg:linear-gradient(135deg,#a855f726,#9333ea1a);--stat-purple-border:#a855f74d;--stat-purple-text:#d8b4fe;--sidebar-bg:linear-gradient(180deg,#292010,#1c1408);--sidebar-text:#fffbeb;--sidebar-text-muted:#fbbf24;--sidebar-hover:#f59e0b26;--sidebar-active:#f59e0b40;--color-primary-100:#f59e0b1a;--color-primary-200:#f59e0b33;--color-primary-300:#fde68a;--color-primary-400:#fbbf24;--color-primary-500:#f59e0b;--color-primary-600:#d97706;--color-primary-700:#f59e0bb3;--color-primary-800:#f59e0bcc;--color-neutral-700:#292010;--color-neutral-800:#221a0c;--color-neutral-900:#1c1408;--color-neutral-950:#140e04}[data-theme=light][data-theme-style=sunset]{--bg-primary:#fffbeb;--bg-secondary:#fef3c7;--bg-tertiary:#fde68a;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-hover:#f59e0b1a;--bg-muted:#f59e0b0d;--text-primary:#1c1408;--text-secondary:#292010;--text-tertiary:#78350f;--text-muted:#d97706;--gradient-page:linear-gradient(135deg,#fffbeb,#fef3c7 50%,#fde68a);--border:#f59e0b33;--border-light:#f59e0b1a;--border-subtle:#f59e0b26;--border-default:#f59e0b33;--sidebar-bg:linear-gradient(180deg,#292010,#1c1408)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e2e8f0;background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-tertiary)}::selection{background:#dc2626;background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--accent-primary);outline-offset:2px}.form-input,.form-select,.ventes-input,.ventes-select,input,select,textarea{background:#ffffffe6!important;background:var(--bg-input,var(--bg-card))!important;border-color:#0000001a!important;border-color:var(--border,var(--border-medium))!important;color:#1e293b!important;color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:#94a3b8!important;color:var(--text-muted)!important}input:focus,select:focus,textarea:focus{border-color:#dc2626!important;border-color:var(--accent-primary,var(--primary))!important;box-shadow:0 0 0 3px #dc262626!important;box-shadow:0 0 0 3px var(--accent-glow,#3b82f633)!important}[data-theme-style=ocean] .form-input,[data-theme-style=ocean] .form-select,[data-theme-style=ocean] .ventes-input,[data-theme-style=ocean] .ventes-select,[data-theme-style=ocean] input,[data-theme-style=ocean] select,[data-theme-style=ocean] textarea{background:#0a3d3c!important;border-color:#06b6d44d!important;color:#ecfeff!important}[data-theme-style=ocean] input::placeholder,[data-theme-style=ocean] textarea::placeholder{color:#67e8f9!important}[data-theme-style=ocean] input:focus,[data-theme-style=ocean] select:focus,[data-theme-style=ocean] textarea:focus{border-color:#06b6d4!important;box-shadow:0 0 0 3px #06b6d440!important}[data-theme-style=ocean] select option{background:#0a3d3c!important;color:#ecfeff!important}[data-theme-style=sunset] .form-input,[data-theme-style=sunset] .form-select,[data-theme-style=sunset] .ventes-input,[data-theme-style=sunset] .ventes-select,[data-theme-style=sunset] input,[data-theme-style=sunset] select,[data-theme-style=sunset] textarea{background:#292010!important;border-color:#f59e0b4d!important;color:#fffbeb!important}[data-theme-style=sunset] input::placeholder,[data-theme-style=sunset] textarea::placeholder{color:#fbbf24!important}[data-theme-style=sunset] input:focus,[data-theme-style=sunset] select:focus,[data-theme-style=sunset] textarea:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b40!important}[data-theme-style=sunset] select option{background:#292010!important;color:#fffbeb!important}[data-theme-style=ocean] .card,[data-theme-style=ocean] .ventes-card,[data-theme-style=ocean] [class*=card]{background:#06b6d414!important;border-color:#06b6d433!important}[data-theme-style=sunset] .card,[data-theme-style=sunset] .ventes-card,[data-theme-style=sunset] [class*=card]{background:#f59e0b14!important;border-color:#f59e0b33!important}[data-theme-style=ocean] .nav-tab,[data-theme-style=ocean] .ventes-tab{color:#a5f3fc}[data-theme-style=ocean] .nav-tab.active,[data-theme-style=ocean] .ventes-tab.active{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#fff!important}[data-theme-style=sunset] .nav-tab,[data-theme-style=sunset] .ventes-tab{color:#fde68a}[data-theme-style=sunset] .nav-tab.active,[data-theme-style=sunset] .ventes-tab.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}[data-theme-style] h1,[data-theme-style] h2,[data-theme-style] h3,[data-theme-style] h4,[data-theme-style] h5,[data-theme-style] h6{color:#1e293b!important;color:var(--text-primary)!important}[data-theme-style] .label,[data-theme-style] label,[data-theme-style] p,[data-theme-style] span:not([class*=icon]){color:#1e293b;color:var(--text-primary)}[data-theme-style] .subtitle,[data-theme-style] .text-secondary,[data-theme-style] small{color:#475569!important;color:var(--text-secondary)!important}[data-theme-style] .helper-text,[data-theme-style] .hint,[data-theme-style] .text-muted{color:#94a3b8!important;color:var(--text-muted)!important}[data-theme-style=ocean]{--contrast-bg-light:#115e59;--contrast-text-on-light:#ecfeff;--contrast-text-on-dark:#d4f4f5}[data-theme-style=ocean] .card,[data-theme-style=ocean] .dropdown-menu,[data-theme-style=ocean] .modal{color:#ecfeff}[data-theme-style=ocean] .card-header,[data-theme-style=ocean] .card-title,[data-theme-style=ocean] .modal-title{color:#ecfeff!important}[data-theme-style=ocean] .card-description,[data-theme-style=ocean] .card-subtitle{color:#a5f3fc!important}[data-theme-style=ocean] table th{background:#06b6d433!important;color:#ecfeff!important}[data-theme-style=ocean] table td{border-color:#06b6d426!important;color:#d4f4f5!important}[data-theme-style=ocean] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger){border-color:#06b6d44d;color:#ecfeff}[data-theme-style=sunset]{--contrast-bg-light:#3d2e14;--contrast-text-on-light:#fffbeb;--contrast-text-on-dark:#f5e6c8}[data-theme-style=sunset] .card,[data-theme-style=sunset] .dropdown-menu,[data-theme-style=sunset] .modal{color:#fffbeb}[data-theme-style=sunset] .card-header,[data-theme-style=sunset] .card-title,[data-theme-style=sunset] .modal-title{color:#fffbeb!important}[data-theme-style=sunset] .card-description,[data-theme-style=sunset] .card-subtitle{color:#fde68a!important}[data-theme-style=sunset] table th{background:#f59e0b33!important;color:#fffbeb!important}[data-theme-style=sunset] table td{border-color:#f59e0b26!important;color:#f5e6c8!important}[data-theme-style=sunset] .btn:not(.btn-primary):not(.btn-success):not(.btn-danger){border-color:#f59e0b4d;color:#fffbeb}[data-theme-style] .badge,[data-theme-style] .tag{font-weight:600}[data-theme-style] .badge-success,[data-theme-style] .tag-success{background:#10b98133!important;border:1px solid #10b9814d;color:#6ee7b7!important}[data-theme-style] .badge-warning,[data-theme-style] .tag-warning{background:#f59e0b33!important;border:1px solid #f59e0b4d;color:#fcd34d!important}[data-theme-style] .badge-danger,[data-theme-style] .badge-error,[data-theme-style] .tag-danger{background:#ef444433!important;border:1px solid #ef44444d;color:#fca5a5!important}[data-theme-style] .badge-info,[data-theme-style] .tag-info{background:#3b82f633!important;border:1px solid #3b82f64d;color:#93c5fd!important}[data-theme-style] .alert{border-style:solid;border-width:1px}[data-theme-style] .alert-success{background:#10b98126!important;border-color:#10b9814d!important;color:#6ee7b7!important}[data-theme-style] .alert-warning{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#fcd34d!important}[data-theme-style] .alert-danger,[data-theme-style] .alert-error{background:#ef444426!important;border-color:#ef44444d!important;color:#fca5a5!important}[data-theme-style] .alert-info{background:#3b82f626!important;border-color:#3b82f64d!important;color:#93c5fd!important}[data-theme-style] .popover,[data-theme-style] .tooltip,[data-theme-style] [role=tooltip]{background:#fffffff2!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;box-shadow:0 4px 20px #0000004d;color:#1e293b!important;color:var(--text-primary)!important}[data-theme-style=midnight] a:not(.btn){color:#a78bfa}[data-theme-style=midnight] a:not(.btn):hover{color:#c4b5fd}[data-theme-style=ocean] a:not(.btn){color:#22d3ee}[data-theme-style=ocean] a:not(.btn):hover{color:#67e8f9}[data-theme-style=sunset] a:not(.btn){color:#fbbf24}[data-theme-style=sunset] a:not(.btn):hover{color:#fcd34d}[data-theme-style=midnight] .stat-card .stat-label,[data-theme-style=midnight] .stat-card .stat-value{color:#f5f3ff!important}[data-theme-style=ocean] .stat-card .stat-label,[data-theme-style=ocean] .stat-card .stat-value{color:#ecfeff!important}[data-theme-style=sunset] .stat-card .stat-label,[data-theme-style=sunset] .stat-card .stat-value{color:#fffbeb!important}[data-theme-style] .header,[data-theme-style] .new-header{color:#1e293b;color:var(--text-primary)}[data-theme-style] .header-user-name{color:#1e293b!important;color:var(--text-primary)!important}[data-theme-style] .header-user-role{color:#475569!important;color:var(--text-secondary)!important}.sidebar{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-elevated) 100%);border-right:1px solid var(--border-subtle);bottom:0;box-shadow:4px 0 24px #0000000d;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;width:var(--sidebar-width,280px);z-index:var(--z-sticky)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,var(--color-neutral-900) 0,var(--color-neutral-950) 100%);box-shadow:4px 0 24px #0000004d}.sidebar-header{background:linear-gradient(135deg,#667eea0d,#0000);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-header:before{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400),#764ba2);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}[data-theme=dark] .sidebar-header{background:linear-gradient(135deg,#667eea1a,#0000)}.sidebar-logo{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.sidebar-logo,.sidebar-logo-icon{align-items:center;display:flex;position:relative}.sidebar-logo-icon{background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);border-radius:var(--radius-xl);box-shadow:0 4px 12px #667eea4d,0 0 0 3px #667eea1a;color:#fff;flex-shrink:0;font-size:var(--text-xl);font-weight:var(--font-bold);height:48px;justify-content:center;transition:all .3s ease;width:48px}.sidebar-logo-icon:after{background:linear-gradient(135deg,var(--color-primary-400),#764ba2);border-radius:var(--radius-xl);content:"";inset:-3px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.sidebar-logo:hover .sidebar-logo-icon{box-shadow:0 6px 16px #667eea66,0 0 0 4px #667eea26;transform:scale(1.05) rotate(-3deg)}.sidebar-logo:hover .sidebar-logo-icon:after{opacity:.3}.sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--color-primary-600) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .sidebar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#93c5fd);-webkit-background-clip:text;background-clip:text}.sidebar-search-container{padding:12px 16px;position:relative;z-index:10}.sidebar-search{align-items:center;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:#1e293b!important;background-image:none!important;border:2px solid #3b82f64d!important;border-radius:12px;box-shadow:0 2px 8px #00000026,inset 0 1px 2px #0000001a;display:flex;gap:10px;opacity:1!important;padding:10px 14px;transition:all .2s ease}.sidebar-search:hover{border-color:#3b82f680!important}.sidebar-search.focused,.sidebar-search:hover{background-color:#334155!important;background-image:none!important}.sidebar-search.focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f633,0 2px 8px #00000026}.sidebar-search[data-theme=light],[data-theme=light] .sidebar-search,body[data-theme=light] .sidebar-search,html[data-theme=light] .sidebar-search{background-color:#f1f5f9!important;background-image:none!important;border:2px solid #d1d5db!important;box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #0000000d}[data-theme=light] .sidebar-search:hover,body[data-theme=light] .sidebar-search:hover{background-color:#e2e8f0!important;background-image:none!important;border-color:#9ca3af!important}[data-theme=light] .sidebar-search.focused,body[data-theme=light] .sidebar-search.focused{background-color:#fff!important;background-image:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626,0 2px 8px #00000014}[data-theme=light] .sidebar-search-input,body[data-theme=light] .sidebar-search-input{background:#0000!important;color:#1e293b!important}[data-theme=light] .sidebar-search-icon,[data-theme=light] .sidebar-search-input::placeholder,body[data-theme=light] .sidebar-search-icon,body[data-theme=light] .sidebar-search-input::placeholder{color:#64748b!important}[data-theme-style=ocean] .sidebar-search{background:#0a3d3c!important;border-color:#06b6d466!important}[data-theme-style=ocean] .sidebar-search.focused,[data-theme-style=ocean] .sidebar-search:hover{background:#115e59!important;border-color:#06b6d4!important}[data-theme-style=midnight] .sidebar-search{background:#1a1428!important;border-color:#8b5cf666!important}[data-theme-style=midnight] .sidebar-search.focused,[data-theme-style=midnight] .sidebar-search:hover{background:#2d2342!important;border-color:#8b5cf6!important}[data-theme-style=sunset] .sidebar-search{background:#292010!important;border-color:#f59e0b66!important}[data-theme-style=sunset] .sidebar-search.focused,[data-theme-style=sunset] .sidebar-search:hover{background:#3d2e14!important;border-color:#f59e0b!important}.sidebar-search-icon{flex-shrink:0;font-size:14px;opacity:.5;transition:opacity .2s ease}.sidebar-search.focused .sidebar-search-icon{opacity:.8}.sidebar-search-input{background:#0000;border:none;color:#f1f5f9;color:var(--sidebar-text,#f1f5f9);flex:1 1;font-size:14px;font-weight:400;letter-spacing:.01em;min-width:0;outline:none}[data-theme=light] .sidebar-search-input{color:var(--text-primary)}.sidebar-search-input::placeholder{color:#64748b;color:var(--sidebar-text-muted,#64748b);font-weight:400}.sidebar-search-clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;color:var(--sidebar-text-muted,#94a3b8);cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.sidebar-search-clear:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.sidebar-search-results{animation:searchDropdown .2s cubic-bezier(.4,0,.2,1);background:#1e293b;background:var(--bg-card,#1e293b);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff0d;left:var(--space-4);max-height:360px;overflow-x:hidden;overflow-y:auto;position:absolute;right:var(--space-4);top:calc(100% + 4px);z-index:1000}@keyframes searchDropdown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=light] .sidebar-search-results{background:#fff;border-color:#e2e8f0;border-color:var(--border,#e2e8f0);box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d}.sidebar-search-result{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all .15s ease;width:100%}[data-theme=light] .sidebar-search-result{border-bottom-color:#0000000d}.sidebar-search-result:last-child{border-bottom:none}.sidebar-search-result:hover{background:linear-gradient(90deg,#3b82f61f,#8b5cf614 50%,#0000)}.sidebar-search-result:active{transform:scale(.99)}.sidebar-search-result-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border:1px solid #3b82f633;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.sidebar-search-result-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-search-result-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-search-result-category{color:#64748b;color:var(--text-muted,#64748b);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sidebar-search-no-results{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;flex-direction:column;font-size:13px;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.sidebar-search-no-results:before{content:"🔍";font-size:24px;opacity:.5}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--space-4) var(--space-3)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000;margin:var(--space-2) 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full);-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.sidebar-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);margin-bottom:var(--space-1);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-nav-item:hover{background:#0000;border-color:var(--border-default);color:var(--text-primary);transform:translateX(4px)}[data-theme=dark] .sidebar-nav-item:hover{border-color:var(--border-strong)}[data-theme-style=ocean] .sidebar-nav-item:hover{border-color:#06b6d466}[data-theme-style=midnight] .sidebar-nav-item:hover{border-color:#8b5cf666}[data-theme-style=sunset] .sidebar-nav-item:hover{border-color:#f59e0b66}.sidebar-nav-item.active{background:linear-gradient(135deg,#667eea1f,#764ba214);box-shadow:0 2px 8px #667eea26,inset 0 0 0 1px #667eea1a;color:var(--color-primary-600);font-weight:var(--font-semibold)}[data-theme=dark] .sidebar-nav-item.active{background:linear-gradient(135deg,#667eea33,#764ba226);box-shadow:0 2px 8px #667eea33,inset 0 0 0 1px #667eea26;color:var(--color-primary-300)}.sidebar-nav-item.active:after{background:linear-gradient(180deg,var(--color-primary-500) 0,#764ba2 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:2px 0 8px #667eea66;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-nav-item-icon{align-items:center;background:var(--bg-muted);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--text-lg);height:28px;justify-content:center;transition:all .3s ease;width:28px}.sidebar-nav-item:hover .sidebar-nav-item-icon{background:var(--bg-muted);transform:scale(1.1)}.sidebar-nav-item.active .sidebar-nav-item-icon{background:linear-gradient(135deg,var(--color-primary-100) 0,#764ba233 100%)}[data-theme=dark] .sidebar-nav-item.active .sidebar-nav-item-icon{background:linear-gradient(135deg,#667eea4d,#764ba233)}.sidebar-nav-item--parent{justify-content:space-between}.sidebar-nav-item--parent .sidebar-nav-item-content{align-items:center;display:flex;gap:var(--space-3)}.sidebar-nav-chevron{color:var(--text-muted);font-size:var(--text-xs);opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav-item--parent:hover .sidebar-nav-chevron{color:var(--color-primary-500);opacity:1}.sidebar-nav-item--parent.open .sidebar-nav-chevron{color:var(--color-primary-500);opacity:1;transform:rotate(180deg)}.sidebar-nav-item--parent.open{background:var(--bg-muted);color:var(--text-primary);font-weight:var(--font-semibold)}.sidebar-submenu{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(to right,var(--border-subtle),#0000) border-box;border-image:linear-gradient(180deg,var(--color-primary-200),#0000) 1;border-left:2px solid #0000;margin-bottom:var(--space-3);margin-left:var(--space-5);margin-top:var(--space-2);padding-left:var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .sidebar-submenu{border-image:linear-gradient(180deg,var(--color-primary-800),#0000) 1}.sidebar-submenu .sidebar-nav-item{font-size:var(--text-sm);margin-bottom:2px;padding:var(--space-2) var(--space-3)}.sidebar-submenu .sidebar-nav-item-icon{font-size:var(--text-base);height:24px;width:24px}.sidebar-submenu .sidebar-nav-item.active:after{height:50%;left:-18px;width:3px}.sidebar-section-divider{background:linear-gradient(90deg,#0000,var(--border-subtle),#0000);height:1px;margin:var(--space-4) var(--space-4)}.sidebar-section-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.1em;margin-bottom:var(--space-1);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);text-transform:uppercase}.sidebar-footer{background:linear-gradient(180deg,#0000,#667eea08);border-top:1px solid var(--border-subtle);padding:var(--space-4)}[data-theme=dark] .sidebar-footer{background:linear-gradient(180deg,#0000,#667eea0d)}.sidebar-theme-toggle{align-items:center;background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-theme-toggle:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar-theme-toggle:hover:before{left:100%}.sidebar-theme-toggle:hover{background:linear-gradient(135deg,var(--bg-hover) 0,#667eea1a 100%);border-color:var(--color-primary-200);box-shadow:0 4px 12px #667eea26;color:var(--text-primary);transform:translateY(-2px)}[data-theme=dark] .sidebar-theme-toggle:hover{border-color:var(--color-primary-700);box-shadow:0 4px 12px #667eea40}.sidebar-theme-toggle-icon{font-size:var(--text-xl);transition:transform .3s ease}.sidebar-theme-toggle:hover .sidebar-theme-toggle-icon{transform:rotate(20deg) scale(1.1)}.sidebar-user{align-items:center;background:linear-gradient(135deg,var(--bg-muted) 0,#667eea0d 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);transition:all .3s ease}.sidebar-user:hover{border-color:var(--color-primary-200);box-shadow:0 2px 8px #667eea1a}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,#764ba2 100%);border-radius:var(--radius-full);box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--text-muted);font-size:var(--text-xs);text-transform:capitalize}.sidebar-nav-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-error-500) 0,#ff6b6b 100%);border-radius:var(--radius-full);box-shadow:0 2px 6px #ef444466;color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);margin-left:auto;padding:3px 8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:calc(var(--z-sticky) - 1)}.sidebar-overlay.open{display:block;opacity:1}@media (max-width:1024px){.sidebar{box-shadow:8px 0 32px #0003;transform:translateX(-100%);width:300px}.sidebar.open{transform:translateX(0)}}.sidebar.compact{width:80px}.sidebar.compact .sidebar-logo-text,.sidebar.compact .sidebar-nav-chevron,.sidebar.compact .sidebar-nav-item span:not(.sidebar-nav-item-icon),.sidebar.compact .sidebar-submenu,.sidebar.compact .sidebar-theme-toggle span:not(.sidebar-theme-toggle-icon),.sidebar.compact .sidebar-user-info{display:none}.sidebar.compact .sidebar-nav-item{justify-content:center;padding:var(--space-3)}.sidebar.compact .sidebar-nav-item-icon{font-size:var(--text-xl);height:36px;width:36px}.sidebar.compact .sidebar-logo{justify-content:center;padding:var(--space-5)}.sidebar.compact .sidebar-logo-icon{height:44px;width:44px}.sidebar.compact .sidebar-theme-toggle,.sidebar.compact .sidebar-user{justify-content:center;padding:var(--space-3)}.sidebar.compact .sidebar-nav-item{position:relative}.sidebar.compact .sidebar-nav-item:after{background:var(--color-neutral-800);border-radius:var(--radius-md);box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:var(--text-xs);font-weight:var(--font-medium);left:100%;margin-left:var(--space-3);opacity:0;padding:var(--space-2) var(--space-3);position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.sidebar.compact .sidebar-nav-item:hover:after{opacity:1;visibility:visible}.sidebar-nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500);outline:none}.sidebar-theme-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-primary-500);outline:none}.sidebar-loading{align-items:center;display:flex;justify-content:center;padding:var(--space-8)}.sidebar-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary-500);height:32px;width:32px}.sidebar-nav-item{animation:fadeInUp .3s ease forwards;opacity:0}.sidebar-nav-item:first-child{animation-delay:.05s}.sidebar-nav-item:nth-child(2){animation-delay:.1s}.sidebar-nav-item:nth-child(3){animation-delay:.15s}.sidebar-nav-item:nth-child(4){animation-delay:.2s}.sidebar-nav-item:nth-child(5){animation-delay:.25s}.sidebar-nav-item:nth-child(6){animation-delay:.3s}.sidebar-nav-item:nth-child(7){animation-delay:.35s}.sidebar-nav-item:nth-child(8){animation-delay:.4s}.sidebar-nav-item:nth-child(9){animation-delay:.45s}.sidebar-nav-item:nth-child(10){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-submenu .sidebar-nav-item{animation:none;opacity:1}.sidebar-submenu-divider{align-items:center;display:flex;gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3)}.sidebar-submenu-divider:after,.sidebar-submenu-divider:before{background:var(--border-subtle);content:"";flex:1 1;height:1px}.sidebar-submenu-divider span{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sidebar-nav-item--parent[data-color=blue].open{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-left:3px solid #3b82f6}.sidebar-nav-item--parent[data-color=blue].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#3b82f633,#2563eb1a)}.sidebar-submenu[data-color=blue]{border-image:linear-gradient(180deg,#3b82f6,#0000) 1}.sidebar-nav-item--parent[data-color=gold].open{background:linear-gradient(135deg,#eab30826,#ca8a0414);border-left:3px solid #eab308}.sidebar-nav-item--parent[data-color=gold].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#eab30840,#ca8a0426)}.sidebar-submenu[data-color=gold]{border-image:linear-gradient(180deg,#eab308,#0000) 1}.sidebar-nav-item--parent[data-color=green].open{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-left:3px solid #22c55e}.sidebar-nav-item--parent[data-color=green].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#22c55e33,#16a34a1a)}.sidebar-submenu[data-color=green]{border-image:linear-gradient(180deg,#22c55e,#0000) 1}.sidebar-nav-item--parent[data-color=purple].open{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-left:3px solid #a855f7}.sidebar-nav-item--parent[data-color=purple].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#a855f733,#9333ea1a)}.sidebar-submenu[data-color=purple]{border-image:linear-gradient(180deg,#a855f7,#0000) 1}.sidebar-nav-item--parent[data-color=amber].open{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border-left:3px solid #f59e0b}.sidebar-nav-item--parent[data-color=amber].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#f59e0b33,#d977061a)}.sidebar-submenu[data-color=amber]{border-image:linear-gradient(180deg,#f59e0b,#0000) 1}.sidebar-nav-item--parent[data-color=red].open{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-left:3px solid #ef4444}.sidebar-nav-item--parent[data-color=red].open .sidebar-nav-item-icon{background:linear-gradient(135deg,#ef444433,#dc26261a)}.sidebar-submenu[data-color=red]{border-image:linear-gradient(180deg,#ef4444,#0000) 1}[data-theme=dark] .sidebar-nav-item--parent[data-color=blue].open{background:linear-gradient(135deg,#3b82f626,#2563eb14)}[data-theme=dark] .sidebar-nav-item--parent[data-color=gold].open{background:linear-gradient(135deg,#eab30833,#ca8a041f)}[data-theme=dark] .sidebar-nav-item--parent[data-color=green].open{background:linear-gradient(135deg,#22c55e26,#16a34a14)}[data-theme=dark] .sidebar-nav-item--parent[data-color=purple].open{background:linear-gradient(135deg,#a855f726,#9333ea14)}[data-theme=dark] .sidebar-nav-item--parent[data-color=amber].open{background:linear-gradient(135deg,#f59e0b26,#d9770614)}[data-theme=dark] .sidebar-nav-item--parent[data-color=red].open{background:linear-gradient(135deg,#ef444426,#dc262614)}.sidebar-separator{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4) var(--space-5)}.sidebar-separator-line{background:linear-gradient(90deg,#0000,var(--color-amber-500),#0000);flex:1 1;height:1px}.sidebar-separator-text{color:var(--color-amber-500);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.sidebar-nav-item--archive{background:linear-gradient(135deg,#f59e0b1a,#d977060d)!important;border:1px solid #f59e0b33!important;border-radius:var(--radius-lg)!important;margin:var(--space-2) var(--space-3);overflow:hidden;position:relative}.sidebar-nav-item--archive:before{background:linear-gradient(180deg,var(--color-amber-400),var(--color-amber-600));border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-nav-item--archive:hover{background:linear-gradient(135deg,#f59e0b33,#d977061a)!important;border-color:#f59e0b66!important;transform:translateX(4px)}.sidebar-nav-item--archive.active{background:linear-gradient(135deg,#f59e0b40,#d9770626)!important;border-color:var(--color-amber-500)!important;box-shadow:0 4px 15px #f59e0b33}.sidebar-nav-item--archive .sidebar-nav-item-icon{font-size:1.25rem}.sidebar-archive-badge{background:linear-gradient(135deg,var(--color-amber-500),var(--color-amber-600));border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:2px 8px;text-transform:uppercase}[data-theme=dark] .sidebar-separator-line{background:linear-gradient(90deg,#0000,var(--color-amber-400),#0000)}[data-theme=dark] .sidebar-separator-text{color:var(--color-amber-400)}[data-theme=dark] .sidebar-nav-item--archive{background:linear-gradient(135deg,#f59e0b26,#d9770614)!important;border-color:#f59e0b40!important}[data-theme=dark] .sidebar-nav-item--archive:hover{background:linear-gradient(135deg,#f59e0b40,#d9770626)!important;border-color:#f59e0b66!important}[data-theme=dark] .sidebar-nav-item--archive.active{background:linear-gradient(135deg,#f59e0b4d,#d9770633)!important;box-shadow:0 4px 20px #f59e0b40}.sidebar-nav-standalone{border-top:1px solid var(--border-subtle);margin-top:auto;padding:var(--space-3) var(--space-3)}.sidebar-nav-standalone .sidebar-nav-item{background:linear-gradient(135deg,#0ea5e91a,#06b6d40d);border:1px solid #0ea5e933;border-radius:var(--radius-lg);overflow:hidden;position:relative}.sidebar-nav-standalone .sidebar-nav-item:before{background:linear-gradient(180deg,#0ea5e9,#06b6d4);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-nav-standalone .sidebar-nav-item:hover{background:linear-gradient(135deg,#0ea5e933,#06b6d41a);border-color:#0ea5e966;transform:translateX(4px)}.sidebar-nav-standalone .sidebar-nav-item.active{background:linear-gradient(135deg,#0ea5e940,#06b6d426);border-color:#0ea5e9;box-shadow:0 4px 15px #0ea5e933}[data-theme=dark] .sidebar-nav-standalone .sidebar-nav-item{background:linear-gradient(135deg,#0ea5e926,#06b6d414);border-color:#0ea5e940}[data-theme=dark] .sidebar-nav-standalone .sidebar-nav-item:hover{background:linear-gradient(135deg,#0ea5e940,#06b6d426);border-color:#0ea5e966}[data-theme=dark] .sidebar-nav-standalone .sidebar-nav-item.active{background:linear-gradient(135deg,#0ea5e94d,#06b6d433);box-shadow:0 4px 20px #0ea5e940}.sidebar-collapse-btn{align-items:center;background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:center;margin:0 16px 12px;padding:8px 16px;transition:all .2s ease}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,#3b82f640,#3b82f626);border-color:#3b82f680}.sidebar-collapse-btn:active{transform:scale(.98)}.sidebar-collapse-btn svg{flex-shrink:0;transition:transform .3s ease}.sidebar-collapse-text{white-space:nowrap}.sidebar.compact .sidebar-collapse-btn{border-radius:10px;height:40px;margin:0 auto 12px;padding:10px;width:40px}.sidebar.compact .sidebar-collapse-text{display:none}[data-theme=light] .sidebar-collapse-btn{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f640;color:#2563eb}[data-theme=light] .sidebar-collapse-btn:hover{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666}[data-theme-style=ocean] .sidebar-collapse-btn{background:linear-gradient(135deg,#06b6d426,#06b6d414);border-color:#06b6d44d;color:#06b6d4}[data-theme-style=ocean] .sidebar-collapse-btn:hover{background:linear-gradient(135deg,#06b6d440,#06b6d426);border-color:#06b6d480}[data-theme-style=midnight] .sidebar-collapse-btn{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);border-color:#8b5cf64d;color:#8b5cf6}[data-theme-style=midnight] .sidebar-collapse-btn:hover{background:linear-gradient(135deg,#8b5cf640,#8b5cf626);border-color:#8b5cf680}[data-theme-style=sunset] .sidebar-collapse-btn{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b4d;color:#f59e0b}[data-theme-style=sunset] .sidebar-collapse-btn:hover{background:linear-gradient(135deg,#f59e0b40,#f59e0b26);border-color:#f59e0b80}.sidebar-theme-selector{margin-bottom:var(--space-2)}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar.compact .sidebar-search-container,.sidebar.compact .sidebar-theme-selector{display:none}.sidebar-favorites{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-subtle,#ffffff1a);padding:8px 12px}.sidebar-favorites-title{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.7rem;letter-spacing:.05em;margin-bottom:6px;padding-left:4px;text-transform:uppercase}.sidebar-fav-item{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;font-size:.85rem;gap:8px;margin-bottom:4px;padding:8px 12px;transition:all .2s;width:100%}.sidebar-fav-item:hover{background:#f59e0b33;transform:translateX(4px)}.sidebar-fav-item.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sidebar-fav-remove{border-radius:4px;font-size:.75rem;margin-left:auto;opacity:0;padding:2px 6px;transition:all .2s}.sidebar-fav-item:hover .sidebar-fav-remove{opacity:1}.sidebar-fav-remove:hover{background:#ef44444d;color:#fca5a5}.sidebar-fav-btn{border-radius:4px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:1rem;margin-left:auto;opacity:0;padding:2px 6px;transition:all .2s}.sidebar-nav-item:hover .sidebar-fav-btn{opacity:1}.sidebar-fav-btn:hover{background:#f59e0b26;color:#f59e0b}.sidebar-fav-btn.active{color:#f59e0b;opacity:1}[data-theme-style=midnight] .sidebar-fav-item{background:#8b5cf61a;border-color:#8b5cf633}[data-theme-style=midnight] .sidebar-fav-item.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}[data-theme-style=midnight] .sidebar-fav-btn.active,[data-theme-style=midnight] .sidebar-fav-btn:hover{color:#a78bfa}[data-theme-style=ocean] .sidebar-fav-item{background:#06b6d41a;border-color:#06b6d433}[data-theme-style=ocean] .sidebar-fav-item.active{background:linear-gradient(135deg,#06b6d4,#0891b2)}[data-theme-style=ocean] .sidebar-fav-btn.active,[data-theme-style=ocean] .sidebar-fav-btn:hover{color:#22d3ee}.mobile-menu-toggle{align-items:center;background:#1e293b;background:var(--bg-card,#1e293b);border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:12px;box-shadow:0 4px 12px #00000026;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;height:44px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:all .2s ease;width:44px;z-index:1100}.mobile-menu-toggle:active{transform:scale(.95)}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.sidebar{max-width:320px;transform:translateX(-100%);width:85vw}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:none}.sidebar-overlay.open{display:block}.content-area,.main-content{margin-left:0!important;width:100%!important}}@media (max-width:768px){.sidebar{border-radius:0;max-width:340px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:85vw}.sidebar-nav-item{min-height:44px}.mobile-menu-toggle,.sidebar-close-btn,.sidebar-nav-item{touch-action:manipulation}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:calc(var(--z-sticky) - 1)}.sidebar-backdrop.open{display:block;opacity:1}.sidebar-logo{padding:1rem}.sidebar-logo-icon{height:40px;width:40px}.sidebar-logo-text{font-size:1rem}.sidebar-nav{padding:.5rem}.sidebar-nav-item{font-size:.9375rem;min-height:48px;padding:.875rem 1rem}.sidebar-nav-item-icon{font-size:1.125rem;height:32px;width:32px}.sidebar-submenu{margin-left:1rem;padding-left:.75rem}.sidebar-submenu .sidebar-nav-item{min-height:44px;padding:.75rem}.sidebar-footer{padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))}.sidebar-search-container{padding:.75rem}.sidebar-search{padding:.75rem 1rem}.sidebar-search-input{font-size:16px}.sidebar-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;width:40px;z-index:10}.sidebar-close-btn:active{background:#fff3}.sidebar-collapse-btn{display:none!important}.sidebar.compact{max-width:340px;width:85vw}.sidebar.compact .sidebar-logo-text,.sidebar.compact .sidebar-nav-item span,.sidebar.compact .sidebar-submenu,.sidebar.compact .sidebar-user-info{display:block}}@media (max-width:480px){.sidebar,.sidebar.compact{max-width:300px;width:90vw}.mobile-menu-toggle{height:40px;left:.5rem;top:.5rem;width:40px}.sidebar-logo{padding:.75rem}.sidebar-logo-icon{height:36px;width:36px}.sidebar-nav-item{font-size:.875rem;min-height:44px;padding:.75rem;touch-action:manipulation}.sidebar-section-label{font-size:.65rem;padding:.25rem .75rem}}@media (max-height:500px) and (orientation:landscape){.sidebar{overflow-y:auto}.sidebar-logo{padding:.5rem 1rem}.sidebar-nav-item{min-height:40px;padding:.5rem .75rem}.sidebar-footer{padding:.5rem}}.training-page{margin:0 auto;max-width:1400px;padding:var(--space-6)}.training-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.training-header-left{flex:1 1;min-width:200px}.training-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:var(--space-3);margin:0}.training-title-icon{font-size:1.5rem}.training-subtitle{color:var(--text-secondary);font-size:.95rem;margin:var(--space-2) 0 0}.training-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all .2s ease}.training-btn:disabled{cursor:not-allowed;opacity:.6}.training-btn-primary{background:var(--color-primary-600);color:#fff}.training-btn-primary:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px)}.training-btn-secondary{background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-primary)}.training-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.training-btn-success{background:var(--color-success-600);color:#fff}.training-btn-success:hover:not(:disabled){background:var(--color-success-700)}.training-btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.training-alert{align-items:center;border-radius:var(--radius-lg);display:flex;font-size:.9rem;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.training-alert button{background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:auto;opacity:.7;padding:0}.training-alert button:hover{opacity:1}.training-alert-error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700)}.training-alert-success{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.training-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--space-6)}.training-stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.training-stat-value{color:var(--color-primary-600);font-size:1.75rem;font-weight:700}.training-stat-label{color:var(--text-secondary);font-size:.8rem;margin-top:var(--space-1)}.training-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.training-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-default);border-radius:50%;border-top-color:var(--color-primary-600);height:40px;margin-bottom:var(--space-4);width:40px}.training-empty,.training-empty-list{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center}.training-empty-icon,.training-empty-list-icon{display:block;font-size:3rem;margin-bottom:var(--space-4)}.training-empty h2,.training-empty-list h3{color:var(--text-primary);margin:0 0 var(--space-2)}.training-empty p,.training-empty-list p{color:var(--text-secondary);margin:0}.trainee-list-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.trainee-list-filters{align-items:center;border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4)}.trainee-list-search{align-items:center;background:var(--bg-muted);border-radius:var(--radius-lg);display:flex;flex:1 1;gap:var(--space-2);max-width:300px;padding:var(--space-2) var(--space-4)}.trainee-list-search-icon{opacity:.5}.trainee-list-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none}.trainee-list-search-input::placeholder{color:var(--text-muted)}.trainee-list-filter-buttons{display:flex;gap:var(--space-2)}.trainee-filter-btn{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:var(--space-2) var(--space-4);transition:all .2s}.trainee-filter-btn:hover{background:var(--bg-hover)}.trainee-filter-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.trainee-list{grid-gap:var(--space-4);display:grid;gap:var(--space-4);padding:var(--space-4)}.trainee-card{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s}.trainee-card:hover{border-color:var(--color-primary-300);box-shadow:0 4px 12px #00000014}.trainee-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.trainee-card-name{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.trainee-badge{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));border-radius:var(--radius-md);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.trainee-badge-success{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600))}.trainee-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.trainee-card-days{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--space-2) var(--space-3)}.trainee-days-value{color:var(--color-primary-600);font-size:1.25rem;font-weight:700}.trainee-days-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase}.trainee-card-info{grid-gap:var(--space-2);display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.trainee-info-row{align-items:center;display:flex;font-size:.85rem;gap:var(--space-2)}.trainee-info-icon{text-align:center;width:20px}.trainee-info-label{color:var(--text-secondary);min-width:120px}.trainee-info-value{color:var(--text-primary);font-weight:500}.trainee-info-mono{background:var(--bg-card);border-radius:var(--radius-sm);font-family:monospace;padding:var(--space-1) var(--space-2)}.trainee-card-access{margin-bottom:var(--space-4)}.trainee-access-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.85rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.trainee-access-active{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.trainee-access-pending{background:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700)}.trainee-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trainee-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all .2s}.trainee-action-btn:hover{transform:translateY(-1px)}.trainee-action-create{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.trainee-action-create:hover{background:var(--color-primary-100)}.trainee-action-validate{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-700)}.trainee-action-validate:hover{background:var(--color-success-100)}.trainee-action-reject{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-700)}.trainee-action-reject:hover{background:var(--color-error-100)}.trainee-action-delete-access{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-700)}.trainee-action-delete-access:hover{background:var(--color-warning-100)}.trainee-list-no-results{color:var(--text-secondary);padding:var(--space-8);text-align:center}.trainee-list-no-results span{display:block;font-size:2rem;margin-bottom:var(--space-2)}.training-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.training-modal{animation:slideUp .3s ease;background:var(--bg-card);border-radius:var(--radius-xl);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.training-modal-wide{max-width:560px}.training-modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-5)}.training-modal-header h2{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-3);margin:0}.training-modal-header-success{background:linear-gradient(135deg,var(--color-success-50),var(--color-success-100))}.training-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.training-modal-close:hover{color:var(--text-primary)}.training-modal-body{padding:var(--space-5)}.training-modal-error{align-items:center;background:var(--color-error-50);border-radius:var(--radius-md);color:var(--color-error-700);display:flex;font-size:.9rem;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.training-modal-footer{background:var(--bg-muted);border-top:1px solid var(--border-default);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5)}.training-form-group{margin-bottom:var(--space-5)}.training-form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-2)}.training-form-group label .required{color:var(--color-error-500)}.training-form-group label .label-icon{font-size:1.1rem}.training-form-group input,.training-form-group select{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:var(--space-3);transition:border-color .2s,box-shadow .2s;width:100%}.training-form-group input:focus,.training-form-group select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.training-form-group input.input-error{border-color:var(--color-error-500)}.training-form-group input.input-success{border-color:var(--color-success-500)}.training-form-group input::placeholder{color:var(--text-muted)}.training-form-hint{color:var(--text-secondary)}.training-form-error,.training-form-hint{display:block;font-size:.8rem;margin-top:var(--space-1)}.training-form-error{color:var(--color-error-600)}.training-form-success{color:var(--color-success-600);display:block;font-size:.8rem;margin-top:var(--space-1)}.training-form-char-count{color:var(--text-muted);display:block;font-size:.75rem;margin-top:var(--space-1);text-align:right}.training-form-char-count.valid{color:var(--color-success-600)}.training-input-with-actions,.training-input-with-status{align-items:center;display:flex;gap:var(--space-2)}.training-input-with-actions input,.training-input-with-status input{flex:1 1}.training-input-status{text-align:center;width:24px}.status-checking{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.training-copy-btn,.training-regenerate-btn,.training-toggle-btn{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;line-height:1;padding:var(--space-2);transition:background .2s}.training-copy-btn:hover,.training-regenerate-btn:hover,.training-toggle-btn:hover{background:var(--bg-hover)}.training-info-box{background:var(--color-info-50);border:1px solid var(--color-info-100);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.training-info-icon{flex-shrink:0;font-size:1.5rem}.training-info-box strong{color:var(--color-primary-700);display:block;margin-bottom:var(--space-1)}.training-info-box p{color:var(--color-primary-600);font-size:.9rem;margin:0}.training-warning-box{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.warning-icon{flex-shrink:0;font-size:1.5rem}.training-warning-box strong{color:var(--color-warning-700);display:block;margin-bottom:var(--space-1)}.training-warning-box p{color:var(--color-warning-700);font-size:.9rem;margin:0}.training-access-trainee{align-items:center;background:var(--bg-muted);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.training-credentials-summary{border-top:1px solid var(--border-default);margin-top:var(--space-5);padding-top:var(--space-4)}.training-credentials-summary h4{color:var(--text-primary);font-size:.95rem;margin:0 0 var(--space-3)}.training-credentials-box{background:var(--bg-muted);border-radius:var(--radius-lg);padding:var(--space-4)}.training-credential-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-2) 0}.training-credential-row:not(:last-child){border-bottom:1px solid var(--border-default)}.credential-label{color:var(--text-secondary);font-weight:500}.credential-value{background:var(--bg-card);border-radius:var(--radius-md);font-family:monospace;font-size:.95rem;padding:var(--space-1) var(--space-3)}.training-credentials-note{color:var(--color-warning-600);font-size:.85rem;margin:var(--space-3) 0 0}.training-validation-summary{align-items:center;background:var(--bg-muted);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-4)}.training-validation-trainee{align-items:center;display:flex;gap:var(--space-2)}.training-validation-stats{display:flex;gap:var(--space-4)}.validation-stat{text-align:center}.validation-stat-value{color:var(--color-primary-600);font-size:1.5rem;font-weight:700}.validation-stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.training-validation-message{background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4)}.validation-icon{flex-shrink:0;font-size:1.5rem}.training-validation-message strong{color:var(--color-success-700);display:block;margin-bottom:var(--space-1)}.training-validation-message p{color:var(--color-success-600);font-size:.9rem;margin:0}[data-theme=dark] .trainee-card{background:var(--bg-elevated)}[data-theme=dark] .trainee-card:hover{border-color:var(--color-primary-500)}[data-theme=dark] .training-modal{background:var(--bg-elevated)}[data-theme=dark] .training-credentials-box{background:var(--bg-muted)}[data-theme=dark] .credential-value{background:var(--bg-page)}[data-theme=dark] .training-info-box{background:#3b82f61a;border-color:#3b82f633}[data-theme=dark] .training-info-box p,[data-theme=dark] .training-info-box strong{color:var(--color-primary-300)}[data-theme=dark] .training-warning-box{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .training-warning-box p,[data-theme=dark] .training-warning-box strong{color:var(--color-warning-300)}[data-theme=dark] .training-validation-message{background:#22c55e1a;border-color:#22c55e33}[data-theme=dark] .training-validation-message p,[data-theme=dark] .training-validation-message strong{color:var(--color-success-400)}@media (max-width:768px){.training-page{padding:var(--space-4)}.training-header{align-items:stretch;flex-direction:column}.training-btn-primary{justify-content:center}.training-stats{grid-template-columns:repeat(3,1fr)}.trainee-list-filters{align-items:stretch;flex-direction:column}.trainee-list-search{max-width:none}.trainee-list-filter-buttons{justify-content:center}.trainee-card-header{flex-direction:column;gap:var(--space-3)}.trainee-card-days{align-self:flex-start;flex-direction:row;gap:var(--space-2)}.trainee-card-actions{flex-direction:column}.trainee-action-btn{justify-content:center}.training-modal{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.training-validation-summary{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.training-stats{grid-template-columns:repeat(2,1fr)}.training-stat-card{padding:var(--space-3)}.training-stat-value{font-size:1.5rem}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background:linear-gradient(90deg,var(--bg-secondary,#f3f4f6) 0,var(--bg-tertiary,#e5e7eb) 50%,var(--bg-secondary,#f3f4f6) 100%);background-size:200% 100%;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column}.skeleton-line{border-radius:4px}.skeleton-card{background:#fff;background:var(--bg-card,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.skeleton-card__header{height:1.5rem;margin-bottom:1rem;width:60%}.skeleton-card__body{margin-bottom:1rem}.skeleton-card__footer{display:flex;justify-content:flex-end}.skeleton-table-wrapper{overflow-x:auto}.skeleton-table{border-collapse:collapse;width:100%}.skeleton-table td,.skeleton-table th{padding:1rem;text-align:left}.skeleton-table thead{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.skeleton-table-row td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb)}.skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-list__item{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:8px;display:flex;gap:1rem;padding:.75rem}.skeleton-list__content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-chart{align-items:flex-end;background:#fff;background:var(--bg-card,#fff);border-radius:12px;display:flex;padding:1.5rem}.skeleton-chart__bars{align-items:flex-end;display:flex;gap:1rem;height:100%;justify-content:space-around;width:100%}.skeleton-chart__bar{border-radius:4px 4px 0 0;flex:1 1;min-width:30px}.skeleton-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skeleton-stat{background:#fff;background:var(--bg-card,#fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.skeleton-dashboard{display:flex;flex-direction:column;gap:1.5rem}.skeleton-dashboard__row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media (max-width:768px){.skeleton-dashboard__row{grid-template-columns:1fr}.skeleton-stats{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#374151,#4b5563 50%,#374151);background:linear-gradient(90deg,var(--bg-secondary,#374151) 0,var(--bg-tertiary,#4b5563) 50%,var(--bg-secondary,#374151) 100%);background-size:200% 100%}[data-theme=dark] .skeleton-card,[data-theme=dark] .skeleton-chart,[data-theme=dark] .skeleton-list__item,[data-theme=dark] .skeleton-stat{background:#1f2937;background:var(--bg-card,#1f2937)}[data-theme=dark] .skeleton-table thead{background:#374151;background:var(--bg-secondary,#374151)}[data-theme=dark] .skeleton-table-row td{border-bottom-color:#4b5563;border-bottom-color:var(--border,#4b5563)}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:#1e293b;background:var(--bg-card,#1e293b);border-top:1px solid #ffffff1a;border-top:1px solid var(--border,#ffffff1a);bottom:0;box-shadow:0 -4px 20px #0003;display:flex;height:60px;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.main-content{padding-bottom:70px!important}}.bottom-nav-item{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;transition:all .2s}.bottom-nav-item.active{color:#3b82f6;color:var(--primary,#3b82f6)}.bottom-nav-icon{font-size:1.4rem}.bottom-nav-label{font-size:.65rem;font-weight:500;text-transform:uppercase}.bottom-nav-overlay{display:none}@media (max-width:768px){.bottom-nav-overlay{background:#00000080;display:block;inset:0;bottom:60px;position:fixed;z-index:999}}.bottom-nav-more{display:none}@media (max-width:768px){.bottom-nav-more{animation:slideUp .2s ease;background:#1e293b;background:var(--bg-card,#1e293b);border-radius:16px 16px 0 0;bottom:60px;box-shadow:0 -8px 30px #0000004d;display:block;left:0;position:fixed;right:0;z-index:1001}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-nav-more-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border,#ffffff1a);color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.bottom-nav-more-header button{background:#ffffff1a;border:none;border-radius:50%;color:#cbd5e1;color:var(--text-secondary,#cbd5e1);cursor:pointer;height:28px;width:28px}.bottom-nav-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:12px}.bottom-nav-grid-item{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:6px;padding:14px 8px;transition:all .2s}.bottom-nav-grid-item:active{transform:scale(.95)}.bottom-nav-grid-item.active{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}[data-theme-style=midnight] .bottom-nav{background:linear-gradient(180deg,#1a1428,#130f20)}[data-theme-style=midnight] .bottom-nav-item.active{color:#a78bfa}[data-theme-style=midnight] .bottom-nav-grid-item.active{background:#8b5cf6}[data-theme-style=ocean] .bottom-nav{background:linear-gradient(180deg,#0a3d3c,#063634)}[data-theme-style=ocean] .bottom-nav-item.active{color:#22d3ee}[data-theme-style=ocean] .bottom-nav-grid-item.active{background:#06b6d4}[data-theme-style=sunset] .bottom-nav{background:linear-gradient(180deg,#292010,#1c1408)}[data-theme-style=sunset] .bottom-nav-item.active{color:#fbbf24}[data-theme-style=sunset] .bottom-nav-grid-item.active{background:#f59e0b}