@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-deep:222 47% 6%;--bg-main:222 47% 9%;--bg-card:223 47% 12%;--bg-card-hover:223 47% 16%;--border:223 47% 18% / .4;--border-focus:263 90% 62%;--text-primary:210 40% 98%;--text-secondary:215 20% 75%;--text-muted:215 16% 55%;--primary:263 90% 62%;--primary-hover:263 90% 55%;--secondary:189 94% 43%;--secondary-hover:189 94% 36%;--success:142 72% 29%;--success-light:142 76% 45%;--warning:38 92% 50%;--danger:350 89% 60%;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass-shadow:0 8px 32px 0 #0000005e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-deep));color:hsl(var(--text-primary));font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#8a47f514 0,#0000 50%),radial-gradient(at 100% 100%,#07b6d514 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;color:hsl(var(--text-primary));font-weight:700}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-deep))}::-webkit-scrollbar-thumb{background:hsl(var(--bg-card-hover));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--primary), .5)}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);background:#0f142099;border:1px solid #ffffff0d;border-radius:16px}.glass-panel:hover{border-color:#ffffff14}.glass-card{-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);background:#0f142066;border:1px solid #ffffff0a;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0003}.glass-card:hover{border-color:hsla(var(--primary), .3);background:#141c2d80;transform:translateY(-4px);box-shadow:0 12px 24px #0006}.glass-input{width:100%;color:hsl(var(--text-primary));transition:var(--transition-smooth);background:#03071280;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.8rem 1rem;font-size:.95rem}.glass-input::placeholder{color:hsl(var(--text-muted))}.glass-input:focus{border-color:hsl(var(--border-focus));box-shadow:0 0 0 3px hsla(var(--primary), .2);background:#030712b3}.glass-btn{cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.glass-btn-primary{background:linear-gradient(135deg, hsl(var(--primary)), hsla(var(--primary), .8));color:#fff;box-shadow:0 4px 14px 0 hsla(var(--primary), .4)}.glass-btn-primary:hover{box-shadow:0 6px 20px 0 hsla(var(--primary), .6);filter:brightness(1.1);transform:translateY(-2px)}.glass-btn-primary:active{transform:translateY(0)}.glass-btn-secondary{color:hsl(var(--text-primary));background:#ffffff0d;border-color:#ffffff14}.glass-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.glass-btn-danger{background:hsla(var(--danger), .2);color:#ff859b;border-color:hsla(var(--danger), .4)}.glass-btn-danger:hover{background:hsla(var(--danger), .3);box-shadow:0 4px 12px 0 hsla(var(--danger), .2);transform:translateY(-2px)}.glass-btn-success{background:hsla(var(--success-light), .15);color:#a7f3d0;border-color:hsla(var(--success-light), .3)}.glass-btn-success:hover{background:hsla(var(--success-light), .25);transform:translateY(-2px)}.app-container{background-color:hsl(var(--bg-main));min-height:100vh;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pending{color:#fef08a;background:#eab30826;border:1px solid #eab3084d}.status-completed{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.app-container{flex-direction:column}.grid-cols-auto{grid-template-columns:1fr}}