@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #FAFAF8;--color-surface: #FFFFFF;--color-surface-2: #F3F4F6;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #9CA3AF;--color-primary: #4F6BED;--color-primary-light: #EEF2FF;--color-primary-dark: #3752C5;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--topbar-height: 60px;--sidebar-width: 260px;--right-panel-width: 240px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--trans-fast: .15s ease;--trans-base: .25s ease;--trans-slow: .35s ease}[data-theme=dark]{--color-bg: #0F1117;--color-surface: #1A1B23;--color-surface-2: #22242F;--color-border: #2D2F3B;--color-border-light: #22242F;--color-text-primary: #F9FAFB;--color-text-secondary: #9CA3AF;--color-text-muted: #6B7280;--color-primary: #6B8AFB;--color-primary-light: #1E2440;--color-primary-dark: #4F6BED;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text-primary);transition:background var(--trans-slow),color var(--trans-slow);min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}@media(max-width:1180px){.right-panel{display:none}}@media(max-width:768px){:root{--sidebar-width: 0px}.sidebar,.stats-bar{display:none}.bottom-tabs{display:flex}#root{padding-bottom:60px}.topbar{padding:0 12px;gap:8px}.week-grid{grid-template-columns:44px repeat(3,1fr);min-width:unset}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in-up{animation:fadeInUp .2s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.modal__footer{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-light);flex-wrap:wrap}.btn-ghost{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:transparent;transition:background var(--trans-fast),color var(--trans-fast)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-danger-ghost{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-danger);border:1px solid transparent;background:transparent;transition:background var(--trans-fast)}.btn-danger-ghost:hover{background:#fee2e2}.btn-danger{padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:#fff;background:var(--color-danger);transition:opacity var(--trans-fast)}.btn-danger:hover{opacity:.85}.btn-complete{padding:7px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border);background:transparent;transition:background var(--trans-fast),color var(--trans-fast),border-color var(--trans-fast)}.btn-complete.done{background:#d1fae5;color:#065f46;border-color:#6ee7b7}[data-theme=dark] .btn-complete.done{background:#064e3b;color:#6ee7b7;border-color:#065f46}.delete-confirm{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--color-danger);flex-wrap:wrap}.category-picker{display:flex;flex-wrap:wrap;gap:6px}.category-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid var(--color-border);font-size:.78rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background var(--trans-fast),border-color var(--trans-fast),color var(--trans-fast);background:transparent}.category-pill:hover{border-color:var(--cat-color, var(--color-primary));color:var(--color-text-primary)}.category-pill.active{color:var(--cat-color, var(--color-primary));font-weight:600}.pa-col-header{font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:4px;display:inline-block}.pa-planned{background:#eff6ff;color:#2563eb}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font-size:.875rem;outline:none;transition:border-color var(--trans-fast),box-shadow var(--trans-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6bed1f}.form-textarea{resize:vertical;min-height:80px}.btn-primary{padding:8px 14px;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;transition:background var(--trans-fast),transform var(--trans-fast);white-space:nowrap}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{transform:scale(.97)}