@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root,[data-theme=dark]{--bg-dark:#111;--bg-sidebar:#171717;--bg-panel:#1e1e1e;--bg-hover:#2c2c2c;--text-primary:#ededed;--text-secondary:#a1a1aa;--border-color:#333;--border-subtle:#272727;--accent-color:#3b82f6;--accent-success:#10b981;--accent-danger:#ef4444;--badge-high-bg:#ef444426;--badge-high-text:#ef4444;--badge-medium-bg:#f59e0b26;--badge-medium-text:#f59e0b;--badge-low-bg:#10b98126;--badge-low-text:#10b981;--status-not-started:#ffffff1a;--status-not-started-text:#a1a1aa;--status-in-progress:#3b82f633;--status-in-progress-text:#60a5fa;--status-done:#10b98133;--status-done-text:#34d399;--dashboard-card-bg:#1e1e1e;--dashboard-card-border:#333;--progress-bar-bg:#272727;--font-family:"Inter",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease}[data-theme=light]{--bg-dark:#f5f5f5;--bg-sidebar:#fff;--bg-panel:#fff;--bg-hover:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#6b7280;--border-color:#e5e5e5;--border-subtle:#f0f0f0;--accent-color:#3b82f6;--accent-success:#10b981;--accent-danger:#ef4444;--badge-high-bg:#ef44441a;--badge-high-text:#dc2626;--badge-medium-bg:#f59e0b1a;--badge-medium-text:#d97706;--badge-low-bg:#10b9811a;--badge-low-text:#059669;--status-not-started:#0000000d;--status-not-started-text:#6b7280;--status-in-progress:#3b82f61a;--status-in-progress-text:#2563eb;--status-done:#10b9811a;--status-done-text:#059669;--dashboard-card-bg:#fff;--dashboard-card-border:#e5e5e5;--progress-bar-bg:#e5e5e5}[data-theme=light] option{color:#1a1a1a;background:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{width:100vw;min-height:100vh;display:flex;overflow-x:clip}.main-content{flex:1;min-width:0;padding:32px 64px}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);width:260px;transition:transform var(--transition-normal);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow:hidden}.mobile-menu-btn{z-index:100;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);padding:8px;display:none;position:fixed;top:16px;left:16px}.sidebar-overlay{z-index:40;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:#00000080;display:none;position:fixed;inset:0}.task-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.task-table-container table{min-width:700px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:.875rem;font-weight:500}td{border-bottom:1px solid var(--border-subtle);padding:12px 16px;font-size:.9rem}tr:hover td{background-color:var(--bg-hover);transition:background-color var(--transition-fast)}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}tr.dragging{opacity:.4}tr.drag-over td{border-top:2px solid var(--accent-color)!important}.subtask-row td:first-child{padding-left:48px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.h-screen{min-height:100vh}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.overflow-hidden{overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:1024px){.main-content{padding:24px 32px}}@media (max-width:768px){.app-container{flex-direction:column}.main-content{padding:64px 16px 24px}.mobile-menu-btn{display:flex}.sidebar{height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{opacity:1;pointer-events:auto;display:block}.header-actions{flex-direction:column;align-items:stretch;gap:16px}.header-actions>div:first-child{margin-bottom:-4px;padding-bottom:4px;overflow-x:auto}.header-actions>div:last-child{justify-content:space-between;width:100%;display:flex}.header-actions button{flex:1;justify-content:center}.toast-notification{max-width:calc(100vw - 48px);bottom:16px;left:24px;right:24px}.dashboard-cards{flex-wrap:wrap}.dashboard-cards>div{flex:calc(50% - 8px);min-width:calc(50% - 8px)}.sidebar.open~.mobile-menu-btn,.mobile-menu-btn.hidden{display:none!important}}@media (max-width:480px){.modal-inner{margin:16px;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}.main-content{padding:64px 12px 24px}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ws-loading{color:var(--text-primary)!important;font-weight:500!important}.ws-loading:before{content:"";border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#4ade8033 0%,#4ade8059 100%);animation:2s ease-in-out infinite wsFill;position:absolute;inset:0}@keyframes wsFill{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{opacity:.3;transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes celebrateLift{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-8px)scale(1.015)}70%{transform:translateY(-3px)scale(1.005)}to{transform:translateY(0)scale(1)}}tr.celebrating{z-index:5;animation:.5s ease-out forwards celebrateLift;position:relative}.confetti-particle{pointer-events:none;border-radius:2px;width:6px;height:6px;animation-duration:.55s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;top:50%;left:50%}@keyframes cp1{to{opacity:0;transform:translate(-32px,-44px)scale(0)}}@keyframes cp2{to{opacity:0;transform:translate(32px,-44px)scale(0)}}@keyframes cp3{to{opacity:0;transform:translate(-52px,-18px)scale(0)}}@keyframes cp4{to{opacity:0;transform:translate(52px,-18px)scale(0)}}@keyframes cp5{to{opacity:0;transform:translate(-18px,-54px)scale(0)}}@keyframes cp6{to{opacity:0;transform:translate(18px,-54px)scale(0)}}@keyframes cp7{to{opacity:0;transform:translate(-40px,-30px)scale(0)}}@keyframes cp8{to{opacity:0;transform:translate(40px,-30px)scale(0)}}.confetti-particle.cp1{background:#ef4444;animation-name:cp1;animation-delay:0s}.confetti-particle.cp2{background:#3b82f6;animation-name:cp2;animation-delay:30ms}.confetti-particle.cp3{background:#10b981;border-radius:50%;animation-name:cp3;animation-delay:55ms}.confetti-particle.cp4{background:#f59e0b;animation-name:cp4;animation-delay:0s}.confetti-particle.cp5{background:#8b5cf6;border-radius:50%;animation-name:cp5;animation-delay:40ms}.confetti-particle.cp6{background:#ec4899;animation-name:cp6;animation-delay:20ms}.confetti-particle.cp7{background:#f97316;border-radius:50%;animation-name:cp7;animation-delay:50ms}.confetti-particle.cp8{background:#14b8a6;animation-name:cp8;animation-delay:10ms}