@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#09090b;--bg-sidebar:#0e0e11;--bg-card:#141419a6;--bg-card-hover:#1e1e26cc;--border-glass:#ffffff14;--border-glass-focused:#8b5cf666;--primary:#8b5cf6;--primary-glow:#8b5cf640;--secondary:#d946ef;--accent-cyan:#06b6d4;--accent-gold:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 4px 20px -4px #000000b3;--shadow-lg:0 12px 40px -8px #000000e6;--shadow-glow:0 0 15px 0px #8b5cf64d;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);background-color:#09090b;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 0 0,#8b5cf614 0,#0000 50%),radial-gradient(at 100% 100%,#d946ef0d 0,#0000 50%),radial-gradient(#06b6d40a 0,#0000 50%);background-attachment:fixed;height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.mobile-fab{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;z-index:100;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #8b5cf666}.mobile-fab:active{transform:scale(.95)}@media (width<=768px){.mobile-fab{display:flex}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#ffffff1a}.sidebar-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:1000;background:#0a0a0cb3;flex-direction:column;flex-shrink:0;width:280px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;background:#0009;transition:opacity .3s;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-menu-btn{display:flex}.sidebar-container{background:#121216;width:85%;max-width:320px;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar-container.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;display:block}.desktop-only{display:none!important}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);border-radius:16px}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff1f}button,input,textarea,select{color:inherit;font-family:inherit}.btn{border:1px solid var(--border-glass);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{box-shadow:0 6px 20px 0 #8b5cf680, var(--shadow-glow);background:#9d73f8;border-color:#0000}.btn-danger{color:var(--accent-rose);background:#f43f5e26;border-color:#f43f5e4d}.btn-danger:hover{border-color:var(--accent-rose);background:#f43f5e4d}.btn-icon{border-radius:8px;padding:8px}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);transition:all var(--transition-normal);background:#0000004d;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 25px 5px #8b5cf680}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes xpPop{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-20px)scale(1.1)}80%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-45px)scale(.8)}}.animate-fade-in{animation:fadeInUp var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.level-up-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.level-up-card{text-align:center;border:2px solid var(--primary);width:420px;animation:scaleIn var(--transition-normal) forwards, pulseGlow 3s infinite;background:linear-gradient(135deg,#141419e6 0%,#231e32e6 100%);border-radius:24px;padding:40px;box-shadow:0 0 40px #8b5cf699}.level-badge-large{background:radial-gradient(circle, var(--secondary) 0%, var(--primary) 100%);color:#fff;text-shadow:0 2px 10px #00000080;border:4px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;font-size:3rem;font-weight:800;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 0 30px #8b5cf6cc}.kanban-column-tasks{min-height:200px;transition:background-color var(--transition-normal);border-radius:8px;flex-direction:column;flex:1;gap:12px;padding:4px;display:flex;overflow-y:auto}.kanban-column-tasks.drag-over{outline-offset:-2px;background-color:#ffffff08;outline:2px dashed #ffffff26}.badge{border-radius:6px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-low{color:var(--accent-emerald);background:#10b98126}.badge-medium{color:var(--accent-gold);background:#f59e0b26}.badge-high{color:#fb923c;background:#f9731626}.badge-critical{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}#confetti-canvas{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;inset:0}@media (width<=600px){.app-header{padding:0 12px!important}.header-xp-container{display:none!important}}@media (width<=768px){.btn,.form-input{min-height:44px;font-size:1rem}.project-row{padding-top:12px!important;padding-bottom:12px!important}.app-header{height:60px!important}.kanban-column-tasks::-webkit-scrollbar{display:none}}