@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-gradient-start: #2d1f2d;--bg-gradient-end: #1a1518;--bg-gradient-mid: #2a2025;--surface-dark: rgba(45, 35, 45, .85);--surface-darker: rgba(35, 28, 35, .8);--surface-card: rgba(65, 55, 65, .6);--surface-card-hover: rgba(75, 65, 75, .7);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(168, 85, 247, .3);--glass-highlight: rgba(128, 128, 128, .1);--text-primary: #f5f0eb;--text-secondary: #a89b9b;--text-muted: #6b5d5d;--text-version: #d4cfc9;--card-bg: rgba(55, 45, 55, .5);--card-border: rgba(255, 255, 255, .06);--card-hover: rgba(65, 55, 65, .6);--input-bg: rgba(55, 45, 55, .5);--input-border: rgba(255, 255, 255, .08);--priority-high-bg: rgba(239, 68, 68, .2);--priority-high-text: #fca5a5;--priority-high-border: rgba(239, 68, 68, .4);--priority-medium-bg: rgba(251, 191, 36, .2);--priority-medium-text: #fcd34d;--priority-medium-border: rgba(251, 191, 36, .4);--priority-low-bg: rgba(34, 197, 94, .2);--priority-low-text: #86efac;--priority-low-border: rgba(34, 197, 94, .4);--gitlab-bg: rgba(251, 146, 60, .15);--gitlab-text: #fdba74;--gitlab-border: rgba(251, 146, 60, .3);--sync-success-bg: rgba(34, 197, 94, .2);--sync-success-text: #86efac;--sync-success-border: rgba(34, 197, 94, .4);--sync-error-bg: rgba(239, 68, 68, .15);--sync-error-text: #fca5a5;--sync-error-border: rgba(239, 68, 68, .3);--sync-pending-bg: rgba(251, 191, 36, .15);--sync-pending-text: #fcd34d;--sync-pending-border: rgba(251, 191, 36, .3);--version-bg: rgba(255, 255, 255, .1);--version-text: #d4cfc9;--version-border: rgba(255, 255, 255, .15);--sidebar-bg: rgba(45, 35, 45, .6);--sidebar-border: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(168, 85, 247, .15);--sidebar-active-text: #d8b4fe;--btn-primary-bg: linear-gradient(135deg, rgba(168, 85, 247, .8), rgba(139, 92, 246, .8));--btn-secondary-bg: rgba(65, 55, 65, .6);--btn-secondary-text: #f5f0eb;--btn-secondary-border: rgba(255, 255, 255, .1);--empty-bg: rgba(55, 45, 55, .5);--empty-border: rgba(255, 255, 255, .06);--add-btn-border: rgba(255, 255, 255, .15);--add-btn-text: #a89b9b;--add-btn-hover-border: rgba(168, 85, 247, .4);--add-btn-hover-text: #d8b4fe;--add-btn-hover-bg: rgba(168, 85, 247, .1);--column-header-text: #a89b9b;--column-header-border: rgba(255, 255, 255, .08);--column-count-bg: rgba(255, 255, 255, .08);--column-count-text: #f5f0eb;--scrollbar-track: rgba(0, 0, 0, .2);--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--checklist-bg: rgba(55, 45, 55, .5);--checklist-border: rgba(255, 255, 255, .06);--checklist-done-text: #86efac;--checklist-pending-text: #a89b9b;--accent-purple: #a855f7;--accent-gold: #fbbf24;--modal-overlay-bg: rgba(15, 23, 42, .7);--modal-bg: var(--surface-dark);--modal-border: var(--glass-border);--modal-title-text: var(--text-primary);--modal-label-text: var(--text-secondary);--modal-input-bg: var(--input-bg);--modal-input-border: var(--input-border);--modal-input-text: var(--text-primary);--modal-input-placeholder: var(--text-muted);--modal-close-bg: var(--version-bg);--modal-close-border: var(--version-border);--modal-close-text: var(--text-secondary);--modal-close-hover-bg: rgba(239, 68, 68, .2);--modal-close-hover-text: #fca5a5;--modal-btn-primary-bg: var(--btn-primary-bg);--modal-btn-primary-text: #fff;--modal-btn-secondary-bg: var(--version-bg);--modal-btn-secondary-text: var(--text-secondary);--modal-btn-secondary-border: var(--version-border);--modal-btn-danger-bg: rgba(239, 68, 68, .15);--modal-btn-danger-text: #fca5a5;--modal-btn-danger-border: rgba(239, 68, 68, .3);--modal-btn-danger-hover-bg: rgba(239, 68, 68, .25);--modal-btn-disabled-bg: var(--version-bg);--modal-btn-disabled-text: var(--text-muted);--modal-ai-bg: rgba(168, 85, 247, .1);--modal-ai-border: rgba(168, 85, 247, .3);--modal-ai-text: var(--sidebar-active-text);--modal-ai-label-text: #d8b4fe;--modal-status-bg: var(--version-bg);--modal-status-text: var(--text-secondary);--modal-status-active-bg: rgba(59, 130, 246, .2);--modal-status-active-text: #60a5fa;--modal-status-active-border: rgba(59, 130, 246, .4);--modal-tag-yes-bg: rgba(34, 197, 94, .15);--modal-tag-yes-text: #86efac;--modal-tag-yes-border: rgba(34, 197, 94, .3);--modal-tag-no-bg: rgba(239, 68, 68, .15);--modal-tag-no-text: #fca5a5;--modal-tag-no-border: rgba(239, 68, 68, .3)}[data-theme=light]{--bg-gradient-start: #f8f6f4;--bg-gradient-end: #ebe7e3;--bg-gradient-mid: #f5f3f0;--surface-dark: rgba(255, 255, 255, .9);--surface-darker: rgba(248, 246, 244, .95);--surface-card: rgba(255, 255, 255, .8);--surface-card-hover: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(168, 85, 247, .3);--glass-highlight: rgba(0, 0, 0, .05);--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #9b9b9b;--text-version: #4b4b4b;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .06);--card-hover: rgba(255, 255, 255, .95);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(0, 0, 0, .08);--priority-high-bg: rgba(239, 68, 68, .1);--priority-high-text: #dc2626;--priority-high-border: rgba(239, 68, 68, .3);--priority-medium-bg: rgba(251, 191, 36, .15);--priority-medium-text: #d97706;--priority-medium-border: rgba(251, 191, 36, .35);--priority-low-bg: rgba(34, 197, 94, .1);--priority-low-text: #16a34a;--priority-low-border: rgba(34, 197, 94, .3);--gitlab-bg: rgba(251, 146, 60, .12);--gitlab-text: #ea580c;--gitlab-border: rgba(251, 146, 60, .25);--sync-success-bg: rgba(34, 197, 94, .1);--sync-success-text: #16a34a;--sync-success-border: rgba(34, 197, 94, .3);--sync-error-bg: rgba(239, 68, 68, .1);--sync-error-text: #dc2626;--sync-error-border: rgba(239, 68, 68, .3);--sync-pending-bg: rgba(251, 191, 36, .12);--sync-pending-text: #d97706;--sync-pending-border: rgba(251, 191, 36, .3);--version-bg: rgba(0, 0, 0, .05);--version-text: #4b4b4b;--version-border: rgba(0, 0, 0, .1);--sidebar-bg: rgba(255, 255, 255, .9);--sidebar-border: rgba(0, 0, 0, .06);--sidebar-active-bg: rgba(168, 85, 247, .1);--sidebar-active-text: #7c3aed;--btn-primary-bg: linear-gradient(135deg, #a855f7, #7c3aed);--btn-secondary-bg: rgba(255, 255, 255, .9);--btn-secondary-text: #1a1a1a;--btn-secondary-border: rgba(0, 0, 0, .1);--empty-bg: rgba(255, 255, 255, .8);--empty-border: rgba(0, 0, 0, .06);--add-btn-border: rgba(0, 0, 0, .15);--add-btn-text: #6b6b6b;--add-btn-hover-border: rgba(168, 85, 247, .4);--add-btn-hover-text: #7c3aed;--add-btn-hover-bg: rgba(168, 85, 247, .05);--column-header-text: #6b6b6b;--column-header-border: rgba(0, 0, 0, .06);--column-count-bg: rgba(0, 0, 0, .06);--column-count-text: #1a1a1a;--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--checklist-bg: rgba(255, 255, 255, .8);--checklist-border: rgba(0, 0, 0, .06);--checklist-done-text: #16a34a;--checklist-pending-text: #6b6b6b;--accent-purple: #7c3aed;--accent-gold: #d97706;--modal-overlay-bg: rgba(0, 0, 0, .4);--modal-bg: var(--surface-dark);--modal-border: var(--glass-border);--modal-title-text: var(--text-primary);--modal-label-text: var(--text-secondary);--modal-input-bg: var(--input-bg);--modal-input-border: var(--input-border);--modal-input-text: var(--text-primary);--modal-input-placeholder: var(--text-muted);--modal-close-bg: var(--version-bg);--modal-close-border: var(--version-border);--modal-close-text: var(--text-secondary);--modal-close-hover-bg: rgba(239, 68, 68, .1);--modal-close-hover-text: #dc2626;--modal-btn-primary-bg: var(--btn-primary-bg);--modal-btn-primary-text: #fff;--modal-btn-secondary-bg: var(--version-bg);--modal-btn-secondary-text: var(--text-secondary);--modal-btn-secondary-border: var(--version-border);--modal-btn-danger-bg: rgba(239, 68, 68, .1);--modal-btn-danger-text: #dc2626;--modal-btn-danger-border: rgba(239, 68, 68, .25);--modal-btn-danger-hover-bg: rgba(239, 68, 68, .2);--modal-btn-disabled-bg: var(--version-bg);--modal-btn-disabled-text: var(--text-muted);--modal-ai-bg: rgba(168, 85, 247, .08);--modal-ai-border: rgba(168, 85, 247, .25);--modal-ai-text: #7c3aed;--modal-ai-label-text: #7c3aed;--modal-status-bg: var(--version-bg);--modal-status-text: var(--text-secondary);--modal-status-active-bg: rgba(59, 130, 246, .1);--modal-status-active-text: #2563eb;--modal-status-active-border: rgba(59, 130, 246, .35);--modal-tag-yes-bg: rgba(34, 197, 94, .1);--modal-tag-yes-text: #16a34a;--modal-tag-yes-border: rgba(34, 197, 94, .25);--modal-tag-no-bg: rgba(239, 68, 68, .1);--modal-tag-no-text: #dc2626;--modal-tag-no-border: rgba(239, 68, 68, .25)}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #a855f726}50%{box-shadow:0 0 30px #a855f740}}.theme-toggle{position:relative;width:44px;height:24px;background:var(--version-bg);border:1px solid var(--version-border);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:2px}.theme-toggle:hover{border-color:var(--accent-purple)}.theme-toggle-thumb{width:18px;height:18px;background:var(--accent-gold);border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:10px}[data-theme=light] .theme-toggle-thumb{transform:translate(20px);background:#fbbf24}.theme-toggle-icon{color:var(--text-primary)}