@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#011119;--bg-secondary:#011b27;--bg-tertiary:#062737;--text-primary:#fff;--text-secondary:#bfd0d9;--text-muted:#8a9ea8;--accent:#0786c5;--accent-hover:#29b4fa;--accent-light:#0684c026;--accent-glow:#2cb6f840;--success:#22c35d;--success-light:#22c55e1f;--success-text:#79eca3;--warning:#f59f0a;--warning-light:#d9a31a1f;--warning-text:#fbc66a;--danger:#e8304f;--danger-light:#ef44441f;--danger-text:#f47187;--border-color:#0e2b39;--border-hover:#184962;--glass-bg:linear-gradient(135deg, #010f17bf 0%, #021e2e66 100%);--glass-border:#ffffff0d;--glass-blur:24px;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 12px 30px -10px #000000b3;--shadow-lg:0 20px 50px -15px #000000e6;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--transition-fast:.15s cubic-bezier(.2, .8, .2, 1);--transition-normal:.35s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#edf0f3;--text-primary:#012232;--text-secondary:#365463;--text-muted:#6c8693;--accent:#0678b1;--accent-hover:#045076;--accent-light:#0679b00f;--accent-glow:#0679b01f;--success:#1b9849;--success-light:#16a34a14;--success-text:#136c34;--warning:#c47f08;--warning-light:#d9a31a14;--warning-text:#7a4f05;--danger:#c91d39;--danger-light:#dc262614;--danger-text:#861326;--border-color:#e0e6eb;--border-hover:#c8d1da;--glass-bg:#ffffffd9;--glass-border:#0679b014;--glass-blur:24px;--shadow-sm:0 2px 8px -2px #00000008;--shadow-md:0 12px 30px -10px #0000000d, 0 1px 3px #00000005;--shadow-lg:0 20px 40px -12px #0679b014, 0 1px 3px #00000005}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#0684c02e 0%,#0000 70%);width:45vw;height:45vw;animation:25s ease-in-out infinite alternate floatBlob1;position:fixed;top:-15%;left:-10%}body:after{content:"";z-index:-2;pointer-events:none;filter:blur(100px);background:radial-gradient(circle,#2cb6f824 0%,#0000 70%);width:50vw;height:50vw;animation:30s ease-in-out infinite alternate floatBlob2;position:fixed;bottom:-15%;right:-10%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}to{transform:translate(100px,80px)scale(1.2)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}to{transform:translate(-120px,-90px)scale(1.15)}}#root{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1.25rem;font-size:1.85rem;font-weight:700}h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700}h4{font-size:1.15rem;font-weight:600}a{color:var(--accent-hover);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#fff}.gradient-text{background:linear-gradient(135deg, #fff 40%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#2cb6f840;transform:translateY(-4px)scale(1.005)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #06a1ef 100%);color:#fff;box-shadow:0 4px 15px #0684c033}.btn-primary:hover{background:linear-gradient(135deg, #0896dd 0%, var(--accent-hover) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #2cb6f866}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background-color:#083449;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)scale(.97)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #f0425f 100%);color:#fff;box-shadow:0 4px 15px #ef444433}.btn-danger:hover{background:linear-gradient(135deg,#e61a3c 0%,#f65570 100%);transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.btn-danger:active{transform:translateY(0)scale(.97)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--accent-light);color:var(--accent-hover);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.85rem 1.1rem;font-size:.95rem;box-shadow:inset 0 2px 4px #0003}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-hover);box-shadow:0 0 0 4px var(--accent-glow), inset 0 2px 4px #0000001a;background-color:#072d40}.form-textarea{resize:vertical;min-height:120px}.checkbox-group{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.checkbox-group:hover{color:var(--text-primary)}.checkbox-input{border-radius:var(--radius-sm);border:2px solid var(--border-color);background:var(--bg-tertiary);width:20px;height:20px;accent-color:var(--accent-hover);cursor:pointer;transition:all var(--transition-fast)}.checkbox-input:focus{box-shadow:0 0 0 3px var(--accent-glow)}.badge{border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:.3rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{background-color:var(--warning-light);color:var(--warning-text);border:1px solid #d9a31a40}.badge-progress{background-color:var(--accent-light);color:var(--accent-hover);border:1px solid #0684c040}.badge-success{background-color:var(--success-light);color:var(--success-text);border:1px solid #22c55e40}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}[data-theme=light] body:before{background:radial-gradient(circle,#0679b014 0%,#0000 70%)}[data-theme=light] body:after{background:radial-gradient(circle,#2cb6f80f 0%,#0000 70%)}[data-theme=light] .gradient-text{background:linear-gradient(135deg, #02324b 30%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] a:hover{color:var(--accent-hover)}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{background-color:#fff}[data-theme=light] .glass-card:hover{border-color:#0679b033}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slide-in-left{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideInLeft}@media (width<=768px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:block!important}}@media (width>=769px){.nav-desktop{display:flex!important}.nav-mobile-toggle{display:none!important}}.app-container{flex-direction:column;min-height:100vh;display:flex}