@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-navy:#1a365d;--color-blue:#1e4d8c;--color-blue-light:#2d6ab1;--color-gold:#d4a029;--color-gold-hover:#b8891f;--color-teal:#1a8a7d;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-500:#64748b;--color-gray-700:#334155;--color-gray-900:#0f172a;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d4a029;--color-warning-text:#a16207;--color-warning-bg:#fefce8;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-error-bg:#fef2f2;--color-info:#2d6ab1;--color-info-bg:#eff6ff;--color-surface-dark:#0f2442;--color-surface-navy:#1a365d;--color-surface-mid:#1e4d8c;--color-border-dark:#2d4a7c;--color-text-dark-muted:#94a3b8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-display-size:30px;--text-display-weight:700;--text-display-line:1.2;--text-display-tracking:-.025em;--text-h1-size:24px;--text-h1-weight:700;--text-h1-line:1.3;--text-h1-tracking:-.02em;--text-h2-size:20px;--text-h2-weight:600;--text-h2-line:1.35;--text-h2-tracking:-.015em;--text-h3-size:16px;--text-h3-weight:600;--text-h3-line:1.4;--text-h3-tracking:-.01em;--text-body-size:14px;--text-body-weight:400;--text-body-line:1.6;--text-body-sm-size:13px;--text-body-sm-weight:400;--text-body-sm-line:1.5;--text-caption-size:12px;--text-caption-weight:500;--text-caption-line:1.4;--text-caption-tracking:.01em;--text-overline-size:11px;--text-overline-weight:600;--text-overline-line:1.3;--text-overline-tracking:.06em;--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:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-lg:0 4px 12px #0000001a, 0 1px 3px #0000000f;--shadow-xl:0 8px 24px #0000001f, 0 2px 8px #0000000f;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.3s ease;--max-width-content:1280px;--max-width-form:960px;--max-width-prose:680px;--sidebar-width:240px;--sidebar-collapsed:64px;--nav-height:56px;--breakpoint-md:768px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-gray-700);background:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}code,pre,kbd,samp{font-family:var(--font-mono);font-size:13px}.text-navy{color:var(--color-navy)}.text-blue{color:var(--color-blue)}.text-gold{color:var(--color-gold)}.text-teal{color:var(--color-teal)}.text-muted{color:var(--color-gray-500)}.text-body{color:var(--color-gray-700)}.text-heading{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-navy{background-color:var(--color-navy)}.bg-blue{background-color:var(--color-blue)}.bg-gold{background-color:var(--color-gold)}.bg-teal{background-color:var(--color-teal)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.font-mono{font-family:var(--font-mono)}.text-display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line);letter-spacing:var(--text-display-tracking)}.text-h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);letter-spacing:var(--text-h1-tracking)}.text-h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line);letter-spacing:var(--text-h2-tracking)}.text-h3{font-size:var(--text-h3-size);font-weight:var(--text-h3-weight);line-height:var(--text-h3-line);letter-spacing:var(--text-h3-tracking)}.text-overline{font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);line-height:var(--text-overline-line);letter-spacing:var(--text-overline-tracking);text-transform:uppercase}:where(a,button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-blue-light);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.app-shell{min-height:100vh;display:flex}.app-main{background:var(--color-gray-50);flex-direction:column;flex:1;min-width:0;display:flex}.app-content{padding:var(--space-6) var(--space-8);max-width:var(--max-width-content);flex:1;width:100%}.sidebar{width:var(--sidebar-width);background:var(--color-surface-navy);color:var(--color-white);z-index:100;height:100vh;transition:width var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden;container:otm-sidebar/inline-size}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-expand-toggle{width:36px;height:36px;margin:var(--space-2) auto 0;border-radius:var(--radius-md);color:var(--color-text-dark-muted);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.sidebar-expand-toggle svg{width:20px;height:20px}.sidebar-expand-toggle:hover{background:var(--color-surface-mid);color:var(--color-white)}.sidebar-backdrop{z-index:90;cursor:pointer;background:#0f244273;border:none;margin:0;padding:0;display:none;position:fixed;inset:0}.sidebar-logo{height:var(--nav-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border-dark);flex-direction:column;flex-shrink:0;justify-content:center;display:flex}.sidebar-logo-mark{letter-spacing:-.02em;color:var(--color-white);font-size:18px;font-weight:700}.sidebar-logo-mark .dot{color:var(--color-gold)}.sidebar-logo-sub{color:var(--color-text-dark-muted);margin-top:2px;font-size:12px}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-section-label{font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--color-text-dark-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-dark-muted);font-size:var(--text-body-size);transition:background var(--transition-base), color var(--transition-base);border-left:3px solid #0000;font-weight:500;text-decoration:none;display:flex}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item:hover{background:var(--color-surface-mid);color:var(--color-white)}.nav-item.active,.nav-item[aria-current=page]{background:var(--color-surface-mid);color:var(--color-white);border-left-color:var(--color-gold)}.nav-group{margin-top:var(--space-1)}.nav-group-toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-dark-muted);font-family:inherit;font-size:var(--text-body-size);cursor:pointer;text-align:left;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;font-weight:500;display:flex}.nav-group-toggle svg.nav-group-icon{flex-shrink:0;width:20px;height:20px}.nav-group-toggle:hover{background:var(--color-surface-mid);color:var(--color-white)}.nav-group-toggle .nav-group-chevron{width:16px;height:16px;transition:transform var(--transition-base);margin-left:auto}.nav-group-toggle[aria-expanded=true]{color:var(--color-white)}.nav-group-toggle[aria-expanded=true] .nav-group-chevron{transform:rotate(180deg)}.nav-subnav{padding:var(--space-1) 0 var(--space-1) var(--space-8);flex-direction:column;display:flex}.nav-group-toggle[aria-expanded=false]+.nav-subnav{display:none}.nav-subitem{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-dark-muted);font-size:var(--text-body-sm-size);transition:background var(--transition-base), color var(--transition-base);text-decoration:none;display:block}.nav-subitem:hover{background:var(--color-surface-mid);color:var(--color-white)}.nav-subitem.active,.nav-subitem[aria-current=page]{color:var(--color-white);font-weight:500}.sidebar-user{border-top:1px solid var(--color-border-dark);padding:var(--space-4) var(--space-3);flex-shrink:0}.sidebar-user-row{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-3);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--color-surface-mid);flex-shrink:0;width:32px;height:32px}.sidebar-user-info{min-width:0}.sidebar-user-name{font-size:var(--text-body-sm-size);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--color-text-dark-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-signout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-dark-muted);font-family:inherit;font-size:var(--text-body-sm-size);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;text-decoration:none;display:flex}.sidebar-signout svg{flex-shrink:0;width:16px;height:16px}.sidebar-signout:hover{background:var(--color-surface-mid);color:var(--color-white)}.sidebar.is-collapsed{width:var(--sidebar-collapsed)}@container otm-sidebar (max-width:80px){.sidebar-logo{align-items:center;padding:0}.sidebar-logo-mark{font-size:16px}.sidebar-logo-sub,.platform-switcher-chevron,.sidebar-section-label,.nav-label,.nav-group-chevron,.sidebar-user-info{display:none}.sidebar-nav{padding:var(--space-3) var(--space-2)}.nav-item,.nav-group-toggle{padding:var(--space-2);border-left-width:0;justify-content:center;gap:0}.nav-item.active,.nav-item[aria-current=page]{box-shadow:inset 3px 0 0 var(--color-gold)}.nav-group-toggle[aria-expanded=true]+.nav-subnav,.nav-subnav{display:none}.sidebar-user{padding:var(--space-3) var(--space-2)}.sidebar-user-row{padding:0 0 var(--space-2);justify-content:center}.sidebar-signout{padding:var(--space-2);justify-content:center;gap:0}.platform-switcher-trigger{align-items:center;padding:0}.sidebar-expand-toggle{display:flex}}.platform-switcher{flex-shrink:0;position:relative}.platform-switcher-trigger{cursor:pointer;text-align:left;width:100%;transition:background var(--transition-base);background:0 0;border:none;font-family:inherit}.platform-switcher-trigger:hover{background:var(--color-surface-mid)}.platform-switcher-trigger .sidebar-logo-sub{align-items:center;gap:var(--space-1);display:inline-flex}.platform-switcher-chevron{width:12px;height:12px;transition:transform var(--transition-base)}.platform-switcher-trigger[aria-expanded=true] .platform-switcher-chevron{transform:rotate(180deg)}.platform-switcher-menu{top:calc(100% - var(--space-1));left:var(--space-3);right:var(--space-3);z-index:60;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);position:absolute}.platform-switcher-menu[hidden]{display:none}.platform-switcher-label{font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--color-gray-500);padding:var(--space-2) var(--space-3) var(--space-1)}.platform-option{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-base);border-left:3px solid #0000;text-decoration:none;display:flex}.platform-option:hover{background:var(--color-gray-100)}.platform-option.is-current,.platform-option[aria-current=page]{background:var(--color-gray-50);border-left-color:var(--color-gold)}.platform-monogram{border-radius:var(--radius-md);background:var(--color-surface-navy);width:28px;height:28px;color:var(--color-white);font-size:var(--text-body-sm-size);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.platform-option-text{flex-direction:column;min-width:0;display:flex}.platform-option-name{font-size:var(--text-body-size);color:var(--color-gray-900);font-weight:600;line-height:1.3}.platform-option-desc{font-size:var(--text-body-sm-size);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.platform-option-check{width:16px;height:16px;color:var(--color-gold);flex-shrink:0;margin-left:auto}.content-header{height:var(--nav-height);padding:0 var(--space-8);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:50;align-items:center;display:flex;position:sticky;top:0}.content-header-title{font-size:var(--text-h3-size);color:var(--color-gray-900);font-weight:600}.content-header-breadcrumb{font-size:var(--text-body-sm-size);color:var(--color-gray-500);margin-left:var(--space-3)}.content-header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-body-size);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn-sm{height:36px;padding:0 var(--space-4);font-size:13px}.btn-lg{height:48px;padding:0 var(--space-6);font-size:15px}.btn-primary{background:var(--color-blue);color:var(--color-white)}.btn-primary:hover{background:var(--color-navy)}.btn-secondary{background:var(--color-white);color:var(--color-blue);border-color:var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.btn-accent{background:var(--color-gold);color:var(--color-white)}.btn-accent:hover{background:var(--color-gold-hover)}.btn-destructive{background:var(--color-error);color:var(--color-white)}.btn-destructive:hover{background:var(--color-error-hover)}.btn-ghost{color:var(--color-gray-500);background:0 0}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.card-title{font-size:var(--text-h3-size);color:var(--color-gray-900);margin-bottom:var(--space-2);font-weight:600}.card-accent-teal{border-left:4px solid var(--color-teal)}.card-accent-gold{border-left:4px solid var(--color-gold)}.card-accent-blue{border-left:4px solid var(--color-blue)}.card-accent-error{border-left:4px solid var(--color-error)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:12px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-success .badge-dot{background:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-warning .badge-dot{background:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-error .badge-dot{background:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-blue)}.badge-info .badge-dot{background:var(--color-blue-light)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-neutral .badge-dot{background:var(--color-text-dark-muted)}.badge-category{border-radius:var(--radius-sm);color:var(--color-teal);background:#e6f4f1;font-weight:600}.chip-integration{padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.02em;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.chip-integration.is-connected{background:var(--color-success-bg);color:var(--color-success)}.chip-integration.is-disconnected{background:var(--color-error-bg);color:var(--color-error)}.metric-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.metric-label{font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--color-gray-500);margin-bottom:var(--space-1)}.metric-value{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line);letter-spacing:var(--text-display-tracking);color:var(--color-gray-900)}.metric-value.is-attention{color:var(--color-warning-text)}.metric-sub{font-size:var(--text-body-sm-size);color:var(--color-gray-500);margin-top:var(--space-1)}.metric-change{margin-top:var(--space-1);font-size:13px;font-weight:500}.metric-change.is-positive{color:var(--color-success)}.metric-change.is-negative{color:var(--color-error)}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.app-footer{text-align:center;padding:var(--space-8) var(--space-6);color:var(--color-gray-500);font-size:var(--text-body-sm-size);border-top:1px solid var(--color-gray-200)}@media (max-width:768px){.app-content{padding:var(--space-4)}.content-header{padding:0 var(--space-4)}.sidebar:not(.is-expanded){width:var(--sidebar-collapsed)}.sidebar.is-expanded{width:var(--sidebar-width);height:100vh;box-shadow:var(--shadow-xl);z-index:100;position:fixed;top:0;left:0}.sidebar.is-expanded+.sidebar-backdrop{display:block}.app-shell:has(.sidebar.is-expanded) .sidebar-backdrop{display:block}.app-shell:has(.sidebar.is-expanded):before{content:"";width:var(--sidebar-collapsed);flex-shrink:0}.sidebar-expand-toggle{display:flex}}
.stack{gap:var(--space-6);flex-direction:column;display:flex}.content-header-title{margin:0}.table-card{padding:0;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm-size)}.table th{text-align:left;font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--color-gray-500);background:var(--color-gray-50);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-100);vertical-align:top;color:var(--color-gray-700)}.table tbody tr:hover{background:var(--color-gray-50)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;white-space:nowrap}.table a{color:var(--color-blue);text-decoration:none}.table a:hover{text-decoration:underline}.table a.btn{color:inherit;text-decoration:none}.cell-title{color:var(--color-gray-900);font-weight:600}.cell-sub{font-size:var(--text-caption-size);color:var(--color-gray-500)}.nowrap{white-space:nowrap}.cell-error{color:var(--color-error);overflow-wrap:anywhere;max-width:360px}.bar-cell{width:20%;min-width:80px}.bar{border-radius:var(--radius-sm);background:var(--color-blue-light);min-width:2px;height:8px;display:block}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);border-left:4px solid}.alert-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-gray-900)}.alert-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-gray-900)}.input{height:32px;padding:0 var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font:inherit;font-size:var(--text-body-sm-size);color:var(--color-gray-900);background:var(--color-white)}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-info-bg);outline:none}.inline-form{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.inline-form input[type=email]{min-width:240px}.role-key{margin:var(--space-4) 0 0;padding-left:var(--space-5);font-size:var(--text-body-sm-size);color:var(--color-gray-700)}.card .cell-sub{margin:0 0 var(--space-3)}.sidebar-user-avatar img{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.sidebar-nav>div+div{margin-top:var(--space-2)}.sidebar-user form{margin:0}.gate{background:var(--color-navy);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.gate-logo{color:var(--color-white);font-size:var(--text-h1-size);letter-spacing:-.02em;font-weight:700}.gate-logo .dot{color:var(--color-gold)}.gate-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:var(--space-8);gap:var(--space-3);flex-direction:column;display:flex}.gate-card h2{font-size:var(--text-h2-size);color:var(--color-gray-900);margin:0}.gate-card p{margin:0}.text-muted{color:var(--color-gray-500);font-size:var(--text-body-sm-size)}.gate-error{color:var(--color-error);font-size:var(--text-body-sm-size)}.google-btn{margin-top:var(--space-3);justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);height:40px;color:var(--color-gray-700);transition:background var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.google-btn:hover{background:var(--color-gray-50)}@media (max-width:768px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-header{overflow-x:auto}}.editor{gap:var(--space-4);flex-direction:column;display:flex}.editor-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-grid .span-2{grid-column:1/-1}.form-card{gap:var(--space-3);flex-direction:column;display:flex}.form-card .card-title{margin:0}.field{gap:var(--space-1);min-width:0;font-size:var(--text-body-sm-size);flex-direction:column;flex:1;display:flex}.field>span{color:var(--color-gray-900);font-weight:600}.field small{color:var(--color-gray-500);font-size:var(--text-caption-size)}.field-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.field-row .field{min-width:160px}.check{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm-size);color:var(--color-gray-700);display:flex}.checks{gap:var(--space-2);flex-direction:column;display:flex}.input:disabled{background:var(--color-gray-100);color:var(--color-gray-500)}textarea.input{height:auto;padding:var(--space-3);resize:vertical;line-height:1.5}textarea.prompt{font-family:var(--font-mono);font-size:var(--text-body-sm-size);min-height:320px}.icon-picker{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.icon-choice{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;width:36px;height:36px;font-size:18px;line-height:1}.icon-choice:hover{background:var(--color-gray-50)}.icon-choice.is-selected{border-color:var(--color-blue);box-shadow:0 0 0 2px var(--color-info-bg)}.schedule-row{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.schedule-row .input{width:140px}.grow{flex:1;min-width:160px;width:auto!important}.try-row{gap:var(--space-2);display:flex}.try-result{margin-top:var(--space-3)}.try-result pre,.prompt-view{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-body-sm-size)}.editor-actions{z-index:10;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;display:flex;position:sticky;bottom:0}.alert ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.alert-info{background:var(--color-info-bg);border-color:var(--color-blue);color:var(--color-gray-900)}.danger-zone{border-left:4px solid var(--color-error)}.danger-zone form{margin:0}.decide{gap:var(--space-3);flex-direction:column;display:flex}.decide form{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.diff{margin-top:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow:hidden}.diff-head{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex}.diff pre{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-caption-size);margin:0;line-height:1.5;overflow-x:auto}.diff .add{background:var(--color-success-bg);display:block}.diff .del{background:var(--color-error-bg);display:block}.diff .hunk{color:var(--color-gray-500);display:block}@media (max-width:768px){.editor-grid{grid-template-columns:minmax(0,1fr)}}.app-content a:not(.btn){color:var(--color-blue);text-decoration:none}.app-content a:not(.btn):hover{text-decoration:underline}.pending-card{border-left:4px solid var(--color-gold)}.pending-head{align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);flex-wrap:wrap;display:flex}.pending-head .card-title{margin:0}.pending-actions{gap:var(--space-2);justify-content:flex-end;align-items:center;display:flex}.pending-actions form{margin:0}.spinner{width:12px;height:12px;margin-right:var(--space-2);vertical-align:-1px;border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;animation:.7s linear infinite otm-spin;display:inline-block}.btn.is-busy,.btn[aria-busy=true]{cursor:progress}@keyframes otm-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.table .col-bot{width:40%;min-width:240px}.table .col-bot code{font-size:var(--text-caption-size)}.table .col-setup{white-space:nowrap}.table .col-action{white-space:nowrap;text-align:right;width:1%}.clamp-2{-webkit-line-clamp:2;line-clamp:2;margin-top:var(--space-1);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1100px){.table .col-setup{display:none}}.badge{white-space:nowrap}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.btn:disabled:hover{background:inherit}.btn.is-busy:disabled{opacity:.8;cursor:progress;filter:none}.nav-item{position:relative}.nav-badge{border-radius:var(--radius-full);background:var(--color-gold);min-width:20px;height:20px;color:var(--color-navy);font-size:var(--text-caption-size);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-weight:700;line-height:1;display:inline-flex}.sidebar.is-collapsed .nav-badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:2px;left:26px}@media (max-width:768px){.sidebar:not(.is-expanded) .nav-badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:2px;left:26px}}.stack-sm{gap:var(--space-3);flex-direction:column;display:flex}.secret-row{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}code.secret{min-width:200px;padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-caption-size);color:var(--color-gray-900);flex:1}.facts{gap:var(--space-1) var(--space-4);font-size:var(--text-body-sm-size);grid-template-columns:max-content 1fr;margin:0;display:grid}.facts dt{color:var(--color-gray-500)}.facts dd{color:var(--color-gray-900);margin:0}.empty-note{padding:0 var(--space-4) var(--space-4)}.form-card h3.card-title:not(:first-child){margin-top:var(--space-4)}.chat-shell{border-bottom:1px solid var(--color-gray-200);grid-template-columns:320px minmax(0,1fr);height:calc(100vh - 90px);min-height:480px;display:grid}.chat-list{background:var(--color-white);border-right:1px solid var(--color-gray-200);flex-direction:column;min-height:0;display:flex}.chat-list-head{padding:var(--space-3);border-bottom:1px solid var(--color-gray-100)}.chat-list-head .input{width:100%}.chat-list-body{padding-bottom:var(--space-4);flex:1;overflow-y:auto}.chat-list ul{margin:0;padding:0;list-style:none}.chat-group{margin:var(--space-4) var(--space-4) var(--space-1);font-size:var(--text-overline-size);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;color:var(--color-gray-500)}.chat-group-row{justify-content:space-between;align-items:center;display:flex}.chat-new{text-transform:none;letter-spacing:0;color:var(--color-blue);font-weight:600;text-decoration:none}.chat-row{align-items:center;display:flex}.chat-row.is-active{background:var(--color-info-bg)}.chat-row-main{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;flex:1;text-decoration:none;display:flex}.chat-row-main:hover{background:var(--color-gray-50)}.chat-row.is-unavailable .chat-row-main{cursor:default;opacity:.6}.chat-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-row-top{justify-content:space-between;gap:var(--space-2);display:flex}.chat-row-name{color:var(--color-gray-900);font-weight:600;font-size:var(--text-body-sm-size);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-row-time{font-size:var(--text-caption-size);color:var(--color-gray-500);flex-shrink:0}.chat-row-preview{font-size:var(--text-caption-size);color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-dot{border-radius:var(--radius-full);background:var(--color-gold);flex-shrink:0;width:9px;height:9px}.chat-star{cursor:pointer;padding:var(--space-2) var(--space-3);color:var(--color-gray-300);background:0 0;border:0;font-size:15px;line-height:1}.chat-star.is-on{color:var(--color-gold)}.chat-star:hover{color:var(--color-gold-hover)}.chat-empty{padding:var(--space-2) var(--space-4);color:var(--color-gray-500);font-size:var(--text-caption-size)}.chat-avatar{border-radius:var(--radius-full);background:var(--color-gray-100);width:32px;height:32px;color:var(--color-gray-700);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.chat-avatar-team{background:var(--color-navy);color:var(--color-white);border-radius:var(--radius-md)}.chat-pane{background:var(--color-gray-50);flex-direction:column;min-height:0;display:flex}.chat-pane-empty{text-align:center;padding:var(--space-8);justify-content:center;align-items:center}.chat-pane-form{padding:var(--space-6) var(--space-8);gap:var(--space-3);overflow-y:auto}.chat-pane-head{padding:var(--space-3) var(--space-6);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.chat-title{font-size:var(--text-h3-size);color:var(--color-gray-900);margin:0}.chat-messages{padding:var(--space-4) var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-system{font-size:var(--text-caption-size);color:var(--color-gray-500);background:var(--color-gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);align-self:center}.chat-msg{gap:var(--space-2);align-items:flex-start;max-width:760px;display:flex}.chat-msg.is-mine{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-wrap{flex-direction:column;min-width:0;display:flex}.chat-msg.is-mine .chat-bubble-wrap{align-items:flex-end}.chat-meta{font-size:var(--text-caption-size);color:var(--color-gray-500);margin-bottom:2px}.chat-meta strong{color:var(--color-gray-900)}.chat-bubble{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-body-sm-size);color:var(--color-gray-900);overflow-wrap:anywhere}.chat-msg.is-mine .chat-bubble{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.chat-bubble.is-problem{border-color:var(--color-warning);background:var(--color-warning-bg)}.chat-plain{white-space:pre-wrap;margin:0}.md p{margin:0 0 var(--space-2)}.md p:last-child,.md ul:last-child{margin-bottom:0}.md ul{margin:0 0 var(--space-2);padding-left:var(--space-5)}.md code{font-family:var(--font-mono);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:0 4px;font-size:.92em}.md a{color:var(--color-blue)}.chat-bubble.is-thinking{padding:var(--space-3)}.dots{gap:4px;display:inline-flex}.dots i{border-radius:var(--radius-full);background:var(--color-gray-300);width:6px;height:6px;animation:1.2s ease-in-out infinite otm-dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes otm-dot{0%,80%,to{opacity:.3}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.dots i{animation:none}}.chat-approval{border-left:4px solid var(--color-gold);gap:var(--space-2);flex-direction:column;display:flex}.chat-approval-title{font-weight:600}.chat-approval pre{margin:var(--space-1) 0 0;max-height:200px;font-family:var(--font-mono);font-size:var(--text-caption-size);background:var(--color-gray-50);padding:var(--space-2);border-radius:var(--radius-sm);overflow:auto}.chat-compose{padding:var(--space-3) var(--space-6) var(--space-4);background:var(--color-white);border-top:1px solid var(--color-gray-200);gap:var(--space-2);flex-direction:column;display:flex}.chat-compose-row{gap:var(--space-2);align-items:flex-end;display:flex}.chat-input{height:auto;min-height:44px;max-height:200px;padding:var(--space-2) var(--space-3);resize:vertical;flex:1;line-height:1.5}.chat-mentions{gap:var(--space-1);flex-wrap:wrap;display:flex}.chip-mention{border:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--text-caption-size);color:var(--color-blue);cursor:pointer}.chip-mention:hover{background:var(--color-info-bg)}@media (max-width:900px){.chat-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:auto}.chat-list{border-right:0;border-bottom:1px solid var(--color-gray-200);max-height:38vh}.chat-pane{min-height:60vh}.chat-messages,.chat-compose,.chat-pane-head{padding-left:var(--space-3);padding-right:var(--space-3)}}.chat-remember{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-gold);border-radius:var(--radius-lg);background:var(--color-white);max-width:620px;font-size:var(--text-body-sm-size);gap:var(--space-2);flex-direction:column;display:flex}.chat-remember.is-decided{border-style:solid;border-color:var(--color-gray-200);color:var(--color-gray-500);font-size:var(--text-caption-size)}.dots-inline{margin-left:var(--space-2);vertical-align:middle}.memory-text{width:70%}.table tr.is-archived td{opacity:.55}.chat-system{white-space:pre-line;text-align:left;border-radius:var(--radius-lg);max-width:640px}.chat-pane-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.chat-files{align-items:flex-end;gap:var(--space-2);flex-direction:column;max-width:420px;display:flex}.chat-file-list{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-body-sm-size);width:100%;margin:0;list-style:none}.chat-file-list li{align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:2px 0;display:flex}.chat-file-list a{color:var(--color-blue)}.notif-toggle[aria-pressed=true]{color:var(--color-gold)}.notif-toggle:disabled{opacity:.6;cursor:default}.skill-cards{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skill-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-white)}.skill-head{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.skill-heading{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.skill-title{font-size:var(--text-body-size);color:var(--color-navy);font-weight:600}.skill-subtitle{font-size:var(--text-body-sm-size);color:var(--color-navy);font-weight:600}.skill-meta{font-size:var(--text-body-sm-size);color:var(--color-gray-500)}.skill-desc{margin:var(--space-2) 0 0;font-size:var(--text-body-sm-size);color:var(--color-gray-700);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:72ch;line-height:1.5;display:-webkit-box;overflow:hidden}.skill-chips{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.skill-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.skill-actions .input{width:auto}.skill-subs{margin:var(--space-3) 0 0;padding:0 0 0 var(--space-4);border-left:2px solid var(--color-gray-200);gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.skill-catalog>summary{cursor:pointer;color:var(--color-blue);padding:var(--space-2) 0;font-weight:600}.skill-catalog>.input{margin:var(--space-2) 0 var(--space-3);max-width:360px}@media (max-width:768px){.skill-head{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.skill-includes{margin:var(--space-2) 0 0;font-size:var(--text-body-sm-size);color:var(--color-gray-500)}.skill-pick>summary{cursor:pointer;margin-top:var(--space-2);font-size:var(--text-body-sm-size);color:var(--color-blue)}.integ-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0;padding:0;list-style:none;display:grid}.integ-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-white);gap:var(--space-2);flex-direction:column;display:flex}.integ-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.integ-heading{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.integ-name{color:var(--color-navy);font-weight:600}.integ-about{font-size:var(--text-body-sm-size);color:var(--color-gray-700);margin:0}.integ-error{font-size:var(--text-body-sm-size);color:var(--color-error);margin:0}.integ-facts{gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;font-size:var(--text-body-sm-size);grid-template-columns:max-content 1fr;display:grid}.integ-facts dt{color:var(--color-gray-500)}.integ-facts dd{color:var(--color-gray-700);overflow-wrap:anywhere;min-width:0;margin:0}.integ-vars{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.integ-vars code{white-space:nowrap;text-overflow:ellipsis;border-radius:var(--radius-sm);background:var(--color-gray-50);border:1px solid var(--color-gray-200);max-width:100%;padding:1px 6px;font-size:12px;overflow:hidden}.integ-vars code.is-set{color:var(--color-success)}.integ-vars code.is-missing{color:var(--color-warning-text)}.integ-vars code.is-optional{color:var(--color-gray-500)}@media (max-width:768px){.integ-grid{grid-template-columns:1fr}}