@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:hidden}.main-content{flex:1;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;padding:24px 16px;display:flex}.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}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:768px){.app-container{flex-direction:column}.main-content{padding:64px 16px 24px}.mobile-menu-btn{display:flex}.sidebar{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}.task-table-container{background:0 0!important;border:none!important}table{display:block}thead{display:none}tbody{flex-direction:column;gap:12px;display:flex}tr{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;padding:12px;display:flex}.subtask-row{border-left:3px solid var(--border-color);margin-left:24px}td{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.subtask-row td:first-child{padding-left:0}td:last-child{border-bottom:none}td:before{content:attr(data-label);color:var(--text-secondary);margin-right:16px;font-size:.8rem;font-weight:500}td:first-child{border-bottom:none;padding-bottom:0}td:first-child:before{display:none}td:nth-child(2){justify-content:flex-start}td:nth-child(2):before{display:none}td input{text-align:left;width:100%}td select{text-align:right}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}