@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Prompt:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(51, 65, 85, .8);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(99, 102, 241, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-cyan: #06b6d4;--accent-purple: #a855f7;--status-todo: #64748b;--status-progress: #3b82f6;--status-review: #f59e0b;--status-done: #10b981;--priority-low: #64748b;--priority-medium: #3b82f6;--priority-high: #f97316;--priority-urgent: #ef4444;--font-main: "Prompt", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(168,85,247,.15) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.08) 0px,transparent 50%);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#64748b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:1.5rem 2rem 3rem}@media (max-width: 768px){.main-content{padding:1rem 1rem 2rem}}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-main);font-weight:500;font-size:.9rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;outline:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f199;transform:translateY(-1px)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440;color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-priority-low{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.badge-priority-medium{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-priority-high{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.badge-priority-urgent{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4);animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.badge-status-todo{background:#94a3b81f;color:#cbd5e1}.badge-status-in_progress{background:#3b82f626;color:#93c5fd}.badge-status-in_review{background:#f59e0b26;color:#fcd34d}.badge-status-done{background:#10b98126;color:#6ee7b7}.badge-overdue{background:#e11d4840;color:#fda4af;border:1px solid rgba(225,29,72,.5)}.badge-duesoon{background:#f59e0b33;color:#fde047;border:1px solid rgba(245,158,11,.4)}.app-header{background:#111827d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;padding:.875rem 2rem}@media (max-width: 768px){.app-header{padding:.75rem 1rem}}.header-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.brand-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-icon{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d;-webkit-text-fill-color:initial}.user-switcher{display:flex;align-items:center;gap:.75rem;background:#1e293be6;padding:.375rem .875rem .375rem .5rem;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.user-avatar-sm{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.user-select{background:transparent;color:var(--text-primary);border:none;font-family:var(--font-main);font-size:.875rem;font-weight:600;cursor:pointer;outline:none}.user-select option{background:#1e293b;color:#fff}.view-tabs{display:flex;align-items:center;gap:.35rem;background:#0f172ab3;padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:none;font-family:var(--font-main);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #6366f166}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);font-size:.9rem;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.form-textarea{min-height:100px;resize:vertical}.form-select option{background:#0f172a;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal-content{width:100%;max-width:600px;max-height:90vh;overflow-y:auto;background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);box-shadow:0 20px 50px #00000080;padding:1.75rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.kanban-column{transition:background-color .2s ease,border-color .2s ease}.kanban-column.drag-over{background:#6366f11f!important;border-color:#6366f180!important}.task-card{-webkit-user-select:none;user-select:none;cursor:grab}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.5;transform:scale(.98)}
