body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.custom-dropdown{font-family:Inter,sans-serif;min-width:200px;position:relative;z-index:10}.custom-dropdown.disabled{cursor:not-allowed;opacity:.6}.custom-dropdown.is-open{z-index:9999}.dropdown-trigger{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.dropdown-trigger:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dropdown-trigger:hover:before{left:100%}.dropdown-trigger:hover{border-color:#3b82f680;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;z-index:10000}.dropdown-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.dropdown-icon{font-size:18px;opacity:.7;transition:opacity .2s ease}.dropdown-trigger:hover .dropdown-icon{opacity:1}.dropdown-text{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6b7280;flex-shrink:0;transition:all .3s ease}.dropdown-arrow.rotated{color:#3b82f6;transform:rotate(180deg)}.dropdown-backdrop-overlay{animation:backdropFadeIn .2s ease-out;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0003;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 25px 50px -12px #0006,0 10px 10px -5px #0000001a,0 0 0 1px #3b82f61a;left:0;max-height:350px;min-width:100%;overflow:hidden;position:absolute;right:0;z-index:10001}.dropdown-down{animation:dropdownSlideDown .3s cubic-bezier(.34,1.56,.64,1);top:calc(100% + 12px)}.dropdown-up{animation:dropdownSlideUp .3s cubic-bezier(.34,1.56,.64,1);bottom:calc(100% + 12px)}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{background:#f8fafce6;border-bottom:1px solid #e5e7eb80;padding:16px;position:relative}.dropdown-search input{background:#fffffff2;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.dropdown-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dropdown-search input::placeholder{color:#9ca3af;font-weight:500}.search-icon{color:#9ca3af;left:30px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dropdown-options{max-height:280px;overflow-y:auto;padding:8px}.dropdown-options::-webkit-scrollbar{width:8px}.dropdown-options::-webkit-scrollbar-track{background:#0000}.dropdown-options::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:4px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#9ca3af99}.dropdown-option{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:2px;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s ease}.dropdown-option:before{background:linear-gradient(90deg,#3b82f626,#3b82f614);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.dropdown-option:hover:before{width:100%}.dropdown-option:hover{background:#3b82f614;transform:translateX(3px)}.dropdown-option.selected{background:#3b82f61f;color:#1d4ed8;font-weight:600}.dropdown-option.selected:before{background:#3b82f626;width:100%}.option-icon{flex-shrink:0;font-size:16px;opacity:.8;transition:opacity .2s ease}.dropdown-option:hover .option-icon{opacity:1}.option-label{flex:1 1;font-weight:500}.option-count{background:#9ca3af26;border-radius:8px;color:#6b7280;flex-shrink:0;font-size:12px;font-weight:700;min-width:24px;padding:4px 8px;text-align:center}.dropdown-option.selected .option-count{background:#3b82f633;color:#1d4ed8}.check-icon{color:#10b981;flex-shrink:0}.no-options{color:#9ca3af;font-size:14px;font-style:italic;padding:24px;text-align:center}@media (max-width:768px){.custom-dropdown{min-width:160px}.dropdown-trigger{padding:10px 12px}.dropdown-text{font-size:13px}.dropdown-menu{border-radius:12px;left:-8px;max-height:320px;right:-8px}.dropdown-options{max-height:240px}.dropdown-option{padding:14px 16px}}@media (prefers-color-scheme:dark){.dropdown-trigger{background:#1f2937f2;border-color:#4b556380}.dropdown-text{color:#f9fafb}.dropdown-menu{background:#1f2937fa;border-color:#4b556380}.dropdown-search{background:#374151e6}.dropdown-search input{background:#374151e6;border-color:#4b556380;color:#f9fafb}.dropdown-option{color:#f9fafb}.dropdown-option:hover{background:#3b82f633}.dropdown-backdrop-overlay{background:#0006}}@media (prefers-contrast:high){.dropdown-trigger{border-width:3px}.dropdown-menu{border-width:2px}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.dropdown-option,.dropdown-trigger{animation:none;transition:none}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-500:#10b981;--success-600:#059669;--warning-500:#f59e0b;--warning-600:#d97706;--error-500:#ef4444;--error-600:#dc2626;--info-500:#06b6d4;--info-600:#0891b2;--gradient-primary:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-100) 0%,var(--secondary-200) 100%);--gradient-card:linear-gradient(145deg,#ffffff1a,#ffffff0d);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glass:0 8px 32px 0 #1f26875e;--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-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--z-base:1;--z-dropdown:9999;--z-backdrop:9998;--z-modal:10000;--z-toast:10001;--z-loading:10002}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#0f172a;color:var(--secondary-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--secondary-100)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--secondary-400);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--secondary-500)}.App{display:flex;flex-direction:column;min-height:100vh}.App,.main-content{position:relative;z-index:1;z-index:var(--z-base)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--space-8);width:100%}body:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);position:sticky;top:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1000}.nav-container{height:72px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--space-8)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;gap:.5rem;gap:var(--space-2);letter-spacing:-.02em;text-decoration:none;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.nav-logo:hover{transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:1.5rem;gap:var(--space-6)}.nav-link{border-radius:.75rem;border-radius:var(--radius-lg);color:#ffffffe6;font-weight:500;overflow:hidden;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-link:before{background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:0;z-index:-1}.nav-link.active:before,.nav-link:hover:before{width:100%}.nav-link.active,.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-user{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.user-greeting{color:#fffc;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.logout-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.logout-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);justify-content:center;padding:5rem;padding:var(--space-20);z-index:10002;z-index:var(--z-loading)}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border:4px solid var(--secondary-200);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-500);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#475569;color:var(--secondary-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 72px);padding:2rem;padding:var(--space-8)}.auth-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:420px;overflow:hidden;padding:3rem;padding:var(--space-12);position:relative;width:100%}.auth-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.auth-card h2{color:#0f172a;color:var(--secondary-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.auth-form{gap:1.5rem;gap:var(--space-6)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem;gap:var(--space-2)}.form-group label{color:#334155;color:var(--secondary-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border:2px solid var(--secondary-200);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-size:var(--font-size-base);padding:1rem;padding:var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group small{color:#64748b;color:var(--secondary-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500}.btn{align-items:center;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .35s cubic-bezier(.4,0,.2,1);transition:left var(--transition-slow);width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#ffffffe6;border-color:#cbd5e1;border-color:var(--secondary-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#334155;color:var(--secondary-700)}.btn-secondary:hover{background:#fff;transform:translateY(-1px)}.btn-danger,.btn-secondary:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);color:#fff}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.auth-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-btn:disabled{background:#94a3b8;background:var(--secondary-400);cursor:not-allowed;transform:none}.auth-switch{color:#475569;color:var(--secondary-600);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1.5rem;margin-top:var(--space-6);text-align:center}.auth-switch a{color:#2563eb;color:var(--primary-600);font-weight:600;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-switch a:hover{color:#1d4ed8;color:var(--primary-700);text-decoration:underline}.dashboard{margin:0 auto;max-width:1400px}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);margin-bottom:3rem;margin-bottom:var(--space-12);padding:2rem;padding:var(--space-8);text-align:center}.dashboard-header h1{color:#fff;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem;margin-bottom:var(--space-3);text-shadow:0 2px 4px #0000001a}.dashboard-header p{color:#fffc;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500}.stats-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;margin-bottom:var(--space-12)}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;gap:1.25rem;gap:var(--space-5);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:4px}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:hover:before{width:8px}.stat-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--gradient-secondary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:3rem;justify-content:center;padding:1rem;padding:var(--space-4)}.stat-content h3{color:#0f172a;color:var(--secondary-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-content p{color:#475569;color:var(--secondary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-6);justify-content:center;margin-bottom:3rem;margin-bottom:var(--space-12)}.action-btn{align-items:center;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;gap:.75rem;gap:var(--space-3);overflow:hidden;padding:1.25rem 2rem;padding:var(--space-5) var(--space-8);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);color:#fff}.action-btn.primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.action-btn.secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #bfdbfe;border:2px solid var(--primary-200);color:#2563eb;color:var(--primary-600)}.action-btn.secondary:hover{background:#fff;border-color:#60a5fa;border-color:var(--primary-400);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.page-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);display:flex;justify-content:space-between;margin-bottom:2.5rem;margin-bottom:var(--space-10);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-base)}.header-content h1{color:#fff;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.header-subtitle{color:#fffc;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500}.search-container{margin-bottom:2.5rem;margin-bottom:var(--space-10);position:relative;z-index:5}.search-input-wrapper{margin:0 auto;max-width:700px;position:relative;width:100%}.enhanced-search-input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 12px -2px #0000001a;color:#1f2937;font-family:inherit;font-size:16px;font-weight:500;padding:18px 24px 18px 56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.enhanced-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 12px 20px -4px #00000026;outline:none;transform:translateY(-2px)}.enhanced-search-input::placeholder{color:#9ca3af;font-weight:500}.search-input-wrapper .search-icon{color:#6b7280;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.enhanced-search-input:focus~.search-icon{color:#3b82f6}.clear-search{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px;z-index:2}.clear-search:hover{background:#e5e7eb;color:#374151;transform:translateY(-50%) scale(1.1)}.filters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:4rem;margin-bottom:var(--space-16);min-height:180px;padding:2rem;padding:var(--space-8);position:relative;z-index:50}.filters-section:after{content:"";display:block;height:4rem;height:var(--space-16);pointer-events:none;position:relative;z-index:1}.filters-row{grid-gap:1.5rem;grid-gap:var(--space-6);align-items:start;display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8);position:relative;z-index:50}.search-box input{background:#fffc;border:2px solid #e2e8f0;border:2px solid var(--secondary-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--space-3);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.search-box input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.issues-grid,.issues-list{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);margin-top:2.5rem;margin-top:var(--space-10);padding-top:2rem;padding-top:var(--space-8);position:relative;z-index:1;z-index:var(--z-base)}.issues-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.issue-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:inherit;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1}.issue-card:before{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-normal);width:4px}.issue-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-6px);z-index:2}.issue-card:hover:before{width:8px}.issue-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.issue-header h3{color:#0f172a;color:var(--secondary-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--space-2)}.issue-badges,.issue-meta{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.priority-badge,.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.status-badge{color:#fff}.priority-badge.large,.status-badge.large{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.priority-badge.large{border-radius:.75rem;border-radius:var(--radius-lg)}.priority-badge,.priority-badge.large{background:#ffffffe6;font-weight:700}.severity-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.issue-description,.severity-badge{color:#475569;color:var(--secondary-600)}.issue-description{font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.issue-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--secondary-200);color:#64748b;color:var(--secondary-500);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;justify-content:space-between;padding-top:1rem;padding-top:var(--space-4)}.issue-tags{margin-top:.75rem;margin-top:var(--space-3)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--gradient-secondary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#334155;color:var(--secondary-700);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.create-issue-page,.issue-detail-page{margin:0 auto;max-width:900px}.issue-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:2rem;padding:var(--space-8)}.form-row{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--secondary-200);display:flex;gap:1rem;gap:var(--space-4);justify-content:flex-end;margin-top:2rem;margin-top:var(--space-8);padding-top:1.5rem;padding-top:var(--space-6)}.toast-container{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);position:fixed;right:1.5rem;right:var(--space-6);top:5rem;top:var(--space-20);z-index:10001;z-index:var(--z-toast)}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);cursor:pointer;display:flex;justify-content:space-between;min-width:320px;padding:1rem;padding:var(--space-4)}.toast-success{border-left:4px solid #10b981;border-left:4px solid var(--success-500)}.toast-error{border-left:4px solid #ef4444;border-left:4px solid var(--error-500)}.toast-warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-500)}.toast-info{border-left:4px solid #06b6d4;border-left:4px solid var(--info-500)}.toast-content{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.toast-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.toast-message{color:#0f172a;color:var(--secondary-900);font-weight:600}.toast-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--secondary-500);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:24px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:24px}.toast-close:hover{background:#f1f5f9;background:var(--secondary-100);color:#334155;color:var(--secondary-700)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.pagination{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);display:flex;gap:2rem;gap:var(--space-8);justify-content:center;margin-top:3rem;margin-top:var(--space-12);padding:2rem;padding:var(--space-8);z-index:1;z-index:var(--z-base)}.pagination-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#fff3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);font-weight:600}.issue-breadcrumb{color:#fffc;font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.issue-breadcrumb a{color:#fff;font-weight:600;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.issue-breadcrumb a:hover{text-decoration:underline}.issue-content{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:2fr 1fr}.issue-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:2rem;padding:var(--space-8)}.issue-view h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;line-height:1.3;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.issue-description h3,.issue-view h1{color:#0f172a;color:var(--secondary-900)}.issue-description h3{font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.description-content{color:#334155;color:var(--secondary-700);font-size:1rem;font-size:var(--font-size-base);line-height:1.7}.description-content p{margin-bottom:.75rem;margin-bottom:var(--space-3)}.issue-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:fit-content;padding:1.5rem;padding:var(--space-6)}.issue-meta h3{color:#0f172a;color:var(--secondary-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:1.25rem;margin-bottom:var(--space-5)}.meta-item{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:var(--gradient-secondary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.meta-item strong{color:#334155;color:var(--secondary-700);font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1);text-transform:uppercase}.meta-item span{color:#0f172a;color:var(--secondary-900);font-weight:600}.issue-id{background:#1e293b;background:var(--secondary-800);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.overdue{color:#dc2626!important;color:var(--error-600)!important;font-weight:700}.empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);color:#ffffffe6;grid-column:1/-1;padding:5rem;padding:var(--space-20);text-align:center;z-index:1;z-index:var(--z-base)}.empty-icon{font-size:5rem;margin-bottom:1.5rem;margin-bottom:var(--space-6);opacity:.7}.empty-state h3{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.empty-state p{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.empty-state a{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.empty-state a:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.error-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);padding:5rem;padding:var(--space-20);text-align:center}.error-container h2{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.error-container a{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.error-container a:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.recent-issues h2{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.btn:focus,.nav-link:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}.action-btn,.issue-card,.stat-card{will-change:transform}@media (prefers-contrast:high){:root{--primary-500:#06c;--secondary-900:#000;--secondary-100:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:1024px){.nav-container{padding:0 1.5rem;padding:0 var(--space-6)}.main-content{padding:1.5rem;padding:var(--space-6)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.issues-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.issue-content{grid-template-columns:1fr}.filters-row{gap:1rem;gap:var(--space-4);grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);flex-direction:column;gap:1rem;gap:var(--space-4);left:-100%;padding:1.5rem 0;padding:var(--space-6) 0;position:fixed;text-align:center;top:72px;transition:left .25s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);width:100%}.nav-menu.active{left:0}.nav-link{color:#0f172a;color:var(--secondary-900)}.nav-user{flex-direction:column;gap:.75rem;gap:var(--space-3)}.user-greeting{color:#334155;color:var(--secondary-700)}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.hamburger span{background-color:#fff;border-radius:9999px;border-radius:var(--radius-full);height:3px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:25px}.main-content{padding:1rem;padding:var(--space-4)}.page-header{flex-direction:column;gap:1.5rem;gap:var(--space-6);margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.filters-section{margin-bottom:3rem;margin-bottom:var(--space-12);min-height:160px;padding:1.5rem;padding:var(--space-6)}.search-input-wrapper{max-width:100%}.enhanced-search-input{font-size:16px;padding:16px 20px 16px 48px}.search-input-wrapper .search-icon{height:18px;left:18px;width:18px}.filters-row{gap:1rem;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.custom-dropdown{min-width:100%}.issues-grid{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr;margin-top:2rem;margin-top:var(--space-8)}.issue-card{padding:1.5rem;padding:var(--space-6)}.stats-grid{grid-template-columns:1fr}.dashboard-actions{align-items:center;flex-direction:column}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.toast-container{left:1rem;left:var(--space-4);right:1rem;right:var(--space-4)}.toast{min-width:auto}.pagination{flex-wrap:wrap;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}}@media (max-width:480px){.nav-container{padding:0 1rem;padding:0 var(--space-4)}.auth-card{margin:1rem;margin:var(--space-4);padding:1.5rem;padding:var(--space-6)}.main-content{padding:.75rem;padding:var(--space-3)}.header-content h1{font-size:1.875rem;font-size:var(--font-size-3xl)}.filters-section{min-height:140px}.filters-section,.stat-card{padding:1.25rem;padding:var(--space-5)}.stat-card{flex-direction:column;text-align:center}.issue-form,.issue-main{padding:1.25rem;padding:var(--space-5)}.issue-sidebar{padding:1rem;padding:var(--space-4)}.issue-card{padding:1.25rem;padding:var(--space-5)}.issue-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--space-3)}.issue-badges{justify-content:flex-start;width:100%}.dashboard-header{padding:1.25rem;padding:var(--space-5)}.dashboard-header h1{font-size:1.875rem;font-size:var(--font-size-3xl)}}@media print{.form-actions,.issue-actions,.navbar,.toast-container{display:none!important}.main-content{max-width:none;padding:0}.issue-content{grid-template-columns:1fr}body{background:#fff}.auth-card,.issue-card,.stat-card{border:1px solid #cbd5e1;border:1px solid var(--secondary-300);box-shadow:none}}
/*# sourceMappingURL=main.9880670c.css.map*/