:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2), 0 4px 6px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .15);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--color-urgent: #f43f5e;--color-urgent-bg: rgba(244, 63, 94, .12);--color-high: #f59e0b;--color-high-bg: rgba(245, 158, 11, .12);--color-medium: #3b82f6;--color-medium-bg: rgba(59, 130, 246, .12);--color-low: #10b981;--color-low-bg: rgba(16, 185, 129, .12);--color-done: #10b981}body.theme-dark{--bg-canvas: #0c0e12;--bg-surface: #13171f;--bg-surface-elevated: #1a1f2c;--bg-surface-hover: #222938;--bg-surface-active: #2a3346;--bg-glass: rgba(19, 23, 31, .75);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-inverse: #0c0e12;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-subtle: rgba(99, 102, 241, .15);--accent-glow: rgba(99, 102, 241, .25);--badge-bg: rgba(255, 255, 255, .06);--input-bg: #11141c}body.theme-light{--bg-canvas: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-hover: #e2e8f0;--bg-surface-active: #cbd5e1;--bg-glass: rgba(255, 255, 255, .85);--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #4f46e5;--accent-hover: #4338ca;--accent-subtle: rgba(79, 70, 229, .1);--accent-glow: rgba(79, 70, 229, .2);--badge-bg: rgba(0, 0, 0, .05);--input-bg: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.mono-text{font-family:var(--font-mono);font-size:.85em;letter-spacing:-.01em}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}button:active{transform:scale(.98)}.btn-primary{background:var(--accent-primary);color:#fff;padding:7px 14px;box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff26}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);padding:7px 12px}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-md);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text-primary)}input,textarea,select{font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-medium)}.card-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500;letter-spacing:.02em}.badge-urgent{background:var(--color-urgent-bg);color:var(--color-urgent);border:1px solid rgba(244,63,94,.2)}.badge-high{background:var(--color-high-bg);color:var(--color-high);border:1px solid rgba(245,158,11,.2)}.badge-medium{background:var(--color-medium-bg);color:var(--color-medium);border:1px solid rgba(59,130,246,.2)}.badge-low{background:var(--color-low-bg);color:var(--color-low);border:1px solid rgba(16,185,129,.2)}.badge-default{background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--border-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.hover-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hover-card:hover{border-color:var(--accent-primary)!important;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-canvas)}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-canvas)}.content-body{flex:1;overflow-y:auto;padding:24px 32px}