:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-glass: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-focus: #6366f1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-light: #e0e7ff;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--status-todo-bg: #eff6ff;--status-todo-text: #1d4ed8;--status-todo-border: #bfdbfe;--status-progress-bg: #fef3c7;--status-progress-text: #b45309;--status-progress-border: #fde68a;--status-review-bg: #f3e8ff;--status-review-text: #6b21a8;--status-review-border: #e9d5ff;--status-done-bg: #d1fae5;--status-done-text: #047857;--status-done-border: #a7f3d0;--priority-low-bg: #e0f2fe;--priority-low-text: #0369a1;--priority-medium-bg: #fef9c3;--priority-medium-text: #854d0e;--priority-high-bg: #ffedd5;--priority-high-text: #c2410c;--priority-urgent-bg: #ffe4e6;--priority-urgent-text: #be123c;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--font-main: "Kanit", "Plus Jakarta Sans", -apple-system, sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-tertiary: #1e293b;--bg-glass: rgba(19, 27, 46, .85);--border-color: #334155;--border-focus: #818cf8;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent-primary: #818cf8;--accent-hover: #6366f1;--accent-light: rgba(99, 102, 241, .2);--status-todo-bg: rgba(30, 58, 138, .35);--status-todo-text: #93c5fd;--status-todo-border: rgba(59, 130, 246, .4);--status-progress-bg: rgba(120, 53, 15, .35);--status-progress-text: #fde047;--status-progress-border: rgba(234, 179, 8, .4);--status-review-bg: rgba(88, 28, 135, .35);--status-review-text: #c084fc;--status-review-border: rgba(168, 85, 247, .4);--status-done-bg: rgba(6, 78, 59, .35);--status-done-text: #6ee7b7;--status-done-border: rgba(16, 185, 129, .4);--priority-low-bg: rgba(14, 116, 144, .3);--priority-low-text: #38bdf8;--priority-medium-bg: rgba(161, 98, 7, .3);--priority-medium-text: #facc15;--priority-high-bg: rgba(194, 65, 12, .3);--priority-high-text: #fb923c;--priority-urgent-bg: rgba(190, 18, 60, .35);--priority-urgent-text: #f43f5e;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px rgba(129, 140, 248, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.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}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.25}button{font-family:var(--font-main);cursor:pointer;border:none;background:none;outline:none;transition:var(--transition)}input,textarea,select{font-family:var(--font-main);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem 1rem;font-size:.95rem;outline:none;transition:var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;line-height:1.2}.badge-todo{background-color:var(--status-todo-bg);color:var(--status-todo-text);border:1px solid var(--status-todo-border)}.badge-progress{background-color:var(--status-progress-bg);color:var(--status-progress-text);border:1px solid var(--status-progress-border)}.badge-review{background-color:var(--status-review-bg);color:var(--status-review-text);border:1px solid var(--status-review-border)}.badge-done{background-color:var(--status-done-bg);color:var(--status-done-text);border:1px solid var(--status-done-border)}.priority-low{background:var(--priority-low-bg);color:var(--priority-low-text)}.priority-medium{background:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-high{background:var(--priority-high-bg);color:var(--priority-high-text)}.priority-urgent{background:var(--priority-urgent-bg);color:var(--priority-urgent-text);font-weight:600}.tag-pill{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;padding:.15rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.badge-overdue{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-weight:600;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}