: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;--col-done-collapsed: 44px;--gap-main: 16px;--bp-mobile: 390px;--bp-tablet: 768px;--bp-laptop: 1024px;--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}.topbar{position:sticky;top:0;z-index:100;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-left{gap:12px}.topbar-right{gap:10px}.topbar-logo{display:flex;align-items:center;font-family:var(--font-mono);font-size:16px;font-weight:600;letter-spacing:.02em}.topbar-logo-ti{color:var(--text-primary)}.topbar-logo-s{color:var(--accent)}.topbar-divider{width:1px;height:20px;background:var(--border)}.topbar-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.topbar-lead-btn,.topbar-icon-btn{min-height:32px}.topbar-icon-btn{width:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.topbar-lead-btn{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid var(--accent);background:var(--accent-subtle);color:var(--accent);letter-spacing:.02em}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-subtle);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;-webkit-user-select:none;user-select:none;cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.app-main{flex:1;min-height:0;overflow-y:auto}.app-columns{display:flex;align-items:stretch;min-height:100%;max-width:1200px;margin:0 auto}.app-column-focus{width:var(--col-focus);flex-shrink:0;background:var(--accent-subtle);border-right:1px solid var(--border);padding:20px 16px}.app-column-today{flex:1;min-width:0;border-right:1px solid var(--border);padding:20px 16px}.app-column-done{width:var(--col-done);flex-shrink:0;background:var(--success-bg);overflow:hidden;transition:width .25s ease;border-left:1px solid var(--border)}.app-column-done.is-collapsed{width:var(--col-done-collapsed)}@media (max-width: 1024px){.app-columns{flex-wrap:wrap}.app-column-focus{width:100%;border-right:0;border-bottom:1px solid var(--border);padding:16px}.app-column-today{width:calc(100% - var(--col-done));border-right:1px solid var(--border);padding:16px}}@media (max-width: 768px){.topbar{height:auto;min-height:var(--topbar-height);padding:8px 12px;gap:8px;flex-wrap:wrap}.topbar-left{flex:1;min-width:0}.topbar-title{font-size:12px}.topbar-right{width:100%;justify-content:flex-end;gap:8px}.topbar-lead-btn,.topbar-icon-btn,.topbar-avatar{min-height:34px}.app-columns{display:block}.app-column-focus,.app-column-today{width:100%;border-right:0;padding:14px 12px}.app-column-focus,.app-column-today{border-bottom:1px solid var(--border)}.app-column-done,.app-column-done.is-collapsed{width:100%;border-left:0;border-top:1px solid var(--border);min-height:180px}}@media (max-width: 390px){.topbar{padding:8px 10px}.topbar-divider,.topbar-title{display:none}.topbar-lead-btn{padding:4px 8px;font-size:10px}.app-column-focus,.app-column-today{padding:12px 10px}.error-toast{padding:8px 12px;font-size:11px}}.today-zone-heading{display:flex;align-items:center;gap:8px}.today-filter-bar{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.today-filter-search,.today-filter-select{height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:11px;outline:none}.today-filter-search{flex:1;min-width:120px;padding:0 10px}.today-filter-select{padding:0 6px;color:var(--text-secondary)}.today-filter-count{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}@media (max-width: 768px){.today-filter-search,.today-filter-select{min-height:34px}.today-filter-search{min-width:100%}.today-filter-select{flex:1;min-width:130px}}@media (max-width: 390px){.today-zone-heading{flex-direction:column;align-items:flex-start;gap:2px}.today-filter-select{min-width:100%}}