@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#faf8f5;--bg-secondary:#fff;--bg-tertiary:#f3f0ec;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--bg-glass-strong:#0000000f;--text-primary:#1b2a4a;--text-secondary:#6b7b99;--text-tertiary:#9daabe;--text-inverse:#fff;--accent-primary:#1b2a4a;--accent-glow:#1b2a4a14;--accent-hover:#2c3e6b;--accent-muted:#1b2a4a1f;--accent-gradient:linear-gradient(135deg, #1b2a4a, #2c3e6b);--gold:#c8a45a;--gold-hover:#d4b46c;--gold-muted:#c8a45a1f;--gold-gradient:linear-gradient(135deg, #c8a45a, #d4b46c);--status-action:#d4574b;--status-blocker:#d49b4b;--status-done:#4b9b6b;--status-deadline:#4b7bd4;--status-info:#5b8ec9;--border-subtle:#0000000f;--border-focus:#1b2a4a4d;--border-strong:#0000001f;--danger:#c94444;--danger-muted:#c9444414;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #1b2a4a0f;--shadow-md:0 4px 12px #1b2a4a14;--shadow-lg:0 8px 32px #1b2a4a1a;--shadow-glow:0 2px 12px #c8a45a26;--shadow-glow-strong:0 4px 24px #c8a45a40;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.4s;--sidebar-width:64px;--sidebar-expanded:200px;--header-height:60px;--max-content:800px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#0e1117;--bg-secondary:#161b27;--bg-tertiary:#1e2435;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-glass-strong:#ffffff17;--text-primary:#edf0f7;--text-secondary:#8a97b4;--text-tertiary:#566079;--text-inverse:#0e1117;--accent-primary:#c8a45a;--accent-glow:#c8a45a1f;--accent-hover:#d4b46c;--accent-muted:#c8a45a26;--accent-gradient:linear-gradient(135deg, #c8a45a, #d4b46c);--border-subtle:#ffffff12;--border-focus:#c8a45a66;--border-strong:#ffffff21;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent-primary);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{color:var(--text-primary);background:#c8a45a33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001f}::-webkit-scrollbar-thumb:hover{background:#0003}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.card:hover{border-color:var(--border-strong)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass-strong);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-danger{background:var(--danger-muted);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);min-width:36px;min-height:36px}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input-error{border-color:var(--danger)!important}textarea.input{resize:vertical;min-height:60px;line-height:1.5}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;font-weight:500;display:inline-flex}.badge-action{color:var(--status-action);background:#d4574b1a}.badge-blocker{color:var(--status-blocker);background:#d49b4b1f}.badge-done{color:var(--status-done);background:#4b9b6b1a}.badge-deadline{color:var(--status-deadline);background:#4b7bd41a}.badge-tag{background:var(--bg-tertiary);color:var(--text-secondary)}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-1);transition:all var(--dur-fast) var(--ease-out);cursor:default;flex-direction:column;display:flex}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.metric-card .metric-value{font-size:var(--text-2xl);font-weight:700;line-height:1}.metric-card .metric-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.layout{min-height:100dvh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--space-8);max-width:calc(100% - var(--sidebar-width));flex:1}.page-container{max-width:var(--max-content);width:100%;margin:0 auto}.page-title{font-size:var(--text-xl);margin-bottom:var(--space-6);font-weight:600}.section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:600;display:flex}.section-title:after{content:"";background:var(--border-subtle);flex:1;height:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glow{0%,to{box-shadow:0 0 20px #6c5ce71a}50%{box-shadow:0 0 40px #6c5ce740}}.animate-fadeIn{animation:fadeIn var(--dur-normal) var(--ease-out) both}.animate-slideUp{animation:slideUp var(--dur-normal) var(--ease-out) both}.animate-slideDown{animation:slideDown var(--dur-normal) var(--ease-out) both}.animate-scaleIn{animation:scaleIn var(--dur-normal) var(--ease-out) both}.animate-pulse{animation:2s ease-in-out infinite pulse}.stagger>*{animation:slideUp var(--dur-slow) var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 0%, var(--bg-glass-strong) 50%, var(--bg-tertiary) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:1000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);animation:slideUp var(--dur-normal) var(--ease-out);box-shadow:var(--shadow-lg);font-weight:500}.toast-success{background:var(--status-done);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--accent-primary);color:#fff}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-tertiary);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state .empty-icon{opacity:.3;font-size:3rem}.empty-state .empty-title{font-size:var(--text-lg);color:var(--text-secondary);font-weight:500}.empty-state .empty-desc{font-size:var(--text-sm);max-width:360px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #1b2a4a26;border-top-color:var(--accent-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input:disabled{opacity:.5;cursor:not-allowed}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageIn .2s var(--ease-out) both}@media (width<=768px){.input,select.input,textarea.input{font-size:16px!important}.main-content{padding:var(--space-4);padding-top:var(--space-5);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));max-width:100%;margin-left:0}.page-title{font-size:var(--text-lg)}.card{padding:var(--space-4)}.metric-card{padding:var(--space-3) var(--space-4)}.metric-card .metric-value{font-size:1.5rem}.btn{min-height:44px}.btn-sm{min-height:34px}.btn-icon{min-width:40px;min-height:40px}.section-title{margin-bottom:var(--space-3)}.toast-container{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:var(--space-3);left:var(--space-3);right:var(--space-3)}.toast{text-align:center;width:100%}.empty-state{padding:var(--space-10) var(--space-4)}::-webkit-scrollbar{width:0}}.error-boundary{min-height:60vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.error-boundary-inner{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;max-width:400px;display:flex}.error-boundary-icon{color:var(--status-blocker);font-size:2.5rem}.error-boundary-msg{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.error-boundary-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.page-loader{padding:var(--space-8);max-width:var(--max-content);margin:0 auto}.btn:focus-visible,.nav-item:focus-visible,.input:focus-visible,.mobile-tab:focus-visible,.user-avatar:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{top:-100px;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-sm);z-index:9999;transition:top var(--dur-fast);position:absolute}.skip-link:focus{top:var(--space-4)}.notif-wrapper{position:relative}.notif-bell{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:relative}.notif-bell:hover{background:var(--bg-glass)}.notif-badge-count{background:var(--danger);color:#fff;border-radius:var(--radius-full);min-width:16px;height:16px;font-size:.6rem;font-weight:700;font-family:var(--font-family);animation:scaleIn var(--dur-fast) var(--ease-spring);justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:2px;right:2px}.notif-panel{z-index:300;width:340px;max-height:420px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:-8px;left:calc(100% + 12px);overflow:hidden}.notif-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.notif-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.notif-list{flex:1;max-height:360px;overflow-y:auto}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border-bottom:1px solid var(--border-subtle);display:flex;position:relative}.notif-item:hover{background:var(--bg-glass-hover)}.notif-item:last-child{border-bottom:none}.notif-unread{background:#6c5ce70d}.notif-unread .notif-message{color:var(--text-primary);font-weight:500}.notif-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.notif-content{flex:1;min-width:0}.notif-message{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:2px;line-height:1.4}.notif-time{color:var(--text-tertiary);font-size:.65rem}.notif-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notif-empty{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.notif-empty span{opacity:.3;font-size:1.5rem}@media (width<=768px){.notif-panel{left:var(--space-4);right:var(--space-4);width:auto;position:fixed;top:auto;bottom:80px}}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-4) 0;z-index:100;transition:width .25s var(--ease-out);flex-direction:column;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-expanded{align-items:stretch;width:200px}.sidebar-expanded .nav-item{width:auto;padding:0 var(--space-4);justify-content:flex-start;gap:var(--space-3);margin:0}.sidebar-expanded .nav-label{font-size:var(--text-sm);white-space:nowrap;font-weight:500;display:inline}.sidebar-expanded .sidebar-logo{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-6);display:flex}.sidebar-expanded .sidebar-bottom{padding:var(--space-4) var(--space-3) 0;align-items:stretch}.sidebar-logo{padding:var(--space-3) 0 var(--space-6);justify-content:center;align-items:center;display:flex}.logo-mark{background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #1b2a4a33);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.logo-text{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.04em;font-weight:600}.sidebar-nav{gap:var(--space-2);width:100%;padding:0 var(--space-2);flex-direction:column;flex:1;display:flex}.nav-item{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;margin:0 auto;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-glass)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item:after{content:attr(title);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--dur-fast) var(--ease-out);z-index:200;padding:4px 10px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}.nav-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-expanded .nav-item:after{display:none}.nav-item.active{color:var(--accent-primary);background:var(--accent-glow)}.nav-item.active:before{content:"";background:var(--accent-primary);border-radius:var(--radius-full);width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar-expanded .nav-item.active:before{left:0}.nav-icon{transition:transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.nav-icon svg{width:20px;height:20px}.nav-label{display:none}.sidebar-bottom{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.user-avatar{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.user-avatar:hover{transform:scale(1.1)}.sidebar-collapse-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);margin-top:var(--space-1);background:0 0;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-glass)}.mobile-tabs{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);z-index:100;padding:var(--space-1) 0;padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab{padding:var(--space-2) 0;color:var(--text-tertiary);font-size:var(--text-xs);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:52px;text-decoration:none;display:flex;position:relative}.mobile-tab.active{color:var(--accent-primary)}.mobile-tab.active:after{content:"";background:var(--accent-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tab-icon{justify-content:center;align-items:center;display:flex}.tab-icon svg{width:20px;height:20px}.tab-label{font-size:.65rem;font-weight:500}@media (width<=768px){.sidebar{display:none}.mobile-tabs{display:flex}}.toast-stack{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column-reverse;max-width:400px;display:flex;position:fixed}.toast-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn .3s var(--ease-spring) both;-webkit-backdrop-filter:blur(12px);display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-icon{flex-shrink:0}.toast-message{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:500;line-height:1.3}.toast-dismiss{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;display:flex}.toast-dismiss:hover{color:var(--text-primary);background:var(--bg-tertiary)}.toast-success{border-color:#2ed5734d}.toast-success .toast-icon{color:var(--status-done)}.toast-error{border-color:#ff47574d}.toast-error .toast-icon{color:var(--danger)}.toast-info{border-color:#6c5ce74d}.toast-info .toast-icon{color:var(--accent-primary)}@media (width<=768px){.toast-stack{left:var(--space-4);right:var(--space-4);max-width:none;bottom:80px}}.ui-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--dur-fast) var(--ease-out)}.ui-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.ui-metric-card{gap:var(--space-2);flex-direction:column;display:flex}.ui-metric-header{color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.ui-metric-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ui-metric-value{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:1.1}.ui-metric-footer{align-items:center;gap:var(--space-1);font-size:var(--text-sm);margin-top:var(--space-1);font-weight:500;display:flex}.text-positive{color:var(--status-done)}.text-negative{color:var(--status-action)}.ui-intent-positive .ui-metric-value{color:var(--status-done)}.ui-intent-negative .ui-metric-value{color:var(--status-action)}.ui-intent-warning .ui-metric-value{color:var(--status-blocker)}.ui-intent-accent .ui-metric-value{color:var(--accent-primary)}.ui-badge{border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.ui-badge-sm{padding:2px 8px;font-size:.65rem}.ui-badge-md{font-size:var(--text-xs);padding:4px 10px}.ui-badge-lg{font-size:var(--text-sm);padding:6px 14px}.ui-badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.ui-badge-positive{color:var(--status-done);background:#4b9b6b26}.ui-badge-negative{color:var(--status-action);background:#d4574b26}.ui-badge-warning{color:var(--status-blocker);background:#d49b4b26}.ui-badge-accent{background:var(--accent-glow);color:var(--accent-primary)}.ui-progress-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-progress-ring{transform:rotate(-90deg)}.ui-ring-fill{transition:stroke-dashoffset 1s var(--ease-spring)}.ui-ring-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ui-ring-label{font-size:var(--text-xl);color:var(--text-primary);font-weight:700;line-height:1.1}.ui-ring-sublabel{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.65rem}.ui-action-btn{transition:all var(--dur-normal) var(--ease-spring);position:relative;overflow:hidden}.ui-btn-content{align-items:center;gap:var(--space-2);transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:flex}.ui-btn-loading .ui-btn-content,.ui-btn-success .ui-btn-content{opacity:0;transform:translateY(10px)}.ui-btn-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes spin-smooth{to{transform:rotate(360deg)}}.ui-spinner-anim{animation:1s linear infinite spin-smooth}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ui-success-anim{animation:pop-in .4s var(--ease-spring) forwards}.ui-action-btn:not(:disabled):hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-action-btn:not(:disabled):active{transform:scale(.95)}.ui-action-btn.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:3s infinite btn-shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes btn-shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.ui-page-loader{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-tertiary);min-height:40vh;animation:fadeIn var(--dur-normal) var(--ease-out);flex-direction:column;display:flex}.ui-page-loader p{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ui-empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);margin:var(--space-4) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.ui-empty-icon-wrapper{background:var(--bg-tertiary);width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.ui-empty-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.ui-empty-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 auto}.ui-empty-action{margin-top:var(--space-6)}.auth-bg{min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-gradient{pointer-events:none;background:radial-gradient(circle,#6c5ce726,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite gradientShift;position:absolute;top:-200px;right:-100px}.auth-gradient-2{background:radial-gradient(circle,#a855f71a,#0000 70%);animation-delay:-4s;inset:auto auto -200px -100px}.auth-card{width:100%;max-width:400px;padding:var(--space-10) var(--space-8);gap:var(--space-4);z-index:1;flex-direction:column;display:flex;position:relative}.auth-logo{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.auth-logo-mark{background:var(--accent-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #6c5ce780);-webkit-background-clip:text;background-clip:text;font-size:2rem}.auth-logo-text{font-size:var(--text-2xl);letter-spacing:4px;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:300}.auth-tagline{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-error{background:var(--danger-muted);color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-switch{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.auth-switch-btn{color:var(--accent-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm);background:0 0;border:none;font-weight:500}.auth-switch-btn:hover{color:var(--accent-hover)}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.auth-success{background:var(--success-muted,#2ecc711a);color:var(--success,#2ecc71);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.auth-divider{text-align:center;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin:var(--space-6) 0 var(--space-4);align-items:center;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{padding:0 var(--space-4)}.oauth-buttons{gap:var(--space-4);display:flex}.btn-oauth{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;flex:1;font-weight:500;transition:all .2s;display:flex}.btn-oauth:hover{background:var(--bg-hover);border-color:#fff3}.oauth-icon{width:18px;height:18px}.apple-icon{fill:var(--text-primary)}.auth-footer-links{align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.auth-forgot-btn{color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.auth-forgot-btn:hover{color:var(--text-primary);text-decoration:underline}.command-center{max-width:1100px;padding-bottom:96px}.cc-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.cc-title{color:var(--text-secondary);margin-top:var(--space-2);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:500;line-height:1.3}.cc-metrics{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.cc-metrics .metric-card{cursor:pointer;text-align:center;padding:var(--space-4)}.cc-metrics .metric-card .metric-value{font-size:var(--text-2xl)}.metric-blocker .metric-value{color:var(--status-blocker)!important}.metric-done .metric-value{color:var(--status-done)!important}.metric-overdue .metric-value{color:var(--status-action)!important}.cc-metrics .metric-card{box-shadow:var(--shadow-sm)}.cc-personal-dashboard{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 18%,#c8a45a29,#0000 28%),radial-gradient(circle at 82% 8%,#4b9b6b1f,#0000 26%),linear-gradient(135deg,#ffffffc7,#faf7efd6);border:1px solid #1b2a4a1a;display:grid;box-shadow:0 18px 46px #1b2a4a14}.cc-dashboard-main{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 180px;align-items:center;display:grid}.cc-dashboard-copy h2{max-width:560px;margin-bottom:var(--space-2);font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08}.cc-dashboard-copy p:not(.eyebrow){max-width:640px;color:var(--text-secondary);line-height:1.6}.cc-dashboard-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.cc-dashboard-ring{background:conic-gradient(var(--status-done) var(--dash-pct), #1b2a4a14 0deg), var(--bg-secondary);border-radius:50%;justify-self:end;place-items:center;width:170px;height:170px;display:grid;box-shadow:inset 0 0 0 1px #1b2a4a0f,0 14px 32px #1b2a4a1f}.cc-ring-core{background:var(--bg-secondary);border-radius:50%;align-content:center;place-items:center;width:118px;height:118px;display:grid}.cc-ring-core strong{font-size:2rem;line-height:1}.cc-ring-core span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.cc-dashboard-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.cc-dashboard-card{min-height:104px;padding:var(--space-4);text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:#ffffffbd;gap:3px;display:grid}.cc-dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cc-dashboard-card strong{font-size:2.1rem;line-height:1}.cc-dashboard-card>span:last-child{color:var(--text-secondary);font-size:var(--text-xs)}.cc-card-label{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.cc-dashboard-card--risk strong{color:var(--status-blocker)}.cc-dashboard-card--done strong{color:var(--status-done)}.cc-dashboard-card--due strong{color:var(--status-deadline)}.cc-dashboard-visuals{gap:var(--space-3);grid-template-columns:1fr 1.25fr 1fr;display:grid}.cc-visual-card{min-height:158px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffad}.cc-visual-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800;display:flex}.cc-visual-header strong{color:var(--text-primary);letter-spacing:0;text-transform:none}.cc-state-stack{border-radius:var(--radius-full);background:var(--bg-tertiary);height:18px;display:flex;overflow:hidden}.cc-state-stack span{min-width:2px}.cc-state-open{background:var(--status-deadline)}.cc-state-done{background:var(--status-done)}.cc-state-legend{gap:var(--space-3);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.cc-state-legend span{align-items:center;gap:6px;display:inline-flex}.cc-state-legend i{border-radius:50%;width:8px;height:8px}.cc-state-open-dot{background:var(--status-deadline)}.cc-state-done-dot{background:var(--status-done)}.cc-category-bars{gap:var(--space-2);display:grid}.cc-category-bar-row{align-items:center;gap:var(--space-2);color:var(--text-secondary);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:96px minmax(0,1fr) 24px;padding:0;display:grid}.cc-category-bar-row:hover{color:var(--text-primary)}.cc-category-bar-row>span:first-child{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;overflow:hidden}.cc-category-bar-track{border-radius:var(--radius-full);background:var(--bg-tertiary);height:8px;overflow:hidden}.cc-category-bar-track span{border-radius:var(--radius-full);height:100%;display:block}.cc-category-bar-row strong{color:var(--text-primary);font-size:var(--text-xs);text-align:right}.cc-empty-mini{color:var(--text-tertiary);font-size:var(--text-sm)}.cc-trend-bars{align-items:end;gap:var(--space-2);grid-template-columns:repeat(7,1fr);height:104px;display:grid}.cc-trend-day{gap:var(--space-2);height:100%;color:var(--text-tertiary);text-align:center;grid-template-rows:1fr auto;font-size:.65rem;font-style:normal;display:grid}.cc-trend-day i{border-radius:var(--radius-full) var(--radius-full) 2px 2px;background:linear-gradient(180deg, var(--status-done), #4b9b6b5c);align-self:end;min-height:3px;display:block}.cc-trend-day em{font-style:normal}.cc-operating-workbench{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.cc-workbench-head{justify-content:space-between;gap:var(--space-4);align-items:end;display:flex}.cc-workbench-head h2{font-size:clamp(1.35rem,3vw,2rem)}.cc-workbench-head>span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.cc-workbench-lanes{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cc-workbench-lane{min-height:280px;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffffc7, #ffffff85), var(--bg-secondary);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.cc-workbench-lane>span{color:var(--status-info);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.cc-workbench-lane-top{justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0;display:flex}.cc-workbench-lane h3{font-size:var(--text-lg)}.cc-workbench-lane strong{font-size:2.4rem;line-height:.9}.cc-workbench-lane p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.cc-workbench-lane small{margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);display:block}.cc-workbench-actions{gap:var(--space-2);padding-top:var(--space-4);flex-wrap:wrap;margin-top:auto;display:flex}.cc-category-tabs{gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.cc-category-tabs::-webkit-scrollbar{display:none}.cc-cat-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast) var(--ease-out);background:0 0;font-weight:500;display:inline-flex}.cc-cat-tab:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-glass)}.cc-cat-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.cat-count{border-radius:var(--radius-full);background:#ffffff26;padding:1px 6px;font-size:.7rem;font-weight:700}.cc-cat-tab.active .cat-count{background:#ffffff40}.cc-focus{border-radius:var(--radius-xl);background:linear-gradient(135deg, #c8a45a0f, #1b2a4a08), var(--bg-secondary);padding:var(--space-6);margin-bottom:var(--space-5);border:1px solid #c8a45a4d;box-shadow:0 2px 16px #c8a45a14}.cc-focus-kicker{margin-bottom:var(--space-3)}.cc-focus-text{margin-bottom:var(--space-3);font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}.cc-focus-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cc-focus-actions{gap:var(--space-3);display:flex}.cc-loading{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.cc-section{margin-bottom:var(--space-6)}.cc-section .section-title{align-items:center;gap:var(--space-2);display:flex}.cc-item-list{gap:var(--space-2);display:grid}.cc-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:all var(--dur-fast) var(--ease-out);cursor:default;box-shadow:var(--shadow-sm);display:flex}.cc-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cc-item--blocker{background:linear-gradient(135deg, #d49b4b0a, transparent), var(--bg-secondary);border-color:#d49b4b40}.cc-item--blocker:hover{border-color:#d49b4b66}.cc-item--overdue{border-color:#d4574b33}.cc-item-check{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.check-ring{border:2px solid var(--text-tertiary);width:20px;height:20px;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;display:block}.cc-item-check:hover .check-ring{border-color:var(--status-done);background:#4b9b6b1a;box-shadow:0 0 8px #4b9b6b26}.cc-item-body{flex:1;min-width:0}.cc-item-text{font-weight:500;font-size:var(--text-sm);margin-bottom:4px;line-height:1.4}.cc-item-badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.cc-item-edit-input{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border-focus);border-radius:var(--radius-sm);background:var(--bg-tertiary);font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);outline:none;margin-bottom:4px;font-weight:500}.cc-item-text{cursor:text}.cc-item--expanded{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cc-item-detail{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);animation:fadeIn var(--dur-fast) var(--ease-out)}.cc-detail-meta{gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.cc-detail-category{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.cc-detail-category label{font-weight:500}.cc-detail-select{text-transform:capitalize;max-width:180px;padding:var(--space-1) var(--space-2)!important;font-size:var(--text-xs)!important}.cc-detail-events{gap:var(--space-2);flex-direction:column;display:flex}.cc-detail-events-title{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600}.cc-detail-event{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.cc-detail-event-time{color:var(--text-tertiary)}.cc-detail-event-reason{color:var(--text-secondary);font-style:italic}.cc-header-actions{gap:var(--space-3);align-items:center;display:flex}.cc-item-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);gap:2px;display:flex}.cc-item:hover .cc-item-actions{opacity:1}.cc-completed{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);padding:var(--space-5)}.cc-done-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.cc-done-item+.cc-done-item{border-top:1px solid var(--border-subtle)}.cc-done-check{width:20px;height:20px;color:var(--status-done);background:#4b9b6b1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.cc-done-item p{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:line-through;-webkit-text-decoration-color:var(--text-tertiary);text-decoration-color:var(--text-tertiary)}.cc-done-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.cc-completion-breakdown{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.cc-health-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.cc-health-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:var(--space-4);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border-left:3px solid var(--health-color,var(--border-subtle));box-shadow:var(--shadow-sm)}.cc-health-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cc-health-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.cc-health-name{font-weight:600;font-size:var(--text-sm);flex:1}.cc-health-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cc-health-active{color:var(--status-done)}.cc-health-at-risk{color:var(--status-blocker)}.cc-health-stalled{color:var(--status-action)}.cc-health-clear{color:var(--text-tertiary)}.cc-health-stats{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.cc-health-blocked{color:var(--status-blocker);font-weight:600}.cc-health-avg{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.cc-velocity{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.cc-velocity strong{color:var(--text-primary)}.cc-empty-cat{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.capture-backdrop{z-index:160;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);animation:fadeIn var(--dur-fast) var(--ease-out);background:#1b2a4a4d;place-items:end center;display:grid;position:fixed;inset:0}.capture-sheet{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-secondary);width:min(640px,100%);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:slideUp var(--dur-normal) var(--ease-out) both;gap:var(--space-4);flex-direction:column;display:flex}.capture-types{gap:var(--space-2);flex-wrap:wrap;display:flex}.capture-type-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0}.capture-type-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.capture-type-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.capture-category-row{width:100%}.capture-category-select{text-transform:capitalize;max-width:200px;font-size:var(--text-sm)!important;padding:var(--space-2) var(--space-3)!important}.capture-sheet textarea{min-height:140px}.capture-input-wrap{width:100%;position:relative}.capture-mic-btn{border:1px solid var(--border-subtle);background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;bottom:10px;right:10px}.capture-mic-btn:hover{border-color:var(--border-strong);transform:scale(1.05)}.capture-mic-active{background:var(--status-action);color:#fff;border-color:var(--status-action);animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #d4574b66}50%{box-shadow:0 0 0 8px #d4574b00}}.capture-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.capture-error{border:1px solid var(--danger-muted);color:var(--danger);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:#c944440f}.command-error{border:1px solid var(--danger-muted);color:var(--danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#c944440f}@media (width<=900px){.cc-metrics{grid-template-columns:repeat(2,1fr)}.cc-dashboard-main{grid-template-columns:1fr}.cc-dashboard-ring{justify-self:start}.cc-dashboard-grid{grid-template-columns:repeat(2,1fr)}.cc-dashboard-visuals{grid-template-columns:1fr}.cc-workbench-head{flex-direction:column;align-items:start}.cc-workbench-lanes{grid-template-columns:1fr}.cc-health-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cc-header{align-items:center;gap:var(--space-3);flex-flow:wrap}.cc-header>div{flex:1;min-width:0}}@media (width<=600px){.command-center{padding-bottom:100px}.cc-header{align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.cc-title{font-size:1.25rem}.cc-header-actions{gap:var(--space-2);width:100%;display:flex}.cc-header-actions .btn{flex:1;justify-content:center}.cc-header-actions .btn:first-child{padding:var(--space-3);flex:none}.cc-metrics{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr)}.cc-metrics .metric-card{padding:var(--space-3)}.cc-metrics .metric-card .metric-value{font-size:1.6rem}.cc-personal-dashboard{padding:var(--space-4)}.cc-dashboard-ring{width:140px;height:140px}.cc-ring-core{width:98px;height:98px}.cc-ring-core strong{font-size:1.65rem}.cc-dashboard-grid{grid-template-columns:1fr}.cc-category-bar-row{grid-template-columns:84px minmax(0,1fr) 24px}.cc-category-tabs{gap:var(--space-2);margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) var(--space-2);margin-bottom:var(--space-4)}.cc-cat-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:36px}.cc-focus{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.cc-focus-text{font-size:1.15rem}.cc-focus-actions{gap:var(--space-2)}.cc-focus-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);flex:1}.cc-item{padding:var(--space-3);gap:var(--space-2)}.cc-item-check{width:28px;height:28px}.check-ring{width:24px;height:24px}.cc-item-text{font-size:var(--text-sm)}.cc-item-actions{opacity:1;gap:var(--space-1)}.btn-icon{min-width:32px;min-height:32px}.cc-detail-meta{gap:var(--space-2);flex-direction:column}.cc-detail-category{flex-wrap:wrap}.cc-detail-select{width:100%;max-width:100%}.cc-detail-event{flex-wrap:wrap}.cc-health-grid{grid-template-columns:1fr}.cc-velocity{align-items:flex-start;gap:var(--space-2);flex-direction:column}.cc-done-item{align-items:flex-start}.capture-backdrop{align-items:flex-end;place-items:unset;flex-direction:column;justify-content:flex-end;padding:0;display:flex}.capture-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;max-height:90dvh;position:relative;overflow-y:auto}.capture-sheet:before{content:"";background:var(--border-strong);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-4);display:block}.capture-types{gap:var(--space-1)}.capture-type-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);min-height:34px}.capture-category-select{max-width:100%}.capture-actions{gap:var(--space-2)}.capture-actions .btn{flex:1;justify-content:center}.capture-mic-btn{width:40px;height:40px;font-size:1.2rem}.toast-container{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:var(--space-3);left:var(--space-3)}.toast{text-align:center;width:100%}}.cc-snooze-wrap{position:relative}.cc-snooze-menu{z-index:50;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fadeIn var(--dur-fast) var(--ease-out);gap:2px;padding:4px;display:flex;position:absolute;top:100%;right:0}.cc-snooze-menu button{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 10px}.cc-snooze-menu button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cc-batch-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:flex}.cc-batch-check{color:var(--text-tertiary);font-size:1.1rem}.cc-batch-checked{color:var(--status-done)!important}.cc-item--selected{background:#6495ed0a;border-color:var(--border-focus)!important}.btn-active{background:var(--bg-tertiary)!important;border-color:var(--border-strong)!important}.cc-detail-editable{cursor:pointer;border-bottom:1px dashed var(--border-subtle)}.cc-detail-editable:hover{border-bottom-color:var(--text-tertiary)}.cc-inline-edit{align-items:center;gap:var(--space-1);margin-left:var(--space-1);display:inline-flex}.cc-date-input{max-width:150px;font-size:var(--text-xs)!important;padding:2px 6px!important}.cc-priority-slider{width:80px;height:4px;accent-color:var(--status-done);cursor:pointer}.cc-save-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--status-done);cursor:pointer;background:0 0;padding:1px 6px;font-size:.65rem}.cc-save-btn:hover{background:#4caf501a}.cc-detail-deadline{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.cc-detail-deadline label{font-weight:500}.capture-toolbar{gap:4px;display:flex;position:absolute;bottom:10px;right:10px}.capture-attach-btn{border:1px solid var(--border-subtle);background:var(--bg-tertiary);cursor:pointer;width:36px;height:36px;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.capture-attach-btn:hover{border-color:var(--border-strong);transform:scale(1.05)}.capture-attach-btn:disabled{opacity:.5;cursor:not-allowed}.capture-file-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.capture-file-remove{color:var(--text-tertiary);cursor:pointer;font-size:var(--text-xs);background:0 0;border:none;margin-left:auto}.capture-file-remove:hover{color:var(--status-action)}.capture-shortcut{font-size:var(--text-xs);color:var(--text-tertiary);margin-right:auto;font-weight:500}.strategy-screen{max-width:1000px;padding-bottom:96px}.strategy-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:var(--space-3);font-weight:600}.strategy-headline{color:var(--text-primary);margin-bottom:var(--space-8);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:600;line-height:1.1}.strategy-kpis{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(5,1fr);display:grid}.strategy-kpi{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);gap:var(--space-1);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.strategy-kpi-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.strategy-kpi-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.strategy-kpi--warn .strategy-kpi-value{color:var(--status-blocker)}.strategy-kpi--danger .strategy-kpi-value{color:var(--status-action)}.strategy-kpi--done .strategy-kpi-value{color:var(--status-done)}.strategy-velocity-wrap{margin-bottom:var(--space-8)}.strategy-velocity-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.strategy-velocity-pct{color:var(--text-primary);font-weight:600}.strategy-velocity-track{background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;overflow:hidden}.strategy-velocity-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-out);min-width:2px}.strategy-health-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.strategy-empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-6);grid-column:1/-1}.strategy-health-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-left:3px solid var(--cat-color,var(--border-subtle));border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.strategy-health-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.strategy-health-open{border-color:var(--border-strong)!important;box-shadow:var(--shadow-md)!important}.strategy-health-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.strategy-cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.strategy-health-name{font-weight:600;font-size:var(--text-sm);text-transform:capitalize;flex:1}.strategy-health-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.strategy-tag-at-risk{color:var(--status-blocker)}.strategy-tag-heavy{color:var(--status-deadline)}.strategy-tag-active{color:var(--status-done)}.strategy-tag-clear{color:var(--text-tertiary)}.strategy-health-stats{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.strategy-blocked-count{color:var(--status-blocker);font-weight:600}.strategy-drill{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);animation:fadeIn var(--dur-fast) var(--ease-out);gap:var(--space-2);flex-direction:column;display:flex}.strategy-drill-loading{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.strategy-drill-row{font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;display:flex}.strategy-drill-row strong{color:var(--text-primary);font-weight:600}.strategy-drill-item{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.strategy-drill-bullet{color:var(--text-tertiary);flex-shrink:0}.strategy-drill-empty{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.strategy-top-items{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.strategy-top-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--dur-fast) var(--ease-out);display:flex}.strategy-top-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.strategy-top-rank{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;min-width:28px;font-weight:700}.strategy-top-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.strategy-top-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.4}.strategy-top-meta{gap:var(--space-1);flex-wrap:wrap;display:flex}.strategy-priority-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);flex-shrink:0;width:60px;height:4px;display:flex;overflow:hidden}.strategy-priority-bar span{background:var(--gold-gradient);border-radius:var(--radius-full);min-width:2px;height:100%}.strategy-blockers{gap:var(--space-2);flex-direction:column;display:flex}.strategy-blocker-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:#d49b4b0f;border:1px solid #d49b4b33;display:flex}.strategy-blocker-icon{color:var(--status-blocker);font-size:var(--text-base);flex-shrink:0;margin-top:1px}.strategy-blocker-body{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.strategy-blocker-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}@media (width<=760px){.strategy-headline{margin-bottom:var(--space-6);font-size:clamp(1.5rem,7vw,2rem)}.strategy-kpis{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.strategy-kpi:nth-child(4),.strategy-kpi:nth-child(5){grid-column:span 1}.strategy-kpi-value{font-size:1.5rem}.strategy-health-grid{grid-template-columns:1fr}.strategy-top-item{flex-wrap:wrap}.strategy-priority-bar{display:none}}@media (width<=480px){.strategy-kpis{grid-template-columns:repeat(2,1fr)}}.strategy-kpi-delta{letter-spacing:.02em;margin-top:2px;font-size:.6rem;font-weight:600}.delta-up{color:var(--status-done)}.delta-down{color:var(--status-action)}.strategy-intel-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.strategy-intel-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.strategy-intel-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.strategy-intel-btn.active{background:var(--bg-tertiary);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}.strategy-intel-count{background:var(--status-blocker);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:16px;padding:1px 6px;font-size:.6rem;font-weight:700}.strategy-intel-dot{border-radius:50%;width:8px;height:8px}.strategy-intel-healthy{background:var(--status-done)}.strategy-intel-stretched{background:var(--status-deadline)}.strategy-intel-overloaded{background:var(--status-action)}.strategy-intel-underloaded{background:var(--text-tertiary)}.strategy-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.strategy-panel-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.strategy-panel-header h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.strategy-panel-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:2px 10px;font-weight:700}.strategy-panel-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.strategy-panel-stat{flex-direction:column;gap:2px;display:flex}.strategy-panel-stat-val{color:var(--text-primary);text-transform:capitalize;font-size:1.4rem;font-weight:700}.strategy-danger-val{color:var(--status-action)!important}.strategy-panel-stat-lbl{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.strategy-panel-insight{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.5}.strategy-panel-rec{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--status-deadline);background:#ffffff08;margin:0;font-weight:500}.strategy-panel-empty{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;font-style:italic}.strategy-panel-signals{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.strategy-signal-tag{font-size:var(--text-xs);color:var(--status-blocker);border-radius:var(--radius-full);background:#d49b4b14;padding:4px 10px;font-weight:500}.strategy-capacity-status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:4px 12px;font-weight:700}.strategy-cap-healthy{color:var(--status-done);background:#4caf501a}.strategy-cap-stretched{color:var(--status-deadline);background:#d49b4b1a}.strategy-cap-overloaded{color:var(--status-action);background:#ef53501a}.strategy-cap-underloaded{color:var(--text-tertiary);background:var(--bg-tertiary)}.strategy-contradiction-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border-left:3px solid var(--status-blocker);gap:var(--space-2);background:#d49b4b0a;flex-direction:column;display:flex}.strategy-sev-high{border-left-color:var(--status-action);background:#ef53500a}.strategy-sev-medium{border-left-color:var(--status-deadline)}.strategy-contradiction-type{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.65rem;font-weight:700}.strategy-contradiction-msg{font-size:var(--text-sm);color:var(--text-primary);margin:0;line-height:1.5}.strategy-commitment-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-2);background:var(--bg-tertiary);align-items:center;gap:var(--space-3);display:flex}.strategy-commitment-overdue{border-left:3px solid var(--status-action);background:#ef53500a}.strategy-commitment-body{flex:1;min-width:0}.strategy-commitment-text{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:4px;font-weight:500;display:block}.strategy-commitment-meta{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.strategy-urgency-tag{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.strategy-urgency-overdue{color:var(--status-action)}.strategy-urgency-due_soon{color:var(--status-deadline)}.strategy-urgency-open{color:var(--text-tertiary)}.strategy-action-btn{border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;flex-shrink:0;padding:5px 12px;font-weight:600}.strategy-action-btn:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.strategy-action-done{color:var(--status-done);border-color:#4caf504d}.strategy-action-done:hover{background:#4caf501a}.strategy-action-snooze{color:var(--text-tertiary);border-color:var(--border-subtle)}.strategy-action-snooze:hover{background:var(--bg-tertiary)}.strategy-action-resolve{color:var(--status-blocker);border-color:#d49b4b4d}.strategy-action-resolve:hover{background:#d49b4b1a}.strategy-top-actions{gap:var(--space-1);flex-shrink:0;display:flex}.strategy-drill-pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.strategy-drill-pagination button{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:var(--text-xs);padding:2px 8px}.strategy-drill-pagination button:disabled{opacity:.3;cursor:not-allowed}.strategy-drill-item{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;display:flex}.strategy-drill-item-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.strategy-drill-done-btn{border-radius:var(--radius-full);color:var(--status-done);cursor:pointer;opacity:.5;transition:opacity var(--dur-fast);background:0 0;border:1px solid #4caf504d;flex-shrink:0;padding:1px 6px;font-size:.65rem}.strategy-drill-done-btn:hover{opacity:1}.badge-estimate{color:#6495ed;background:#6495ed1a;font-weight:600}.strategy-graph-stack{gap:var(--space-4);flex-direction:column;display:flex}.strategy-graph-summary{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.strategy-graph-canvas{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#eef3f8;min-height:620px;position:relative;overflow:hidden;box-shadow:inset 0 -80px 140px #94a3b838}.strategy-force-canvas{cursor:grab;width:100%;height:100%;min-height:620px;display:block}.strategy-force-canvas:active{cursor:grabbing}.strategy-force-selection{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.strategy-force-selection strong{color:var(--text-primary)}.strategy-force-selection span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.strategy-graph-flow{width:100%;height:100%;min-height:620px}.strategy-graph-flow .react-flow__renderer{background:radial-gradient(#fffffffa 0%,#f1f5f9d1 42%,#e2e8f0b8 100%),linear-gradient(#fffffffa,#e2e8f0f5)}.strategy-graph-flow .react-flow__renderer:before{content:"";aspect-ratio:1/.42;opacity:.72;pointer-events:none;background:repeating-radial-gradient(#0000 0 78px,#64748b21 79px 81px),repeating-linear-gradient(90deg,#0000 0 76px,#64748b14 77px 78px);border:1px solid #64748b2e;border-radius:50%;width:min(86%,980px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotateX(58deg)}.strategy-graph-flow .react-flow__pane{cursor:grab}.strategy-graph-flow .react-flow__pane:active{cursor:grabbing}.strategy-graph-flow .react-flow__node{filter:drop-shadow(0 22px 22px #0f172a1f);transition:filter var(--dur-fast), opacity var(--dur-fast);background:0 0;border:none}.strategy-graph-flow .react-flow__node>div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(calc(var(--node-depth,0) * -8px))}.strategy-graph-flow .react-flow__node.selected>div{outline-offset:2px;outline:2px solid #60a5fab8}.strategy-graph-flow .react-flow__edge-path{filter:drop-shadow(0 4px 8px #0f172a24)}.strategy-graph-flow .strategy-graph-edge--root .react-flow__edge-path{stroke-dasharray:0}.strategy-graph-flow .strategy-graph-edge--dependency .react-flow__edge-path{filter:none}.strategy-graph-flow .react-flow__controls,.strategy-graph-flow .react-flow__minimap{box-shadow:var(--shadow-md);background:#fffffff0;border:1px solid #94a3b838}.strategy-graph-flow .react-flow__controls-button{color:#334155;background:0 0;border-bottom-color:#94a3b824}.strategy-graph-flow .react-flow__controls-button:hover{color:#0f172a;background:#94a3b81a}.strategy-graph-flow .react-flow__edge-text{letter-spacing:0}.strategy-graph-flow .react-flow__attribution{display:none}.strategy-graph-stat-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);display:flex}.strategy-graph-stat-row strong{color:var(--text-primary);font-size:var(--text-sm)}.strategy-graph-node-shell{text-shadow:0 1px 12px #0f172a38;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.strategy-graph-node-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-size:9px;font-weight:700}.strategy-graph-node-title{color:inherit;text-align:center;text-transform:uppercase;max-width:118px;font-size:13px;font-weight:700;line-height:1.2;display:block}.strategy-graph-cluster-node{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.strategy-graph-cluster-kicker{text-transform:uppercase;letter-spacing:.08em;color:#bfdbfed1;font-size:10px}.strategy-graph-cluster-title{text-transform:capitalize;max-width:84px;font-size:15px;line-height:1.15;display:block}.strategy-graph-node-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.strategy-graph-node-state,.strategy-graph-node-flag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;min-height:22px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.strategy-graph-node-state{color:inherit;background:#ffffff2e}.strategy-graph-node-flag{color:#f8d8a8;background:#d49b4b29}.strategy-bottleneck-list{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.strategy-bottleneck-item{padding:var(--space-2) var(--space-3);border-left:3px solid var(--status-blocker);background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex}.strategy-bottleneck-item span{color:var(--text-primary);font-size:var(--text-xs);line-height:1.35}.strategy-bottleneck-item small{color:var(--text-tertiary);font-size:.68rem}.strategy-mini-heading{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700;display:block}.strategy-muted-line{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.strategy-memory-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.strategy-memory-summary{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-primary);flex-direction:column;display:flex}.strategy-memory-summary p{color:var(--text-primary);font-size:var(--text-sm);margin:0;line-height:1.55}.strategy-memory-sources{gap:var(--space-2);flex-wrap:wrap;display:flex}.strategy-memory-sources span{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);padding:3px 8px;font-size:.68rem;font-weight:600}.strategy-memory-columns{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.strategy-memory-list{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.strategy-memory-item{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-primary);font-size:var(--text-xs);line-height:1.45}.strategy-memory-evidence{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.strategy-memory-evidence .strategy-mini-heading{grid-column:1/-1}.strategy-memory-evidence-item{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);min-width:0}.strategy-memory-evidence-item div{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.strategy-memory-evidence-item strong{color:var(--text-primary);text-transform:uppercase;font-size:.68rem}.strategy-memory-evidence-item span{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.strategy-memory-evidence-item p{color:var(--text-secondary);font-size:var(--text-xs);margin:0;line-height:1.45}@media (width<=760px){.strategy-panel-grid{grid-template-columns:repeat(2,1fr)}.strategy-intel-bar{flex-wrap:wrap}.strategy-graph-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-graph-canvas,.strategy-graph-flow,.strategy-force-canvas{min-height:420px}.strategy-graph-cluster-title{font-size:13px}.strategy-graph-flow .react-flow__minimap{display:none}.strategy-graph-flow .react-flow__node>div{width:132px!important;min-height:132px!important;padding:14px!important}.strategy-memory-columns,.strategy-memory-evidence{grid-template-columns:minmax(0,1fr)}.strategy-commitment-card{flex-direction:column;align-items:flex-start}.strategy-top-actions{margin-left:28px}}.timeline-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.timeline-header .page-title{margin-bottom:0}.timeline-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.timeline-kpi-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.timeline-kpi-card--positive{border-color:#4b9b6b3d}.timeline-kpi-card--warning{border-color:#d49b4b47}.timeline-kpi-icon{width:36px;height:36px;margin-bottom:var(--space-3);border-radius:var(--radius-lg);color:var(--accent-primary);background:#1b2a4a14;place-items:center;display:grid}.timeline-kpi-card span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.timeline-kpi-card strong{margin:var(--space-2) 0;color:var(--text-primary);font-size:clamp(2rem,4vw,3.1rem);line-height:.95;display:block}.timeline-kpi-card small{color:var(--text-secondary);font-size:var(--text-sm)}.timeline-controls{align-items:center;gap:var(--space-3);display:flex}.tl-search-box{align-items:center;display:flex;position:relative}.tl-search-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute}.tl-search-input{padding:var(--space-2) var(--space-4) var(--space-2) 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);width:220px;transition:all var(--dur-normal) var(--ease-spring);outline:none}.tl-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);width:280px}.tl-search-input::placeholder{color:var(--text-tertiary)}.tl-search-clear{right:var(--space-2);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;display:flex;position:absolute}.tl-search-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tl-date-wrap{align-items:center;display:flex;position:relative}.tl-date-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute}.tl-date-picker{padding:var(--space-2) var(--space-3) var(--space-2) 36px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none}.tl-date-picker:hover{border-color:var(--border-strong)}.tl-date-picker:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.tl-flash{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4);font-weight:500}.tl-flash-success{color:var(--status-done);background:#2ed5731f}.tl-flash-error{background:var(--danger-muted);color:var(--danger)}.timeline-feed{padding-left:var(--space-4);flex-direction:column;gap:0;display:flex;position:relative}.timeline-feed:before{content:"";background:linear-gradient(to bottom, var(--accent-primary), var(--border-subtle), transparent);border-radius:2px;width:2px;position:absolute;top:16px;bottom:16px;left:11px}.tl-day-group{position:relative}.tl-day-label{align-items:center;gap:var(--space-3);padding:var(--space-4) 0 var(--space-3) 0;z-index:1;display:flex;position:relative}.tl-day-dot{background:var(--accent-primary);border:3px solid var(--bg-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent-primary), 0 0 12px var(--accent-glow);border-radius:50%;flex-shrink:0;position:relative;left:-4px}.tl-day-label span:last-child{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-weight:600}.tl-day-entries{gap:var(--space-3);padding-left:var(--space-6);padding-bottom:var(--space-4);flex-direction:column;display:flex}.tl-entry{gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:all var(--dur-normal) var(--ease-spring);display:flex;position:relative}.tl-entry:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tl-entry-deleting{animation:entrySlideOut .3s var(--ease-out) forwards}@keyframes entrySlideOut{to{opacity:0;height:0;margin:0;padding:0;overflow:hidden;transform:translate(-40px)scale(.95)}}.tl-entry-connector{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:6px;display:flex}.tl-entry-dot{background:var(--border-strong);width:8px;height:8px;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;flex-shrink:0}.tl-entry:hover .tl-entry-dot{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.tl-entry-line{background:var(--border-subtle);width:2px;margin-top:var(--space-1);opacity:.4;border-radius:1px;flex:1}.tl-entry-body{flex:1;min-width:0}.tl-entry-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tl-entry-meta{align-items:center;gap:var(--space-2);color:var(--text-tertiary);display:flex}.tl-time{font-size:var(--text-xs);font-weight:500}.tl-entry-actions{align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);display:flex}.tl-actions-visible{opacity:1}.tl-action-btn{cursor:pointer;color:var(--text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;display:flex}.tl-action-btn:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.tl-action-delete:hover{color:var(--danger)}.tl-text{font-size:var(--text-sm);white-space:pre-wrap;color:var(--text-primary);cursor:text;margin:0;line-height:1.6}.tl-edit-box{animation:fadeIn var(--dur-fast) var(--ease-out)}.tl-edit-input{background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-sm);padding:var(--space-3);resize:vertical;box-shadow:0 0 0 3px var(--accent-glow);outline:none;line-height:1.6}.tl-edit-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.tl-extraction-badges{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tl-extract-badge{border-radius:var(--radius-full);animation:fadeIn var(--dur-fast) var(--ease-out) both;align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.tl-extract-action{color:var(--status-done);background:#2ed5731a}.tl-extract-blocker{color:var(--danger);background:#ff47571a}.tl-extract-done{color:var(--status-done);background:#2ed57326}.tl-extract-deadline{color:var(--accent-primary);background:#c8a45a26}.tl-load-more{padding:var(--space-8) 0;justify-content:center;display:flex}@media (width<=768px){.timeline-header{flex-direction:column;align-items:flex-start}.timeline-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-controls{flex-wrap:wrap;width:100%}.tl-search-input,.tl-search-input:focus{width:100%}.tl-entry-actions{opacity:.6}.timeline-feed{padding-left:var(--space-2)}.tl-day-entries{padding-left:var(--space-4)}}@media (width<=520px){.timeline-kpi-grid{grid-template-columns:1fr}}.tasks-screen{max-width:1180px;padding-bottom:96px}.tasks-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.tasks-header h1{color:var(--text-primary);font-size:clamp(2rem,5vw,2.5rem);font-weight:600;line-height:1.1}.tasks-filters{gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:4px;display:flex}.tasks-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tasks-kpi-card{min-height:150px;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg, #ffffffc7, #ffffff75), var(--bg-secondary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tasks-kpi-card:after{content:"";background:#74b9ff2e;border-radius:999px;width:120px;height:120px;position:absolute;inset:auto -20px -48px auto}.tasks-kpi-card--warning:after{background:#d49b4b38}.tasks-kpi-card--danger:after{background:#c944442e}.tasks-kpi-card--positive:after{background:#4b9b6b33}.tasks-kpi-icon{width:38px;height:38px;margin-bottom:var(--space-4);border-radius:var(--radius-lg);color:var(--accent-primary);background:#1b2a4a14;place-items:center;display:grid}.tasks-kpi-card span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.tasks-kpi-card strong{margin:var(--space-2) 0;color:var(--text-primary);font-size:clamp(2.25rem,5vw,3.5rem);line-height:.95;display:block}.tasks-kpi-card small{color:var(--text-secondary);font-size:var(--text-sm)}.tasks-dashboard-panel{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.tasks-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.tasks-panel-head span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.tasks-panel-head strong{color:var(--text-secondary);font-size:var(--text-sm)}.tasks-lane-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tasks-lane-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-primary)}.tasks-lane-card span{color:var(--text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.tasks-lane-card strong{margin:var(--space-2) 0;color:var(--text-primary);font-size:var(--text-2xl);display:block}.tasks-lane-meter{border-radius:var(--radius-full);background:#1b2a4a14;height:8px;overflow:hidden}.tasks-lane-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--accent-primary), var(--status-info));height:100%;display:block}.tasks-lane-card small{margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);display:block}.task-add-form{margin-bottom:var(--space-6)}.task-add-inner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--dur-normal) var(--ease-spring);display:flex}.task-add-inner:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow);background:var(--bg-primary)}.task-add-icon{color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease-out);flex-shrink:0}.task-add-inner:focus-within .task-add-icon{color:var(--accent-primary)}.task-add-input{color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.task-add-input::placeholder{color:var(--text-tertiary)}.task-add-input:disabled{opacity:.6}.task-add-btn{flex-shrink:0}.tasks-list{gap:var(--space-3);flex-direction:column;display:flex}.task-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);transition:all var(--dur-normal) var(--ease-spring);display:flex}.task-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.task-check-btn{cursor:pointer;color:var(--text-tertiary);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:0}.task-check-btn:hover{color:var(--accent-primary);transform:scale(1.15)}.task-icon-done{color:var(--status-done)}.task-content{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.task-text{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:500;line-height:1.4}.task-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-done{opacity:.6;background:var(--bg-secondary)}.task-done .task-text{color:var(--text-secondary);text-decoration:line-through}.drift-alert{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);background:linear-gradient(135deg,#d49b4b1f,#d49b4b0f);border:1px solid #d49b4b4d;display:flex}.drift-alert svg{color:#d49b4b;flex-shrink:0}.task-stale{border-left:3px solid #d49b4b99}.task-detail-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-4);background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.task-detail-modal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:560px;max-height:85vh;padding:var(--space-6);overflow-y:auto;box-shadow:0 24px 80px #0003}.task-detail-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.task-detail-header h2{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:600;line-height:1.3}.task-detail-close{cursor:pointer;color:var(--text-tertiary);padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0}.task-detail-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.task-detail-badges{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.task-detail-meta{gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.task-detail-meta div{flex-direction:column;gap:2px;display:flex}.task-detail-meta small{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.task-detail-meta span{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.task-detail-history{margin-bottom:var(--space-5)}.task-detail-history h3{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:flex}.task-detail-history ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-detail-history li{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.evt-time{color:var(--text-tertiary);font-size:var(--text-xs);flex-basis:100%}.evt-change{color:var(--text-primary);font-weight:600}.evt-reason{color:var(--text-secondary);font-style:italic}.task-detail-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}@media (width<=768px){.tasks-header{flex-direction:column;align-items:flex-start}.tasks-filters{width:100%}.tasks-kpi-grid,.tasks-lane-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-detail-meta{grid-template-columns:1fr}}@media (width<=520px){.tasks-kpi-grid,.tasks-lane-grid{grid-template-columns:1fr}}.recall-header{margin-bottom:var(--space-4)}.recall-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.recall-kpi-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg, #ffffffc2, #ffffff6b), var(--bg-secondary);box-shadow:var(--shadow-sm)}.recall-kpi-card--positive{border-color:#4b9b6b47}.recall-kpi-card--danger{border-color:#c9444447}.recall-kpi-card span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.recall-kpi-card strong{margin:var(--space-2) 0;color:var(--text-primary);text-transform:capitalize;font-size:clamp(1.75rem,3vw,2.8rem);line-height:.95;display:block}.recall-kpi-card small{color:var(--text-secondary);font-size:var(--text-sm)}.recall-mode-toggle{gap:var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:fit-content;margin-bottom:var(--space-6);padding:4px;display:flex}.recall-mode-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-normal) var(--ease-spring);background:0 0;border:none;font-weight:500;display:flex}.recall-mode-btn.active{background:var(--accent-primary);color:var(--accent-text);box-shadow:var(--shadow-sm)}.recall-mode-btn:not(.active):hover{color:var(--text-primary);background:var(--bg-tertiary)}.recall-spotlight{margin-bottom:var(--space-8)}.recall-spotlight-inner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--dur-normal) var(--ease-spring);box-shadow:var(--shadow-sm);display:flex}.recall-spotlight-inner:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow), var(--shadow-lg);background:var(--bg-primary)}.recall-search-icon{color:var(--text-tertiary);flex-shrink:0}.recall-search-spinner{color:var(--accent-primary);flex-shrink:0}.recall-spotlight-input{color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-lg);background:0 0;border:none;outline:none;flex:1}.recall-spotlight-input::placeholder{color:var(--text-tertiary)}.recall-clear-btn{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;display:flex}.recall-clear-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.recall-submit-btn{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.recall-error{background:var(--danger-muted);border-color:var(--danger);padding:var(--space-4);margin-bottom:var(--space-4)}.recall-error p{color:var(--danger);margin:0}.recall-results{margin-bottom:var(--space-6)}.recall-results-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.recall-results-list{gap:var(--space-3);flex-direction:column;display:flex}.recall-result-card{gap:var(--space-4);padding:var(--space-4);transition:all var(--dur-normal) var(--ease-spring);display:flex}.recall-result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recall-result-score{flex-shrink:0;align-items:flex-start;display:flex}.recall-score-ring{background:conic-gradient(var(--accent-primary) var(--score-pct,0%), var(--bg-tertiary) 0%);width:48px;height:48px;font-size:var(--text-xs);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.recall-score-ring:before{content:"";background:var(--bg-primary);border-radius:50%;position:absolute;inset:4px}.recall-score-ring{z-index:0;position:relative}.recall-score-rank{font-size:var(--text-lg);color:var(--text-tertiary);font-weight:700}.recall-result-body{flex:1;min-width:0}.recall-result-text{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-2);line-height:1.5}.recall-result-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.recall-answer{padding:var(--space-6);margin-bottom:var(--space-6);border-left:3px solid var(--accent-primary)}.recall-answer-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.recall-ai-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--accent-primary);color:var(--accent-text);text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.recall-answer-body{font-size:var(--text-base);color:var(--text-primary);white-space:pre-wrap;line-height:1.7}.recall-raw-json{font-family:var(--font-mono,monospace);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.recall-sources{margin-top:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.recall-sources summary{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;display:flex}.recall-sources summary:hover{color:var(--text-primary)}.recall-sources-list{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.recall-source-item{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);display:flex}.recall-source-time{color:var(--text-tertiary);font-size:var(--text-xs);flex-shrink:0;min-width:80px}.recall-source-text{color:var(--text-primary);line-height:1.4}.recall-history{margin-top:var(--space-4)}.recall-history-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.recall-history-header h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.recall-clear-history{color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none}.recall-clear-history:hover{color:var(--danger)}.recall-history-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.recall-history-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:flex}.recall-history-chip:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}@media (width<=768px){.recall-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recall-spotlight-input{font-size:var(--text-base)}.recall-mode-toggle{width:100%}.recall-mode-btn{flex:1;justify-content:center}}@media (width<=520px){.recall-kpi-grid{grid-template-columns:1fr}}.platform-screen{max-width:1180px;padding-bottom:96px}.platform-hero{gap:var(--space-5);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.platform-hero h1{max-width:980px;margin:var(--space-2) 0 var(--space-2);font-size:clamp(2.15rem,4vw,3.75rem);line-height:.98}.platform-hero p{max-width:760px;color:var(--text-secondary);font-size:var(--text-base)}.platform-grid,.access-list,.service-list,.storage-map,.login-table,.dashboard-grid,.audit-list{gap:var(--space-4);display:grid}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.access-list{grid-template-columns:repeat(5,minmax(0,1fr))}.readiness-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.service-list,.storage-map,.login-table{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid--matrix{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.audit-list{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-operating-map{margin-top:var(--space-6);padding:var(--space-5);background:radial-gradient(circle at 10% 10%,#74b9ff24,#0000 28%),radial-gradient(circle at 88% 14%,#4b9b6b1a,#0000 24%),#ffffff09;border:1px solid #74b9ff29;border-radius:34px}.platform-operating-map .platform-section-head{align-items:end}.platform-operating-map .platform-section-head p{max-width:640px;margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.role-dashboard-matrix .platform-section-head{align-items:end}.role-dashboard-matrix .platform-section-head p{max-width:720px;margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.platform-plane-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.platform-plane-card{gap:var(--space-3);min-height:250px;padding:var(--space-5);color:inherit;border:1px solid var(--border-subtle);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#ffffff0a;border-radius:26px;flex-direction:column;text-decoration:none;display:flex}.platform-plane-card:hover{color:inherit;border-color:#74b9ff73;transform:translateY(-2px)}.platform-plane-card>span{color:var(--status-info);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.platform-plane-card strong{font-size:clamp(2rem,4vw,3.4rem);line-height:.95;display:block}.platform-plane-card em{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;font-style:normal}.platform-plane-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.platform-plane-card code{color:var(--text-secondary);margin-top:auto}.role-switch{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.role-switch a{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary);font-size:var(--text-sm);padding:10px 14px}.role-switch a.active{color:var(--text-primary);background:#74b9ff1f;border-color:#74b9ff8c}.platform-section{margin-top:var(--space-6)}.platform-section-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.platform-section-head h2,.platform-storage h2{font-size:var(--text-xl)}.platform-section-head span,.platform-card span,.platform-metric span{color:var(--status-info);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.platform-card,.platform-metric{border:1px solid var(--border-subtle);background:radial-gradient(circle at top right, #74b9ff1f, transparent 34%), var(--bg-secondary);padding:var(--space-5);border-radius:28px}.role-route-card{gap:var(--space-4);min-height:370px;color:inherit;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.role-route-card:hover{color:inherit;border-color:#74b9ff73;transform:translateY(-2px)}.role-route-card--founder{border-color:#ffc66d42}.role-route-card--operator{border-color:#4b9b6b42}.role-route-card--devops{border-color:#5b8def42}.role-route-card--coder{border-color:#845ef738}.role-route-card--support{border-color:#d49b4b42}.role-route-topline{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.role-route-topline>strong{color:var(--text-primary);font-size:clamp(2rem,4vw,3.5rem);line-height:.9}.role-route-mini-kpis{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.role-route-mini-kpis div{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff85}.role-route-mini-kpis span,.role-route-bars span{color:var(--text-tertiary);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:800;display:block;overflow:hidden}.role-route-mini-kpis strong{margin-top:var(--space-2);color:var(--text-primary);font-size:var(--text-xl);line-height:1;display:block}.role-route-bars{gap:var(--space-2);margin-top:auto;display:grid}.role-route-bars div{gap:var(--space-2);grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;display:grid}.role-route-bars i{border-radius:var(--radius-full);background:#1b2a4a14;height:10px;display:block;overflow:hidden}.role-route-bars b{border-radius:inherit;background:linear-gradient(90deg, var(--status-info), #74b9ff59);height:100%;display:block}.role-route-bars strong{color:var(--text-primary);font-size:var(--text-xs);text-align:right}.role-route-card small{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.45}.platform-card h3{margin:var(--space-3) 0 var(--space-2)}.platform-card p,.platform-storage p,.platform-metric p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55}.platform-card code,.storage-node code{margin-top:var(--space-4);color:var(--text-secondary);overflow-wrap:anywhere;display:block}.login-card code{color:#ffc66d}.role-kpi-board{margin-top:var(--space-4);padding:var(--space-4);box-shadow:var(--shadow-sm);background:#ffffff94;border:1px solid #74b9ff2e;border-radius:16px}.role-kpi-board--founder{border-color:#ffc66d52}.role-kpi-board--operator{border-color:#4b9b6b52}.role-kpi-board--devops{border-color:#5b8def52}.role-kpi-board--coder{border-color:#845ef747}.role-kpi-board--support{border-color:#d49b4b52}.role-kpi-topline{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.role-kpi-topline span,.role-kpi-card span,.role-kpi-chart-head span{color:var(--status-info);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.role-kpi-topline h2{max-width:780px;margin:var(--space-2) 0;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1}.role-kpi-topline p{max-width:760px;color:var(--text-secondary);font-size:var(--text-sm)}.role-kpi-layout{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 190px minmax(280px,.85fr);display:grid}.role-kpi-gauge-container,.role-kpi-card,.role-kpi-chart{border:1px solid var(--border-subtle);background:var(--bg-primary);box-shadow:var(--shadow-sm);border-radius:12px}.role-kpi-gauge-container{align-content:center;place-items:center;gap:var(--space-4);min-height:260px;padding:var(--space-4);text-align:center;display:grid}.role-kpi-gauge-ring{background:conic-gradient(var(--status-info) var(--gauge-pct), #1b2a4a14 0deg), var(--bg-secondary);width:170px;height:170px;box-shadow:inset 0 0 0 22px var(--bg-secondary), 0 16px 36px #1b2a4a1f;border-radius:50%;align-content:center;place-items:center;display:grid}.role-kpi-gauge-ring strong{max-width:120px;color:var(--text-primary);text-overflow:ellipsis;font-size:2.25rem;line-height:1;overflow:hidden}.role-kpi-gauge-ring span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.role-kpi-gauge p,.role-kpi-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.45}.role-kpi-card-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.role-kpi-card{min-height:126px;padding:var(--space-4)}.role-kpi-card strong{margin:var(--space-2) 0;font-size:clamp(2rem,3vw,2.85rem);line-height:.95;display:block}.role-kpi-chart{min-height:260px;padding:var(--space-4);flex-direction:column;display:flex}.role-kpi-chart-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.role-kpi-chart-head strong{font-size:var(--text-xl)}.role-kpi-bars{gap:var(--space-3);margin-top:auto;display:grid}.role-kpi-bars button{align-items:center;gap:var(--space-3);color:var(--text-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:110px minmax(0,1fr) 44px;display:grid}.role-kpi-bars button:hover:not(:disabled){color:var(--text-primary)}.role-kpi-bars button:disabled{cursor:wait;opacity:.7}.role-kpi-bars span{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-kpi-bars i{border-radius:var(--radius-full);background:#1b2a4a14;height:12px;display:block;overflow:hidden}.role-kpi-bars b{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--status-info), #74b9ff59);height:100%;display:block}.role-kpi-bars strong{color:var(--text-primary);font-size:var(--text-sm);text-align:right}.role-workflow{gap:var(--space-5);display:grid}.workflow-command,.workflow-lane,.workflow-evidence{border:1px solid var(--border-subtle);padding:var(--space-5);background:radial-gradient(circle at 0 0,#74b9ff21,#0000 32%),#ffffff09;border-radius:30px}.workflow-command{gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.workflow-command span,.workflow-lane span,.evidence-card span,.workflow-queue-item span{color:var(--status-info);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.workflow-command h3,.workflow-lane h3{margin:var(--space-2) 0;font-size:var(--text-xl)}.workflow-command p,.workflow-lane p,.evidence-card p{color:var(--text-secondary);line-height:1.55}.workflow-action-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.workflow-lane-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workflow-lane{flex-direction:column;min-height:390px;display:flex}.workflow-lane-head{justify-content:space-between;gap:var(--space-4);display:flex}.workflow-lane-head>strong{color:var(--text-primary);font-size:clamp(2rem,4vw,4rem);line-height:1}.workflow-metrics{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workflow-metrics div,.evidence-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffff08}.workflow-metrics strong,.evidence-card strong{margin-top:var(--space-2);font-size:var(--text-xl);display:block}.workflow-queue{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.workflow-queue-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;gap:var(--space-1);padding:var(--space-3);text-align:left;background:#0d111747;display:grid}.workflow-queue-item:hover:not(:disabled){border-color:#74b9ff73}.workflow-queue-item:disabled{cursor:wait;opacity:.7}.workflow-queue-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workflow-queue-item span{color:var(--text-secondary);letter-spacing:normal;text-transform:none}.workflow-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);padding:var(--space-4)}.workflow-lane>.workflow-action-row{margin-top:auto}.workflow-evidence-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.action-result{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.action-result div{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);background:#ffffff06}.action-result strong{margin-bottom:var(--space-2);display:block}.platform-metric strong{margin:var(--space-3) 0 var(--space-1);font-size:clamp(2rem,5vw,4rem);line-height:1;display:block}.platform-storage{gap:var(--space-5);grid-template-columns:.75fr 1.25fr;align-items:start;display:grid}.storage-node dl{gap:var(--space-2);margin-top:var(--space-4);display:grid}.storage-node div{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);display:flex}.storage-node dt{color:var(--text-secondary)}.storage-node dd{font-weight:700}.gap-list{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gap-list div{border-radius:var(--radius-lg);color:#ffc66d;padding:var(--space-4);background:#ffa50214;border:1px solid #ffa50238}.platform-loading{min-height:240px}@media (width<=1100px){.platform-grid,.access-list,.service-list,.storage-map,.platform-storage,.gap-list,.login-table,.dashboard-grid,.dashboard-grid--matrix,.audit-list,.readiness-grid,.action-result,.workflow-command,.workflow-lane-grid,.workflow-evidence-grid,.platform-plane-grid,.platform-hero{grid-template-columns:1fr}.platform-operating-map .platform-section-head,.role-dashboard-matrix .platform-section-head{flex-direction:column;align-items:start}.role-kpi-topline{flex-direction:column}.role-kpi-layout{grid-template-columns:minmax(0,1fr) 180px}.role-kpi-chart{grid-column:1/-1;min-height:220px}.role-kpi-gauge-container{min-height:220px}.role-kpi-bars button{grid-template-columns:96px minmax(0,1fr) 38px}.workflow-command{align-items:start}}@media (width<=760px){.role-route-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.role-kpi-layout,.role-kpi-card-grid{grid-template-columns:1fr}.role-kpi-chart{grid-column:auto}}.platform-gate{text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;min-height:50vh;display:flex}.platform-gate-icon{margin-bottom:var(--space-2);font-size:3rem}.platform-gate h2{font-size:var(--text-xl)}.platform-gate p{color:var(--text-secondary);max-width:400px}.platform-gate-hint{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.login-credential-masked{letter-spacing:2px;font-size:var(--text-xs);color:var(--text-tertiary)!important}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.inspector-screen{max-width:1100px}.inspector-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.inspector-tabs{gap:var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);margin-bottom:var(--space-6);padding:4px;display:flex;overflow-x:auto}.inspector-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-normal) var(--ease-spring);white-space:nowrap;background:0 0;border:none;font-weight:500;display:flex}.inspector-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.inspector-tab:not(.active):hover{color:var(--text-primary);background:var(--bg-tertiary)}.inspector-error{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--danger-muted);border-color:var(--danger);color:var(--danger);margin-bottom:var(--space-4);display:flex}.health-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.health-card{padding:var(--space-5)}.health-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.health-card-header h3{font-size:var(--text-sm);color:var(--text-primary);flex:1;margin:0;font-weight:600}.health-card-icon{color:var(--accent-primary)}.health-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 4px #0000}}.health-data-grid{gap:var(--space-2);flex-direction:column;display:flex}.health-data-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;display:flex}.health-data-key{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.health-data-val{font-size:var(--text-sm);color:var(--text-primary);align-items:center;display:flex}.health-data-val strong{font-weight:600}.health-ok{color:var(--status-done)}.health-fail{color:var(--danger)}.health-no-data{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.graph-stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.graph-nodes-list{gap:var(--space-2);flex-direction:column;display:flex}.graph-flow-card{margin-bottom:var(--space-4);padding:0;overflow:hidden}.graph-flow{background:radial-gradient(circle at top,#3b82f614,#0000 48%),linear-gradient(#0f172af5,#0f172ae0);width:100%;min-height:340px}.graph-flow .react-flow__pane{cursor:grab}.graph-flow .react-flow__pane:active{cursor:grabbing}.graph-flow .react-flow__controls,.graph-flow .react-flow__minimap{box-shadow:var(--shadow-md);background:#0f172ad1;border:1px solid #94a3b829}.graph-flow .react-flow__controls-button{color:var(--text-secondary);background:0 0;border-bottom-color:#94a3b824}.graph-flow .react-flow__controls-button:hover{color:var(--text-primary);background:#ffffff0a}.graph-flow .react-flow__node.selected>div{outline-offset:2px;outline:2px solid #60a5fab8}.graph-flow .react-flow__attribution{display:none}.graph-node-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--dur-fast) var(--ease-out);display:flex}.graph-node-card:hover{border-color:var(--accent-primary);transform:translate(4px)}.graph-node-label{font-size:var(--text-sm);color:var(--text-primary);flex:1}.graph-more{text-align:center;padding:var(--space-3)}.traces-list{gap:var(--space-3);flex-direction:column;display:flex}.trace-card{padding:var(--space-4)}.trace-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.trace-time{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.trace-body{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-height:200px;font-size:.75rem;line-height:1.5;overflow-x:auto}.anomalies-list{gap:var(--space-3);flex-direction:column;display:flex}.anomaly-card{padding:var(--space-4);border-left:3px solid var(--danger)}.anomaly-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.anomaly-icon{color:var(--danger)}.anomaly-header strong{font-size:var(--text-sm);color:var(--text-primary);flex:1}.anomaly-time{font-size:var(--text-xs);color:var(--text-tertiary)}.anomaly-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.connector-add-card{padding:var(--space-6);margin-bottom:var(--space-6)}.connector-add-card h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.connector-add-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.connector-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.connectors-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.connector-card{padding:var(--space-4)}.connector-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.connector-header strong{font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize}.connector-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.connector-detail{min-height:2.6em;margin:var(--space-3) 0;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.3}.connector-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.health-grid,.graph-stats-row{grid-template-columns:1fr}.graph-flow{min-height:280px}.inspector-tabs{padding:2px}.inspector-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.settings-section{margin-bottom:var(--space-8)}.settings-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.settings-kpi-card{min-height:132px;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.settings-kpi-card span{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.settings-kpi-card strong{margin:var(--space-2) 0;color:var(--text-primary);text-transform:capitalize;overflow-wrap:anywhere;font-size:clamp(1.75rem,3vw,2.8rem);line-height:.95;display:block}.settings-kpi-card small{color:var(--text-secondary);font-size:var(--text-sm)}.settings-card{gap:var(--space-5);flex-direction:column;display:flex}.settings-field{gap:var(--space-1);flex-direction:column;display:flex}.settings-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.settings-timezone-select{text-transform:none}.settings-tz-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.settings-actions{justify-content:flex-end;display:flex}.settings-data-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.settings-data-label{font-weight:500;font-size:var(--text-sm)}.settings-data-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.settings-info-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.settings-info-row:last-child{border-bottom:none}.settings-info-label{font-size:var(--text-sm);color:var(--text-secondary)}.settings-info-value{font-size:var(--text-sm);color:var(--text-primary);font-family:monospace;font-weight:500}.settings-danger{border-color:#c9444426}.theme-options{gap:var(--space-2);display:flex}.theme-option{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--dur-fast) var(--ease-out);display:flex}.theme-option.active{border-color:var(--accent-primary);background:var(--accent-glow)}.theme-option:disabled{opacity:.4;cursor:not-allowed}.theme-dot{border:1px solid var(--border-strong);border-radius:50%;width:14px;height:14px}.cat-list{gap:var(--space-2);flex-direction:column;display:flex}.cat-empty{color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.cat-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-primary);transition:all var(--dur-fast) var(--ease-out);display:flex}.cat-row:hover{border-color:var(--border-strong)}.cat-dot-lg{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cat-row-name{font-weight:500;font-size:var(--text-sm);text-transform:capitalize;flex:1}.cat-row-count{font-size:var(--text-xs);color:var(--text-tertiary)}.cat-row-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);gap:2px;display:flex}.cat-row:hover .cat-row-actions{opacity:1}.cat-edit-form{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.cat-edit-name{font-size:var(--text-sm)!important;padding:var(--space-1) var(--space-2)!important}.cat-edit-actions{gap:var(--space-2);display:flex}.cat-create-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);gap:var(--space-3);flex-direction:column;display:flex}.cat-create-row{gap:var(--space-2);display:flex}.cat-color-pick{flex-wrap:wrap;gap:6px;display:flex}.cat-color-pick-sm{gap:4px}.cat-color-dot{cursor:pointer;width:20px;height:20px;transition:all var(--dur-fast) var(--ease-out);border:2px solid #0000;border-radius:50%}.cat-color-dot:hover{transform:scale(1.2)}.cat-color-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--text-primary)}.cat-color-pick-sm .cat-color-dot{width:16px;height:16px}@media (width<=900px){.settings-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.settings-section{margin-bottom:var(--space-6)}.settings-kpi-grid{grid-template-columns:1fr}.settings-data-row{align-items:flex-start;gap:var(--space-3);flex-direction:column}.settings-data-row .btn{justify-content:center;width:100%}.settings-actions{justify-content:stretch}.settings-actions .btn{justify-content:center;width:100%}.cat-row-actions{opacity:1}.cat-color-dot{width:26px;height:26px}.cat-color-pick-sm .cat-color-dot{width:22px;height:22px}.cat-color-pick{gap:8px}.cat-create-row{flex-direction:column}.cat-create-row .btn{justify-content:center;width:100%}.theme-options{flex-direction:column}.theme-option{width:100%}}.onboard-bg{background:var(--bg-primary);min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.onboard-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.onboard-orb-1{background:var(--accent-primary);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.onboard-orb-2{background:#6c5ce7;width:300px;height:300px;animation-delay:2s;bottom:-50px;left:-50px}.onboard-orb-3{background:#00b894;width:200px;height:200px;animation-delay:4s;top:40%;left:60%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.1)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,15px)scale(1.05)}}.onboard-card{width:100%;max-width:480px;padding:var(--space-12) var(--space-8);text-align:center;z-index:1;animation:slideUpFade .5s var(--ease-spring) both;flex-direction:column;align-items:center;display:flex;position:relative}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.onboard-sparkle{top:var(--space-4);right:var(--space-4);color:var(--accent-primary);opacity:.4;animation:4s linear infinite sparkleRotate;position:absolute}@keyframes sparkleRotate{to{transform:rotate(360deg)}}.onboard-icon-ring{background:linear-gradient(135deg, var(--slide-accent,var(--accent-primary)), transparent);width:80px;height:80px;margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite iconPulse;display:flex;position:relative}.onboard-icon-ring:before{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:3px}.onboard-icon{z-index:1;color:var(--slide-accent,var(--accent-primary));position:relative}@keyframes iconPulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 12px #0000}}.onboard-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.onboard-text{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-10);min-height:80px;line-height:1.7}.onboard-dots{gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.onboard-dot{background:var(--border-strong);cursor:pointer;width:8px;height:8px;transition:all .4s var(--ease-spring);border:none;border-radius:50%;padding:0}.onboard-dot.active{background:var(--accent-primary);width:28px;box-shadow:0 0 12px var(--accent-glow);border-radius:4px}.onboard-dot.completed{background:var(--accent-primary);opacity:.5}.onboard-dot:hover:not(.active){background:var(--text-tertiary);transform:scale(1.2)}.onboard-btn{width:100%;max-width:220px;font-size:var(--text-base)!important;padding:var(--space-3) var(--space-6)!important}.onboard-back{margin-top:var(--space-4);color:var(--text-tertiary);font-family:var(--font-family);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none}.onboard-back:hover{color:var(--text-primary)}
