:root{--bg-primary: #FAFAFA;--bg-secondary: #F4F5F7;--bg-card: #FFFFFF;--border: #E2E4E9;--text-primary: #1A1D23;--text-secondary:#5C6370;--text-muted: #9EA5B3;--accent: #0070F3;--accent-hover: #0057C2;--accent-subtle: #EBF4FF;--success: #18794E;--success-bg: #DCFCE7;--warning: #B45309;--warning-bg: #FEF3C7;--error: #C62828;--error-bg: #FEE2E2;--purple: #534AB7;--purple-bg: #EEEDFE;--teal: #0F6E56;--teal-bg: #E1F5EE;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07);--shadow-md: 0 4px 12px rgba(0, 0, 0, .09);--font-ui: "Plus Jakarta Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--topbar-height: 52px;--col-focus: 260px;--col-done: 220px;--gap-main: 16px;--chart-1: var(--accent);--chart-2: var(--success);--chart-3: var(--warning);--chart-4: var(--purple);--chart-5: var(--teal);--chart-6: var(--error);--chart-grid: var(--border);--chart-text: var(--text-muted);--lead-sidebar-width: 220px}[data-theme=dark]{--bg-primary: #0D1018;--bg-secondary: #151B27;--bg-card: #1A2236;--border: #263047;--text-primary: #E8ECF3;--text-secondary:#8B97AE;--text-muted: #4F5D72;--accent: #4AA3FF;--accent-hover: #70B8FF;--accent-subtle: #0B1E38;--success: #34C778;--success-bg: #0A231A;--warning: #F5A623;--warning-bg: #231A08;--error: #F87171;--error-bg: #230E0E;--purple: #8B84E0;--purple-bg: #1A1840;--teal: #34C778;--teal-bg: #0A2318;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightPulse{0%{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}to{border-color:var(--border);box-shadow:none}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-ui);font-weight:600;line-height:1.3;color:var(--text-primary)}code,.mono{font-family:var(--font-mono)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.main-grid{display:grid;grid-template-columns:var(--col-focus) 1fr var(--col-done);gap:var(--gap-main);padding:20px 24px;align-items:start}.fade-up{animation:fadeUp .25s ease forwards}.highlight-pulse{animation:highlightPulse .4s ease forwards}.zone-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.zone-title{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.zone-subtitle{font-size:10px;color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:500}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:5px 13px;font-size:12px;font-weight:500}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-secondary);white-space:nowrap;transition:all .15s ease}.action-btn:hover{border-color:currentColor}.action-btn.active-progress{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.action-btn.active-done{background:var(--success-bg);border-color:var(--success);color:var(--success)}.action-btn.active-blocked{background:var(--error-bg);border-color:var(--error);color:var(--error)}.action-btn.active-deferred{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.tech-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tech-pill.sap-cpi{background:var(--purple-bg);color:var(--purple)}.tech-pill.sap-cap{background:var(--teal-bg);color:var(--teal)}.tech-pill.sap-c4c{background:var(--warning-bg);color:var(--warning)}.tech-pill.sap-cx{background:var(--error-bg);color:var(--error)}.tech-pill.ai-llm{background:var(--accent-subtle);color:var(--accent)}.tech-pill.tech-default{background:var(--bg-secondary);color:var(--text-secondary)}.priority-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.priority-badge.critical{background:var(--error-bg);color:var(--error)}.priority-badge.high{background:var(--warning-bg);color:var(--warning)}.priority-badge.normal{background:var(--bg-secondary);color:var(--text-secondary)}.priority-badge.low{background:var(--bg-secondary);color:var(--text-muted)}.status-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.status-pill.in-progress{background:var(--accent-subtle);color:var(--accent)}.status-pill.blocked{background:var(--error-bg);color:var(--error)}.status-pill.done{background:var(--success-bg);color:var(--success)}.status-pill.waiting,.status-pill.dropped{background:var(--bg-secondary);color:var(--text-muted)}.status-pill.to-do{background:var(--bg-secondary);color:var(--text-secondary)}.project-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.02em}.inline-input{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-ui);font-size:12px;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .15s ease;outline:none}.inline-input:focus{border-color:var(--accent);background:var(--bg-card)}.inline-input.error{border-color:var(--error)}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:12px;line-height:1.6}.progress-bar-track{height:4px;background:var(--bg-secondary);border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:99px;background:var(--accent);transition:width .3s ease}.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.collapse-icon{transition:transform .2s ease;color:var(--text-muted)}.collapse-icon.open{transform:rotate(90deg)}@media (max-width: 1024px){.main-grid{grid-template-columns:var(--col-focus) 1fr;grid-template-rows:auto auto}.main-grid .done-zone{grid-column:1 / -1}}@media (max-width: 768px){.main-grid{grid-template-columns:1fr;padding:12px 16px}.container{padding:0 16px}}.view-toggle{display:flex;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2px}.vt-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-ui);transition:all .15s ease}.vt-btn.active{background:var(--accent);color:#fff}.vt-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.board-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.board-col{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;display:flex;flex-direction:column;gap:8px}.board-col-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:2px}.board-col-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}.board-col-count{font-size:10px;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.col-todo .board-col-label{color:var(--text-secondary)}.col-todo .board-col-count{background:var(--bg-card);color:var(--text-secondary)}.col-inprog .board-col-label{color:var(--accent)}.col-inprog .board-col-count{background:var(--accent-subtle);color:var(--accent)}.col-blocked .board-col-label{color:var(--error)}.col-blocked .board-col-count{background:var(--error-bg);color:var(--error)}.board-col-empty{padding:20px 0;text-align:center;font-size:11px;color:var(--text-muted)}.col-todo.board-col-drop-target{border-style:dashed;border-color:var(--text-secondary);background:var(--bg-card);transition:border-color .1s ease,background .1s ease}.col-inprog.board-col-drop-target{border-style:dashed;border-color:var(--accent);background:var(--accent-subtle);transition:border-color .1s ease,background .1s ease}.col-blocked.board-col-drop-target{border-style:dashed;border-color:var(--error);background:var(--error-bg);transition:border-color .1s ease,background .1s ease}.board-pending-prompt{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.board-pending-title{font-size:11px;font-weight:600;color:var(--text-secondary)}.board-pending-task-name{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-pending-error{font-size:11px;color:var(--error)}.board-pending-actions{display:flex;gap:6px}.board-pending-confirm{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:500;color:#fff;border:none;cursor:pointer;transition:opacity .15s ease}.board-pending-confirm:hover{opacity:.85}.board-pending-cancel{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.board-pending-cancel:hover{border-color:var(--error);color:var(--error)}@keyframes modeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mode-enter{animation:modeFadeIn .2s ease forwards}@media (max-width: 900px){.board-cols{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.board-cols{grid-template-columns:1fr}.vt-btn[data-mode=board]{display:none}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auth-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;font-size:14px;color:var(--text-secondary)}.app-loading{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.skeleton-topbar{height:52px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.skeleton-main{display:flex;gap:16px;padding:16px 20px;flex:1}.skeleton-col{height:400px;border-radius:var(--radius-lg);background:var(--bg-secondary);width:260px;flex-shrink:0;animation:shimmer 1.5s ease infinite}.skeleton-col.wide{flex:1;width:auto}.skeleton-col.narrow{width:44px}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.45}}.error-toast{position:sticky;bottom:0;left:0;right:0;background:var(--error-bg);color:var(--error);border-top:1px solid var(--error);padding:10px 20px;font-size:12px;font-weight:500;display:flex;justify-content:space-between;align-items:center;cursor:pointer;z-index:200;animation:fadeUp .2s ease forwards}.error-dismiss{font-size:14px;opacity:.6}