@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");:root{--theme-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-elevated:#ffffff;--bg-glass:rgba(255,255,255,0.8);--bg-overlay:rgba(0,0,0,0.5);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#ffffff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#eff6ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--backdrop-blur:blur(8px);--glass-opacity:0.8;--shadow-glass:0 4px 16px rgba(0,0,0,0.1);--font-base:16px;--font-sm:14px;--font-lg:18px;--font-xl:20px;--space-xs:6px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--border-radius:8px;--sidebar-bg:var(--bg-secondary);--sidebar-text:var(--text-primary);--sidebar-text-muted:var(--text-secondary);--sidebar-hover:var(--bg-tertiary);--sidebar-active:var(--color-primary);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1)}:root[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-elevated:#ffffff;--bg-glass:rgba(255,255,255,0.8);--bg-overlay:rgba(0,0,0,0.5);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#ffffff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--border-focus:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#eff6ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--backdrop-blur:blur(8px);--glass-opacity:0.8;--shadow-glass:0 4px 16px rgba(0,0,0,0.1)}:root[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-elevated:#1f2937;--bg-glass:rgba(17,24,39,0.8);--bg-overlay:rgba(0,0,0,0.7);--text-primary:#ffffff;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-inverse:#111827;--border-primary:#374151;--border-secondary:#4b5563;--border-focus:#60a5fa;--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-light:#1e3a8a;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#22d3ee;--backdrop-blur:blur(8px);--glass-opacity:0.1;--shadow-glass:0 4px 16px rgba(0,0,0,0.4)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);transition:background-color .3s ease,color .3s ease,font-size .3s ease}body{background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.6}*{transition:background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.theme-loading{transition:none!important}.theme-loaded{transition:background-color var(--theme-transition),color var(--theme-transition),border-color var(--theme-transition),box-shadow var(--theme-transition)}.btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:var(--font-sm);display:inline-flex;align-items:center;gap:var(--space-xs);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transition:all .6s ease;transform:translate(-50%,-50%);z-index:0}.btn:active:before{width:300px;height:300px}.btn>*{position:relative;z-index:1}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-1px)}.btn-glass{background:var(--bg-glass);color:var(--text-primary);border:1px solid rgba(255,255,255,.2);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass)}.btn-glass:hover:not(:disabled){background:rgba(255,255,255,calc(var(--glass-opacity) + .1));border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}input,select,textarea{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:var(--space-sm);font-family:inherit;font-size:var(--font-sm);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1),var(--shadow-md);transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.input-glass{background:var(--bg-glass);border:1px solid rgba(255,255,255,.2);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.input-glass:focus{background:rgba(255,255,255,calc(var(--glass-opacity) + .1));border-color:var(--border-focus)}.card{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.01);border-color:var(--border-secondary)}.card:hover:before{opacity:1}.card-glass{background:var(--bg-glass);border:1px solid rgba(255,255,255,.2);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass)}.card-glass:hover{background:rgba(255,255,255,calc(var(--glass-opacity) + .05));border-color:rgba(255,255,255,.3)}.modal-overlay{background:var(--bg-overlay);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.modal{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:calc(var(--border-radius) * 1.5);box-shadow:var(--shadow-xl);padding:var(--space-xl);max-width:90vw;max-height:90vh;overflow:auto}.modal-glass{background:var(--bg-glass);border:1px solid rgba(255,255,255,.15);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass)}table{background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);width:100%;border-collapse:separate;border-spacing:0}th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;text-align:left}td,th{border-bottom:1px solid var(--border-primary);padding:var(--space-md);font-size:var(--font-sm)}td{transition:background-color .2s ease}tr:hover{background:var(--bg-secondary)}tr:last-child td{border-bottom:none}.table-glass{background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass)}.table-glass th{background:rgba(255,255,255,calc(var(--glass-opacity) + .05))}.table-glass tr:hover{background:rgba(255,255,255,calc(var(--glass-opacity) + .02))}.success-message{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.error-message{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.warning-message{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.info-message{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:1.5rem;height:1.5rem;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:1rem;height:1rem;border-width:1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--color-primary);color:var(--text-inverse)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}.glass{background:var(--bg-glass);border:1px solid rgba(255,255,255,.18)}.glass,.glass-card{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-glass)}.glass-card{background:rgba(255,255,255,var(--glass-opacity));border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:rgba(255,255,255,.3)}.glass-sidebar{border-right:1px solid rgba(255,255,255,.12)}.glass-modal,.glass-sidebar{background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-modal{border:1px solid rgba(255,255,255,.15);border-radius:calc(var(--border-radius) * 1.5);box-shadow:var(--shadow-glass)}.font-xs{font-size:calc(var(--font-base) * .75)}.font-sm{font-size:var(--font-sm)}.font-base{font-size:var(--font-base)}.font-lg{font-size:var(--font-lg)}.font-xl{font-size:var(--font-xl)}.font-2xl{font-size:calc(var(--font-base) * 1.5)}.font-3xl{font-size:calc(var(--font-base) * 1.875)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--border-radius) * .5)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:calc(var(--border-radius) * 1.5)}.rounded-xl{border-radius:calc(var(--border-radius) * 2)}.rounded-full{border-radius:9999px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-elevated{background:var(--bg-elevated)}.bg-glass{background:var(--bg-glass)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glass{box-shadow:var(--shadow-glass)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .2s ease-out}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce{animation:bounce 1s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.shake{animation:shake .6s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary)}}.glow{animation:glow 2s ease-in-out infinite}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.hover-brightness{transition:filter .2s ease}.hover-brightness:hover{filter:brightness(1.1)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary),0 0 0 6px rgba(59,130,246,.2);animation:focusPulse .3s ease-out}@keyframes focusPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}.loading-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:loadingDots 1.4s ease-in-out infinite both}.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}.page-enter{opacity:0;transform:translateX(20px)}.page-enter-active{transition:opacity .3s ease,transform .3s ease}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}.stagger-children>*{animation:fadeIn .4s ease-out}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(n+6){animation-delay:.6s}.theme-transition{transition:all .4s cubic-bezier(.23,1,.32,1)}@keyframes checkmark{0%{stroke-dasharray:0,100;stroke-dashoffset:0}to{stroke-dasharray:100,0;stroke-dashoffset:0}}.checkmark-animation{animation:checkmark .6s ease-in-out}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.progress-bar{transform-origin:left;animation:progress .8s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.notification-enter{animation:slideInFromTop .3s ease-out}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}