:root{--cloop-50: #f0f0ff;--cloop-100: #e0e1ff;--cloop-200: #c7c8ff;--cloop-300: #a5a7ff;--cloop-400: #8b8eff;--cloop-500: #6c6fff;--cloop-600: #5b54f0;--cloop-700: #4a42d9;--cloop-800: #3d36b8;--cloop-900: #332e96;--cloop-950: #1e1a5e;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #6c6fff;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 260px;--topbar-height: 60px;--bg-page: var(--stone-50);--bg-surface: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-sunken: var(--stone-100);--bg-surface-hover: var(--stone-50);--text-primary: var(--stone-900);--text-secondary: var(--stone-600);--text-tertiary: var(--stone-500);--text-muted: var(--stone-400);--border-default: var(--stone-200);--border-subtle: var(--stone-100);--border-strong: var(--stone-300);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 24px rgba(0, 0, 0, .08);--input-bg: #ffffff;--input-border: var(--stone-300);--input-text: var(--stone-900);--input-placeholder: var(--stone-400);--badge-primary-bg: var(--cloop-100);--badge-primary-text: var(--cloop-700);--badge-accent-bg: var(--accent-100);--badge-accent-text: var(--accent-700);--badge-neutral-bg: var(--stone-200);--badge-neutral-text: var(--stone-600)}[data-theme=dark]{--bg-page: var(--stone-900);--bg-surface: var(--stone-800);--bg-surface-raised: var(--stone-700);--bg-surface-sunken: #1a1816;--bg-surface-hover: var(--stone-700);--text-primary: #ffffff;--text-secondary: var(--stone-300);--text-tertiary: var(--stone-400);--text-muted: var(--stone-500);--border-default: var(--stone-700);--border-subtle: var(--stone-800);--border-strong: var(--stone-600);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .3);--input-bg: var(--stone-800);--input-border: var(--stone-600);--input-text: var(--stone-100);--input-placeholder: var(--stone-500);--badge-primary-bg: var(--cloop-900);--badge-primary-text: var(--cloop-300);--badge-accent-bg: var(--accent-800);--badge-accent-text: var(--accent-300);--badge-neutral-bg: var(--stone-700);--badge-neutral-text: var(--stone-300);--badge-success-bg: var(--accent-800);--badge-success-text: var(--accent-300);--badge-warning-bg: #78350f;--badge-warning-text: #fcd34d;--badge-error-bg: #7f1d1d;--badge-error-text: #fca5a5;--btn-ghost-hover-bg: var(--cloop-900);--input-focus-ring: rgba(99, 102, 241, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-page);line-height:1.6}#root{min-height:100vh}h1{font-size:2.25rem;font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-lg)}h2{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary);margin-bottom:var(--space-md)}h3{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-bottom:var(--space-sm)}p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}a{color:var(--cloop-600);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;font-family:var(--font);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-decoration:none;line-height:1}.btn-primary{background:var(--cloop-600);color:#fff}.btn-primary:hover{background:var(--cloop-700)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-surface-hover)}.btn-accent{background:var(--accent-500);color:#fff}.btn-accent:hover{background:var(--accent-600)}.btn-ghost{background:transparent;color:var(--cloop-600)}.btn-ghost:hover{background:var(--btn-ghost-hover-bg, var(--cloop-50))}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease;background:var(--input-bg);color:var(--input-text)}.input:focus{border-color:var(--cloop-500);box-shadow:0 0 0 3px var(--input-focus-ring, var(--cloop-100))}.input::placeholder{color:var(--input-placeholder)}.textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease;background:var(--input-bg);color:var(--input-text);resize:vertical}.textarea:focus{border-color:var(--cloop-500);box-shadow:0 0 0 3px var(--input-focus-ring, var(--cloop-100))}.textarea::placeholder{color:var(--input-placeholder)}.select{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease;background:var(--input-bg);color:var(--input-text);appearance:none}.select:focus{border-color:var(--cloop-500);box-shadow:0 0 0 3px var(--input-focus-ring, var(--cloop-100))}.label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full)}.badge-primary{background:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge-accent{background:var(--badge-accent-bg);color:var(--badge-accent-text)}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-success{background:var(--badge-success-bg, #d1fae5);color:var(--badge-success-text, #047857)}.badge-warning{background:var(--badge-warning-bg, #fef3c7);color:var(--badge-warning-text, #92400e)}.badge-error{background:var(--badge-error-bg, #fee2e2);color:var(--badge-error-text, #991b1b)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:.75rem 1rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);border-bottom:2px solid var(--border-default);background:var(--bg-surface-sunken)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.table tr:hover td{background:var(--bg-surface-hover)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl)}.card-header{font-weight:600;font-size:.875rem;margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between}.card-description{font-size:.8rem;color:var(--text-muted);margin:calc(-1 * var(--space-sm)) 0 var(--space-md)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-tertiary)}.context-hint{font-size:.8125rem;color:var(--text-tertiary);margin:0 0 var(--space-sm);padding-left:calc(var(--space-xl) + 1rem)}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-subheader{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-left:calc(var(--space-xl) + 1rem)}.toast-container{position:fixed;top:calc(var(--topbar-height) + var(--space-sm));left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out}.toast-success{background:var(--success)}.toast-error{background:var(--error)}.toast-info{background:var(--cloop-600)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;font-size:.75rem;font-weight:400;line-height:1.4;white-space:nowrap;color:#fff;background:var(--stone-800);border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity .15s ease;transition-delay:.5s;z-index:100}[data-tooltip]:hover:after{opacity:1}.settings-dirty-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--bg-surface);border-top:1px solid var(--border-default);box-shadow:0 -4px 12px #0000001a;animation:toast-in .2s ease-out;font-size:.9375rem;font-weight:500;color:var(--text-secondary);z-index:10}@media(max-width:1024px){.settings-dirty-bar{left:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.btn-icon{flex-shrink:0;background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm, 4px);padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.btn-icon:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.btn-icon:focus-visible{outline:2px solid var(--cloop-500);outline-offset:1px}.btn-icon:disabled{opacity:.4;cursor:not-allowed}:root{--sidebar-width: 220px}.lang-toggle-wrap{position:relative}.lang-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.6875rem;font-weight:600;letter-spacing:var(--tracking-wide);color:var(--text-muted);background:transparent;border:none;border-radius:inherit;cursor:pointer;transition:color .15s ease}.lang-toggle:hover{color:var(--text-secondary)}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:140px;padding:4px;margin:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.lang-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:background .1s ease}.lang-dropdown-item:hover{background:var(--bg-surface-hover)}.lang-dropdown-item.active{color:var(--text-primary);font-weight:600}.lang-code{font-weight:700;font-size:.6875rem;letter-spacing:var(--tracking-wide);color:var(--text-muted);min-width:20px}.lang-dropdown-item.active .lang-code{color:var(--cloop-600)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cloop-950) 0%,var(--cloop-800) 50%,var(--cloop-600) 100%);padding:var(--space-md)}.login-card{position:relative;background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-3xl);width:100%;max-width:400px;box-shadow:var(--shadow-md);transition:background .3s ease,box-shadow .3s ease}.login-card-toggles{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs)}.login-lang-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface)}.login-lang-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.login-theme-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.login-theme-toggle:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-secondary)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-sm)}.login-context-banner{background:var(--accent-50);border:1px solid var(--accent-200);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.login-context-banner-domain{font-size:.875rem;font-weight:600;color:var(--accent-700);margin:0}.login-context-banner-text{font-size:.8125rem;color:var(--accent-600);margin:0}.login-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:var(--tracking-tight)}.login-subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:var(--space-xl);font-size:.9375rem}.login-subtitle--tagline{font-style:italic}.login-signal{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg)}.login-signal-item{display:flex;flex-direction:column;align-items:center;gap:6px}.login-signal-dot{width:6px;height:6px;border-radius:var(--radius-full);opacity:.6}.login-signal-dot--neutral{background:var(--text-muted)}.login-signal-dot--accent{background:var(--accent-500)}.login-signal-dot--primary{background:var(--cloop-500)}.login-signal-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.login-error{text-align:center;font-size:.8125rem;color:var(--error);margin-bottom:var(--space-md)}.login-providers{display:flex;flex-direction:column;gap:var(--space-md)}.login-provider-item{display:flex;flex-direction:column;gap:var(--space-xs)}.login-providers .btn{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.9375rem}.login-providers .btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.login-provider-note{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}.login-email-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-xs) 0;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.login-email-divider:before,.login-email-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-label{display:contents}.login-hint{font-size:.75rem;color:var(--text-muted);margin-top:-4px}.login-email-fields{display:flex;flex-direction:column;gap:var(--space-sm)}.login-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;font-family:var(--font);transition:border-color .15s ease;box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--cloop-500);box-shadow:0 0 0 2px var(--input-focus-ring, var(--cloop-100))}.login-input::placeholder{color:var(--text-muted)}.login-email-submit{width:100%;justify-content:center;padding:.625rem 1.25rem}.login-email-toggle{display:flex;justify-content:center;gap:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.login-email-toggle button{background:none;border:none;color:var(--cloop-600);cursor:pointer;font-size:.8125rem;font-family:var(--font);text-decoration:underline;text-underline-offset:2px;padding:0}.login-email-toggle button:hover{color:var(--cloop-700)}.login-footer{text-align:center;color:var(--text-muted);font-size:.75rem;margin-top:var(--space-2xl)}.login-footer-link{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.login-footer-link:hover{color:var(--text-primary)}[data-theme=dark] .login-context-banner{background:var(--accent-800);border-color:var(--accent-700)}[data-theme=dark] .login-context-banner-domain{color:var(--accent-300)}[data-theme=dark] .login-context-banner-text{color:var(--accent-400)}.app-shell{min-height:100vh;background:var(--bg-page)}.app-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:var(--space-lg) 0;position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;overflow-y:auto}.app-sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-xl)}.app-logo-mark{width:32px;height:32px;background:var(--cloop-500);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.app-logo-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.app-nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-sm);flex:1}.app-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.app-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.app-nav-item.active{background:var(--cloop-50);color:var(--cloop-700)}.app-sidebar-footer{display:flex;flex-direction:column;gap:2px;padding:var(--space-md) var(--space-sm) 0;border-top:1px solid var(--border-subtle);margin-top:auto}.app-user-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.app-user-avatar{width:28px;height:28px;background:var(--cloop-100);color:var(--cloop-700);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.app-user-email{font-size:.75rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{margin-left:var(--sidebar-width);padding:var(--space-2xl) clamp(var(--space-lg),4vw,var(--space-3xl))}@media(max-width:768px){.app-sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;flex-direction:row;padding:var(--space-sm);border-right:none;border-top:1px solid var(--border-subtle);z-index:50}.app-sidebar-logo,.app-sidebar-footer{display:none}.app-nav{flex-direction:row;justify-content:space-around;width:100%;padding:0}.app-nav-item{flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);font-size:.625rem}.app-main{margin-left:0;padding:var(--space-lg);padding-bottom:80px}}.placeholder{max-width:min(100%,1280px);margin-inline:auto}.placeholder-header{margin-bottom:var(--space-2xl)}.placeholder-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-md)}.placeholder-title-wrap{flex:1;min-width:0}.placeholder-title{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.2}.placeholder-tagline{color:var(--text-tertiary);font-size:.9375rem;margin-top:var(--space-xs);font-style:italic}.placeholder-phase{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;letter-spacing:var(--tracking-wide);color:var(--cloop-700);background:var(--cloop-50);border:1px solid var(--cloop-100);padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;flex-shrink:0}.placeholder-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;max-width:640px}.placeholder-preview,.placeholder-section{margin-bottom:var(--space-2xl)}.placeholder-section-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-md)}.placeholder-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.placeholder-feature{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.placeholder-feature-icon{width:32px;height:32px;background:var(--cloop-50);color:var(--cloop-700);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.placeholder-feature-body{flex:1;min-width:0}.placeholder-feature-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.placeholder-feature-description{font-size:.8125rem;color:var(--text-tertiary);line-height:1.5}.placeholder-fallbacks{display:flex;flex-direction:column;gap:var(--space-sm)}.placeholder-fallback{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:border-color .15s,transform .1s}.placeholder-fallback:hover{border-color:var(--cloop-300)}.placeholder-fallback-body{flex:1;min-width:0;display:flex;flex-direction:column}.placeholder-fallback-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.placeholder-fallback-description{font-size:.8125rem;color:var(--text-tertiary);margin-top:2px}.placeholder-fallback-arrow{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s,color .15s}.placeholder-fallback:hover .placeholder-fallback-arrow{color:var(--cloop-700);transform:translate(2px)}.placeholder-mock-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden}.placeholder-mock-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 18px,rgba(108,111,255,.015) 18px,rgba(108,111,255,.015) 36px);pointer-events:none}.placeholder-mock-label{display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:var(--tracking-wide);color:var(--stone-500);background:var(--stone-100);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;margin-bottom:var(--space-md)}@media(max-width:768px){.placeholder-heading-row{flex-direction:column}.placeholder-features{grid-template-columns:1fr}.placeholder-title{font-size:1.625rem}}.agent-mock{position:relative;z-index:1}.agent-mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);position:relative;z-index:1}.agent-mock-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.agent-mock-card--wide{grid-column:1 / -1}.agent-mock-card-title{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:2px}.agent-mock-identity{display:flex;align-items:center;gap:var(--space-md)}.agent-mock-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--cloop-400),var(--cloop-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.agent-mock-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.agent-mock-persona{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.agent-mock-field{display:flex;flex-direction:column;gap:6px}.agent-mock-field-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.agent-mock-field-value{font-weight:700;color:var(--cloop-700)}.agent-mock-slider{height:4px;background:var(--stone-100);border-radius:var(--radius-full);position:relative}.agent-mock-slider-fill{height:100%;background:var(--cloop-500);border-radius:var(--radius-full)}.agent-mock-slider-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--cloop-500);transform:translate(-50%,-50%)}.agent-mock-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary)}.agent-mock-toggle{width:28px;height:16px;border-radius:var(--radius-full);background:var(--stone-200);position:relative;flex-shrink:0}.agent-mock-toggle:after{content:"";position:absolute;width:12px;height:12px;border-radius:var(--radius-full);background:#fff;top:2px;left:2px;transition:left .15s}.agent-mock-toggle--on{background:var(--cloop-500)}.agent-mock-toggle--on:after{left:14px}.agent-mock-pages{display:flex;flex-direction:column;gap:4px}.agent-mock-page{display:flex;align-items:center;gap:var(--space-sm);padding:6px 8px;background:var(--bg-surface-sunken);border-radius:var(--radius-sm);font-size:.75rem}.agent-mock-page--default{background:transparent;border:1px dashed var(--border-default);font-style:italic;color:var(--text-tertiary)}.agent-mock-page-url{font-family:var(--font-mono, "SF Mono", monospace);font-size:.6875rem;color:var(--cloop-700);background:var(--cloop-50);padding:2px 6px;border-radius:3px;flex-shrink:0}.agent-mock-page-arrow{color:var(--text-tertiary);flex-shrink:0}.agent-mock-page-q{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-mock-page--default .agent-mock-page-q{color:var(--text-tertiary)}.agent-mock-langs{display:flex;gap:6px;flex-wrap:wrap}.agent-mock-lang{font-size:.75rem;padding:6px 12px;border-radius:var(--radius-full);background:transparent;border:1px solid var(--border-default);color:var(--text-tertiary)}.agent-mock-lang--on{background:var(--cloop-50);border-color:var(--cloop-200);color:var(--cloop-700);font-weight:600}@media(max-width:768px){.agent-mock-grid{grid-template-columns:1fr}}.content-mock{position:relative;z-index:1}.content-mock-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);position:relative;z-index:1}.content-mock-tab{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);border:1px solid transparent;cursor:default}.content-mock-tab--active{background:var(--cloop-50);color:var(--cloop-700);border-color:var(--cloop-100)}.content-mock-suggestion{display:flex;gap:var(--space-md);background:linear-gradient(135deg,var(--cloop-50) 0%,var(--bg-surface) 100%);border:1px solid var(--cloop-100);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);position:relative;z-index:1}.content-mock-suggestion-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--cloop-100);color:var(--cloop-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-mock-suggestion-body{flex:1;min-width:0}.content-mock-suggestion-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--cloop-700);margin-bottom:4px}.content-mock-suggestion-text{font-size:.8125rem;color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-sm)}.content-mock-suggestion-actions{display:flex;gap:6px}.content-mock-btn{font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);cursor:default}.content-mock-btn--primary{background:var(--cloop-500);color:#fff;border-color:var(--cloop-500)}.content-mock-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm);position:relative;z-index:1}.content-mock-list-header{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:.6875rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.content-mock-upload{margin-left:auto;font-size:.625rem;font-weight:600;color:var(--cloop-700);background:transparent;border:none;cursor:default;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.content-mock-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px;border-radius:var(--radius-sm)}.content-mock-row:hover{background:var(--bg-surface-sunken)}.content-mock-row-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--stone-100);color:var(--stone-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-mock-row-body{flex:1;min-width:0}.content-mock-row-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-mock-row-meta{font-size:.6875rem;color:var(--text-tertiary);margin-top:1px}.content-mock-row-shared{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.content-mock-row-draft{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--badge-warning-text, #92400e);background:var(--badge-warning-bg, #fef3c7);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.inbox-mock-body{display:grid;grid-template-columns:260px 1fr;gap:var(--space-md);position:relative;z-index:1}.inbox-mock-list{background:var(--bg-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-sm);display:flex;flex-direction:column;gap:4px}.inbox-mock-list-header{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.inbox-mock-badge{margin-left:auto;font-size:.625rem;font-weight:700;background:var(--cloop-500);color:#fff;padding:1px 6px;border-radius:var(--radius-full)}.inbox-mock-item{display:flex;gap:8px;padding:8px;border-radius:var(--radius-sm);background:transparent;cursor:default}.inbox-mock-item--active{background:var(--bg-surface);box-shadow:0 0 0 1px var(--cloop-200)}.inbox-mock-avatar{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}.inbox-mock-avatar--warm{background:var(--cloop-100);color:var(--cloop-700)}.inbox-mock-avatar--cold{background:var(--stone-100);color:var(--stone-700)}.inbox-mock-item-body{flex:1;min-width:0}.inbox-mock-item-header{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.inbox-mock-item-name{font-size:.75rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-mock-item-time{font-size:.625rem;color:var(--text-tertiary);flex-shrink:0}.inbox-mock-item-preview{font-size:.6875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.inbox-mock-item-meta{display:flex;align-items:center;gap:4px;font-size:.625rem;color:var(--text-tertiary);margin-top:2px}.inbox-mock-detail{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.inbox-mock-detail-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.inbox-mock-detail-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.inbox-mock-detail-sub{font-size:.75rem;color:var(--text-tertiary);margin-top:1px}.inbox-mock-detail-score{background:var(--accent-50);color:var(--accent-700);font-size:.8125rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full)}.inbox-mock-thread{display:flex;flex-direction:column;gap:6px}.inbox-mock-msg{display:flex}.inbox-mock-msg--us{justify-content:flex-end}.inbox-mock-msg-bubble{max-width:80%;padding:8px 10px;border-radius:var(--radius-md);font-size:.75rem;line-height:1.4}.inbox-mock-msg-bubble--them{background:var(--bg-surface-sunken);color:var(--text-primary);border-bottom-left-radius:4px}.inbox-mock-msg-bubble--ada{background:var(--cloop-50);color:var(--cloop-900);border:1px solid var(--cloop-100);border-bottom-right-radius:4px}.inbox-mock-msg-author{display:inline-flex;align-items:center;gap:3px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--cloop-700);margin-right:4px}.inbox-mock-draft{background:var(--bg-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);border:1px dashed var(--cloop-200)}.inbox-mock-draft-header{display:flex;align-items:center;gap:4px;font-size:.625rem;font-weight:700;letter-spacing:var(--tracking-wide);color:var(--cloop-700);text-transform:uppercase;margin-bottom:4px}.inbox-mock-draft-body{font-size:.75rem;color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-sm)}.inbox-mock-draft-actions{display:flex;gap:6px}.inbox-mock-btn{font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);cursor:default}.inbox-mock-btn--primary{background:var(--cloop-500);color:#fff;border-color:var(--cloop-500)}@media(max-width:768px){.inbox-mock-body{grid-template-columns:1fr}}.insights-mock{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-md)}.insights-mock-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-md)}.insights-mock-question{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);font-style:italic}.insights-mock-bars{display:flex;flex-direction:column;gap:8px}.insights-mock-bar-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:var(--space-sm)}.insights-mock-bar-label{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-mock-bar-track{height:8px;background:var(--stone-100);border-radius:var(--radius-full);overflow:hidden}.insights-mock-bar-fill{height:100%;background:linear-gradient(90deg,var(--cloop-400) 0%,var(--cloop-500) 100%);border-radius:var(--radius-full)}.insights-mock-bar-percent{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-align:right}.insights-mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.insights-mock-stat{background:var(--bg-surface-sunken);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center}.insights-mock-stat-value{font-size:1.5rem;font-weight:700;letter-spacing:var(--tracking-tight);line-height:1;margin-bottom:4px}.insights-mock-stat-label{font-size:.6875rem;color:var(--text-tertiary)}.insights-mock-stat--success .insights-mock-stat-value{color:var(--success)}.insights-mock-stat--warning .insights-mock-stat-value{color:var(--warning)}.insights-mock-stat--error .insights-mock-stat-value{color:var(--error)}.insights-mock-split{display:flex;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle)}.insights-mock-segment{padding:var(--space-sm);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;font-size:.625rem;overflow:hidden}.insights-mock-segment-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-mock-segment-percent{font-weight:700}.insights-mock-segment--a{background:var(--cloop-500)}.insights-mock-segment--b{background:var(--cloop-400)}.insights-mock-segment--c{background:var(--cloop-300);color:var(--cloop-900)}.insights-mock-segment--d{background:var(--cloop-200);color:var(--cloop-900)}.people-mock{position:relative;z-index:1}.people-mock-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);position:relative;z-index:1}.people-mock-tab{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);border:1px solid transparent;cursor:default}.people-mock-tab--active{background:var(--cloop-50);color:var(--cloop-700);border-color:var(--cloop-100)}.people-mock-group{margin-bottom:var(--space-md);position:relative;z-index:1}.people-mock-group:last-child{margin-bottom:0}.people-mock-group-header{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-xs) 0;margin-bottom:4px}.people-mock-count{font-size:.625rem;background:var(--stone-100);color:var(--stone-600);padding:1px 6px;border-radius:var(--radius-full)}.people-mock-dot{width:8px;height:8px;border-radius:var(--radius-full)}.people-mock-dot--warm{background:var(--warning)}.people-mock-dot--new{background:var(--stone-300)}.people-mock-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:4px}.people-mock-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--cloop-100);color:var(--cloop-700);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.people-mock-body{flex:1;min-width:0}.people-mock-name{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.people-mock-disc{width:18px;height:18px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;font-family:var(--font-mono, monospace)}.people-mock-disc--D{background:var(--badge-error-bg, #fee2e2);color:var(--badge-error-text, #991b1b)}.people-mock-disc--I{background:var(--badge-warning-bg, #fef3c7);color:var(--badge-warning-text, #92400e)}.people-mock-disc--S{background:var(--badge-success-bg, #d1fae5);color:var(--badge-success-text, #047857)}.people-mock-disc--C{background:#dbeafe;color:#1d4ed8}.people-mock-meta{font-size:.6875rem;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.people-mock-score{font-size:.8125rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0}.people-mock-score--hot{background:var(--badge-error-bg, #fee2e2);color:var(--badge-error-text, #991b1b)}.people-mock-score--warm{background:var(--badge-warning-bg, #fef3c7);color:var(--badge-warning-text, #92400e)}.people-mock-score--cold{background:var(--stone-100);color:var(--stone-600)}.people-mock-actions{font-size:.75rem;letter-spacing:2px;flex-shrink:0;min-width:40px;text-align:right}.people-mock-more{padding:var(--space-sm) var(--space-md);background:var(--bg-surface-sunken);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-tertiary);text-align:center;font-style:italic}.today{max-width:min(100%,1280px);margin-inline:auto}.today-header{margin-bottom:var(--space-2xl)}.today-title{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.2}.today-subtitle{color:var(--text-tertiary);font-size:.9375rem;margin-top:var(--space-xs)}.today-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.metric-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.metric-card-icon{color:var(--cloop-500);display:flex}.metric-card-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.metric-card-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1;margin-bottom:var(--space-xs)}.metric-card-change{display:flex;align-items:center;gap:2px;font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.metric-card-change.positive{color:var(--success)}.metric-card-change.negative{color:var(--error)}.metric-card-period{color:var(--text-tertiary);margin-left:2px}.today-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.today-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg)}.today-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.today-list{display:flex;flex-direction:column}.today-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.today-list-item:last-child{border-bottom:none}.today-list-avatar{width:32px;height:32px;background:var(--cloop-100);color:var(--cloop-700);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;flex-shrink:0}.today-list-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--stone-300);flex-shrink:0}.today-list-dot--lead{background:var(--success)}.today-list-content{flex:1;min-width:0;display:flex;flex-direction:column}.today-list-primary{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-list-secondary{font-size:.75rem;color:var(--text-tertiary)}.today-lead-badge{display:inline-block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--success);background:var(--accent-50);padding:1px 6px;border-radius:var(--radius-full);margin-left:var(--space-xs);vertical-align:middle}.today-score{font-size:.8125rem;font-weight:600;flex-shrink:0}.today-score--hot{color:var(--error)}.today-score--warm{color:var(--warning)}.today-score--cold{color:var(--text-tertiary)}.today-phase{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.today-empty{color:var(--text-tertiary);font-size:.875rem;padding:var(--space-lg) 0;text-align:center}.today-briefing{background:linear-gradient(135deg,var(--cloop-50) 0%,var(--bg-surface) 100%);border:1px solid var(--cloop-100);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.today-briefing:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(108,111,255,.1) 0%,transparent 70%);pointer-events:none}.today-briefing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);position:relative;z-index:1}.today-briefing-badge{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--cloop-700);background:var(--bg-surface);border:1px solid var(--cloop-200);padding:3px 10px;border-radius:var(--radius-full)}.today-briefing-time{font-size:.6875rem;color:var(--text-tertiary)}.today-briefing-text{font-size:1.0625rem;line-height:1.6;color:var(--text-primary);margin:0 0 var(--space-md);position:relative;z-index:1;max-width:640px}.today-briefing-footer{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--cloop-100);position:relative;z-index:1}.today-briefing-time-budget{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--cloop-700)}.today-tasks{margin-bottom:var(--space-2xl)}.today-task-list{display:flex;flex-direction:column;gap:var(--space-xs)}.today-task{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--bg-surface-sunken);transition:background .15s,box-shadow .15s}.today-task:hover{background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-default)}.today-task--critical{border-left:3px solid var(--error);padding-left:calc(var(--space-md) - 3px)}.today-task--important{border-left:3px solid var(--warning);padding-left:calc(var(--space-md) - 3px)}.today-task--normal{border-left:3px solid var(--cloop-300);padding-left:calc(var(--space-md) - 3px)}.today-task-marker{flex-shrink:0}.today-task-circle{color:var(--text-tertiary)}.today-task-check{color:var(--success)}.today-task-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--cloop-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.today-task-body{min-width:0}.today-task-title{font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-task-detail{font-size:.75rem;color:var(--text-tertiary);margin-top:1px}.today-task-minutes{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);background:var(--bg-surface);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.today-task-action{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:var(--cloop-500);color:#fff;border:none;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.today-task-action:hover{background:var(--cloop-600)}.today-task-action:active{transform:scale(.97)}.today-timeline-section{margin-top:var(--space-xl)}.today-section-subtitle{font-size:.75rem;color:var(--text-tertiary);margin-top:calc(var(--space-md) * -1);margin-bottom:var(--space-md);font-style:italic}.today-timeline{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:var(--space-lg)}.today-timeline:before{content:"";position:absolute;left:42px;top:12px;bottom:12px;width:1px;background:var(--border-default)}.today-timeline-slot{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:var(--space-md);padding:6px 0;position:relative}.today-timeline-slot:before{content:"";position:absolute;left:40px;top:50%;width:5px;height:5px;border-radius:var(--radius-full);background:var(--stone-300);transform:translate(-50%,-50%)}.today-timeline-slot--meeting:before{background:var(--cloop-500);width:9px;height:9px;box-shadow:0 0 0 3px var(--cloop-100)}.today-timeline-slot--ai:before{background:var(--cloop-300)}.today-timeline-time{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right}.today-timeline-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-primary);padding-left:var(--space-lg)}.today-timeline-slot--meeting .today-timeline-label{font-weight:600}.today-timeline-slot--ai .today-timeline-label{color:var(--text-secondary);font-style:italic}.today-timeline-slot--break .today-timeline-label{color:var(--text-tertiary)}.today-timeline-ai-icon{color:var(--cloop-500);flex-shrink:0}.today-attention-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.today-attention-item:last-child{border-bottom:none}.today-attention-icon{flex-shrink:0}@media(max-width:768px){.today-grid{grid-template-columns:repeat(2,1fr)}.today-columns{grid-template-columns:1fr}.metric-card-value{font-size:1.5rem}.today-briefing{padding:var(--space-md)}.today-briefing-text{font-size:.9375rem}.today-task{grid-template-columns:auto 1fr auto;gap:var(--space-sm)}.today-task-icon,.today-task-minutes,.today-task-action span{display:none}.today-task-action{padding:6px 8px}}