:root{--bg: #f6f7ff;--bg-layer: linear-gradient(180deg, #fbfbff 0%, #f4f5ff 100%);--surface: rgba(255, 255, 255, .88);--surface-strong: rgba(255, 255, 255, .96);--surface-soft: rgba(245, 244, 255, .9);--surface-blue: linear-gradient(135deg, rgba(88, 174, 255, .16), rgba(118, 101, 255, .08));--surface-purple: linear-gradient(135deg, rgba(126, 92, 255, .14), rgba(214, 76, 255, .08));--surface-pink: linear-gradient(135deg, rgba(214, 76, 255, .16), rgba(255, 123, 188, .08));--surface-sky: linear-gradient(135deg, rgba(88, 174, 255, .18), rgba(84, 125, 255, .08));--surface-email: linear-gradient(135deg, rgba(88, 174, 255, .12), rgba(255, 255, 255, .72));--surface-event: linear-gradient(135deg, rgba(126, 92, 255, .12), rgba(255, 255, 255, .72));--surface-task: linear-gradient(135deg, rgba(203, 76, 246, .1), rgba(255, 255, 255, .72));--surface-drive: linear-gradient(135deg, rgba(84, 125, 255, .12), rgba(255, 255, 255, .74));--surface-mail-detail: linear-gradient(135deg, rgba(88, 174, 255, .12), rgba(255, 255, 255, .82));--surface-command: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(247, 246, 255, .92));--surface-error: linear-gradient(135deg, rgba(214, 76, 255, .12), rgba(255, 255, 255, .72));--surface-timeline-running: linear-gradient(135deg, rgba(88, 174, 255, .12), rgba(255, 255, 255, .72));--surface-timeline-pending: linear-gradient(135deg, rgba(126, 92, 255, .12), rgba(255, 255, 255, .72));--surface-timeline-error: linear-gradient(135deg, rgba(214, 76, 255, .12), rgba(255, 255, 255, .72));--text: #171a38;--muted: #71769a;--accent: #4f76ff;--accent-strong: #5c3ef0;--accent-pink: #c94cf3;--accent-soft: rgba(92, 62, 240, .1);--success-soft: rgba(79, 118, 255, .12);--warning: #8d4dff;--warning-soft: rgba(141, 77, 255, .12);--danger: #d64cff;--danger-soft: rgba(214, 76, 255, .12);--shadow-lg: 0 26px 80px rgba(73, 56, 165, .12);--shadow-md: 0 18px 40px rgba(73, 56, 165, .1);--shadow-sm: 0 10px 24px rgba(88, 80, 160, .08);--ring: inset 0 0 0 1px rgba(255, 255, 255, .35);font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif;color:var(--text)}:root[data-theme=dark]{--bg: #0b0d1c;--bg-layer: linear-gradient(180deg, #0a0d1c 0%, #12172f 100%);--surface: rgba(20, 23, 46, .78);--surface-strong: rgba(23, 26, 52, .94);--surface-soft: rgba(28, 32, 62, .84);--surface-blue: linear-gradient(135deg, rgba(62, 127, 255, .24), rgba(92, 62, 240, .12));--surface-purple: linear-gradient(135deg, rgba(104, 74, 255, .22), rgba(214, 76, 255, .12));--surface-pink: linear-gradient(135deg, rgba(214, 76, 255, .22), rgba(255, 123, 188, .12));--surface-sky: linear-gradient(135deg, rgba(88, 174, 255, .24), rgba(92, 62, 240, .1));--surface-email: linear-gradient(135deg, rgba(88, 174, 255, .14), rgba(27, 31, 63, .88));--surface-event: linear-gradient(135deg, rgba(126, 92, 255, .14), rgba(27, 31, 63, .88));--surface-task: linear-gradient(135deg, rgba(203, 76, 246, .14), rgba(27, 31, 63, .88));--surface-drive: linear-gradient(135deg, rgba(84, 125, 255, .18), rgba(27, 31, 63, .88));--surface-mail-detail: linear-gradient(135deg, rgba(88, 174, 255, .12), rgba(26, 30, 59, .9));--surface-command: linear-gradient(180deg, rgba(22, 25, 52, .94), rgba(26, 30, 59, .9));--surface-error: linear-gradient(135deg, rgba(214, 76, 255, .12), rgba(27, 31, 63, .88));--surface-timeline-running: linear-gradient(135deg, rgba(88, 174, 255, .12), rgba(27, 31, 63, .88));--surface-timeline-pending: linear-gradient(135deg, rgba(126, 92, 255, .12), rgba(27, 31, 63, .88));--surface-timeline-error: linear-gradient(135deg, rgba(214, 76, 255, .12), rgba(27, 31, 63, .88));--text: #eef0ff;--muted: #9ea4cf;--accent: #66a6ff;--accent-strong: #8f6bff;--accent-pink: #ec6cff;--accent-soft: rgba(102, 166, 255, .12);--success-soft: rgba(102, 166, 255, .12);--warning: #a97aff;--warning-soft: rgba(169, 122, 255, .14);--danger: #ff8bda;--danger-soft: rgba(255, 139, 218, .14);--shadow-lg: 0 32px 90px rgba(2, 4, 14, .45);--shadow-md: 0 18px 42px rgba(2, 4, 14, .36);--shadow-sm: 0 12px 24px rgba(2, 4, 14, .26);--ring: inset 0 0 0 1px rgba(255, 255, 255, .04)}*{box-sizing:border-box;min-width:0}html,body,#root{min-height:100%;width:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(90,188,255,.18),transparent 26%),radial-gradient(circle at top center,rgba(128,102,255,.14),transparent 24%),radial-gradient(circle at bottom right,rgba(214,76,255,.12),transparent 24%),var(--bg-layer);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}.agent-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px}.agent-sidebar,.workspace-shell,.panel-card{background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.agent-sidebar{border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:18px;position:sticky;top:24px;max-height:calc(100vh - 48px)}.sidebar-brand,.workspace-header,.workspace-controls,.command-center-header,.command-footer,.approval-header,.mail-card-header,.preview-topline,.task-card-footer,.preview-header{display:flex;justify-content:start;gap:12px}.sidebar-brand,.workspace-controls,.command-center-header,.approval-header,.mail-card-header{align-items:center}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#5bbdff,#5a62ff 48%,#cf4cf8);color:#fff;font-weight:800;letter-spacing:.08em;box-shadow:0 18px 40px #6f5dff47}.brand-name{font-size:1.8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#4b6fff,#7f58ff 45%,#cb4cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-subtitle,.eyebrow,.section-kicker,.resource-meta,.preview-header span,.preview-topline span,.sidebar-email{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.brand-subtitle{letter-spacing:.28em}.sidebar-title,.workspace-title,.panel-card h2,.panel-card h3,.mail-card h3,.task-card h3{margin:0}.sidebar-status,.workspace-main,.screen-stack,.timeline-list,.preview-list,.email-grid,.agenda-list,.task-grid,.simple-list,.dashboard-panels{display:grid;gap:14px}.status-pill-mini,.status-chip,.thinking-badge,.approval-risk{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:.9rem;background:#ffffff80;box-shadow:var(--shadow-sm)}.status-pill-mini.connected,.status-chip.ready,.thinking-badge{background:linear-gradient(135deg,#58aeff29,#7e5cff1a);color:var(--accent-strong)}.status-pill-mini.disconnected,.status-chip.pending,.approval-risk{background:linear-gradient(135deg,#a97aff2e,#d64cff1a);color:var(--warning)}.status-chip.busy,.thinking-badge.visible{background:linear-gradient(135deg,#58aeff33,#5c3ef01f);color:var(--accent)}.status-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.sidebar-nav{display:grid;gap:8px}.nav-button,.primary-button,.danger-button,.suggestion-chip,.theme-toggle{border:none;border-radius:16px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.nav-button{padding:13px 14px;text-align:left;background:transparent;color:var(--text);overflow-wrap:anywhere}.nav-button.active{background:transparent;box-shadow:none;color:var(--accent-strong);font-weight:700}.nav-button:hover,.primary-button:hover,.danger-button:hover,.suggestion-chip:hover,.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6256be1f}.primary-button,.danger-button{padding:12px 18px;box-shadow:var(--shadow-sm)}.primary-button{background:linear-gradient(135deg,#4f76ff,#7c58ff 52%,#cb4cf6);color:#fff}.danger-button{background:linear-gradient(135deg,#ff78b433,#cb4cf629);color:var(--accent-pink)}.wide-button{width:100%}.compact-card,.sidebar-note,.screen-header-card,.list-screen,.preview-panel,.hero-panel,.loading-panel,.empty-panel,.command-center,.approval-card{background:var(--surface-strong);box-shadow:var(--shadow-sm),var(--ring)}.sidebar-note p,.workspace-subtitle,.panel-card p,.preview-item p,.mail-card p,.agenda-card p,.task-card p,.command-inline-note{color:var(--muted)}.compact-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.compact-list li{color:var(--muted);font-size:.95rem}.sidebar-profile,.profile-card{display:flex;gap:14px;align-items:center;min-width:0}.sidebar-profile-copy,.profile-copy{display:grid;gap:4px;min-width:0}.sidebar-profile-copy strong,.profile-copy h3{margin:0;overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.sidebar-profile-copy span,.profile-copy p,.profile-card a,.drive-card-footer span,.drive-card-top span{color:var(--muted);overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.sidebar-avatar,.profile-avatar{flex:0 0 auto;object-fit:cover;background:linear-gradient(145deg,#5bbdff,#5a62ff 48%,#cf4cf8);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-avatar{width:48px;height:48px;border-radius:16px}.profile-avatar{width:72px;height:72px;border-radius:24px}.sidebar-avatar.placeholder,.profile-avatar.placeholder{display:grid;place-items:center;font-weight:800}.workspace-shell{border-radius:32px;padding:24px;display:grid;gap:20px;min-width:0}.workspace-title{font-size:clamp(2rem,3.8vw,3rem);line-height:.95;margin-top:20px}.workspace-subtitle{margin:8px 0 0;max-width:860px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.panel-card{border-radius:24px;padding:20px}.command-center{background:var(--surface-command)}.command-form{display:grid;gap:14px}.command-center textarea,.approval-json{width:100%;border:none;border-radius:18px;background:var(--surface-soft);color:var(--text);box-shadow:inset 0 0 0 1px #6f6dc714}.command-center textarea{min-height:122px;resize:vertical;padding:16px;overflow-wrap:anywhere}.command-center.compact textarea{min-height:72px}.command-inline-note{display:flex;align-items:center}.suggestion-row{display:flex;flex-wrap:wrap;gap:10px}.suggestion-chip{padding:10px 12px;background:#7665ff14;color:var(--accent-strong)}.approval-card{background:linear-gradient(135deg,#58aeff24,#cb4cf61a)}.approval-json{margin-top:14px;padding:14px;background:#12172d;color:#edf0ff;overflow:auto;font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere}.approval-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.summary-grid,.dashboard-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{display:grid;gap:14px}.summary-card.blue{background:var(--surface-sky)}.summary-card.purple{background:var(--surface-purple)}.summary-card.pink{background:var(--surface-pink)}.summary-card.sky{background:var(--surface-blue)}.summary-card strong{display:block;font-size:2rem;margin:10px 0 4px}.hero-panel{background:linear-gradient(135deg,#58aeff1f,#5c3ef01a,#cb4cf614);min-height:170px;display:grid;align-items:center}.profile-panel{background:linear-gradient(135deg,#58aeff14,#cb4cf614,#ffffff0d)}.profile-copy p{margin:0}.profile-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;min-width:0}.profile-chip,.drive-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#7665ff1a;color:var(--accent-strong);font-size:.8rem;font-weight:600;max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.profile-stats{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;min-width:0}.profile-stat{background:var(--surface-soft);border-radius:16px;padding:12px;display:grid;gap:4px;min-width:0}.profile-stat span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;overflow-wrap:anywhere}.profile-stat strong{overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.preview-panel,.list-screen{background:var(--surface-strong)}.preview-header{align-items:baseline}.preview-item,.timeline-card,.mail-card,.agenda-card,.task-card{border-radius:18px;padding:16px;background:var(--surface-soft);box-shadow:var(--shadow-sm)}.hover-lift{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 18px 36px #5c3ef01f}.preview-item.email-item{background:var(--surface-email)}.preview-item.event-item{background:var(--surface-event)}.preview-item.task-item{background:var(--surface-task)}.preview-item.drive-item,.drive-card{background:var(--surface-drive)}.preview-item.task-item.done,.task-card.done{opacity:.78}.preview-subline{color:var(--muted);font-size:.9rem;margin-top:4px}.tall-screen{min-height:420px}.email-grid,.task-grid,.drive-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mail-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;min-height:560px;min-width:0}.mail-list{display:grid;gap:10px;align-content:start;max-height:72vh;overflow:auto;padding-right:4px;min-width:0}.mail-list-item{border:none;text-align:left;padding:16px;border-radius:18px;background:var(--surface-soft);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;min-width:0}.mail-list-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px #5c3ef01f}.mail-list-item.active{background:linear-gradient(135deg,#58aeff2e,#cb4cf61f)}.mail-list-top,.mail-meta-row{display:flex;justify-content:space-between;gap:10px;min-width:0}.mail-list-top strong,.mail-card-header h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.mail-list-from,.mail-list-snippet,.mail-meta-row span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.mail-list-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}.mail-detail{min-width:0}.mail-detail-card{min-height:100%;border-radius:22px;padding:22px;background:var(--surface-mail-detail);box-shadow:var(--shadow-sm);min-width:0}.mail-meta-row{margin:14px 0 18px;flex-wrap:wrap}.mail-detail-card h3,.mail-detail-card p,.preview-item p,.timeline-card p,.agenda-card p,.task-card p,.panel-card p,.mail-list-top span,.mail-list-top strong,.agenda-body,.task-card h3,.resource-meta{overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.mail-card,.task-card,.drive-card{min-height:180px}.mail-card-header,.preview-topline,.task-card-footer{align-items:flex-start}.mail-card time,.task-card-footer span,.preview-topline span{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.agenda-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:flex-start}.agenda-date{font-size:.9rem;font-weight:700;color:var(--accent-strong)}.task-card-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start}.task-bullet{width:14px;height:14px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,#5bbdff,#7c58ff);box-shadow:0 0 0 6px #5c3ef014}.task-bullet.done{background:linear-gradient(135deg,#7c58ff,#cb4cf6)}.drive-grid{display:grid;gap:14px}.drive-card{border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);display:grid;gap:12px}.drive-card h3{margin:0;overflow-wrap:anywhere}.drive-card p,.drive-card a{overflow-wrap:anywhere;word-break:break-word;line-break:anywhere}.drive-card-top,.drive-card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.drive-card-footer a{color:var(--accent-strong);text-decoration:none;font-weight:700}.drive-card-footer a:hover{opacity:.82}.timeline-card.running{background:var(--surface-timeline-running)}.timeline-card.completed,.timeline-card.transcript{background:var(--surface-soft)}.timeline-card.pending{background:var(--surface-timeline-pending)}.timeline-card.error{background:var(--surface-timeline-error)}.loading-panel,.empty-panel{min-height:220px;display:grid;place-items:center;text-align:center}.error-card{background:var(--surface-error)}.theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-strong);box-shadow:var(--shadow-sm);color:var(--text)}.theme-toggle-track{width:42px;height:22px;border-radius:999px;background:linear-gradient(135deg,#58aeff47,#cb4cf638);position:relative}.theme-toggle-thumb{position:absolute;width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#5bbdff,#cb4cf6);top:3px;left:3px;transition:transform .14s ease}.theme-toggle-track.dark .theme-toggle-thumb{transform:translate(20px)}.theme-toggle-label{font-size:.92rem;overflow-wrap:anywhere}@media(max-width:1080px){.agent-shell{grid-template-columns:1fr;padding:16px;gap:16px}.agent-sidebar{position:static;max-height:none}.sidebar-nav{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-button{white-space:nowrap}}@media(max-width:780px){.workspace-shell,.agent-sidebar,.panel-card{border-radius:20px}.workspace-shell,.agent-sidebar{padding:16px}.workspace-header,.workspace-controls,.command-center-header,.command-footer,.approval-header,.preview-topline,.mail-card-header,.task-card-footer,.preview-header{flex-direction:column;align-items:flex-start}.summary-grid,.dashboard-panels,.email-grid,.task-grid,.drive-grid{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr;min-height:auto}.mail-list{max-height:none}.mail-list-top,.mail-meta-row,.mail-card-header{flex-direction:column;align-items:flex-start}.agenda-card{grid-template-columns:1fr;gap:8px}.suggestion-row{display:grid;width:100%}.suggestion-chip,.primary-button,.danger-button,.theme-toggle{width:100%;justify-content:center}}@media(max-width:500px){.agent-shell{padding:8px;gap:8px}.agent-sidebar,.workspace-shell,.panel-card,.compact-card,.approval-card,.mail-detail-card,.mail-list-item,.preview-item,.agenda-card,.task-card{border-radius:16px}.agent-sidebar,.workspace-shell,.panel-card,.mail-detail-card{padding:12px}.sidebar-brand{align-items:center;flex-wrap:wrap;gap:10px}.brand-mark{width:42px;height:42px;border-radius:14px;font-size:.8rem}.brand-name{font-size:1.2rem}.brand-subtitle,.eyebrow,.section-kicker,.resource-meta,.preview-header span,.preview-topline span,.sidebar-email{letter-spacing:.1em;font-size:.64rem}.sidebar-nav{display:grid;grid-template-columns:1fr;overflow:visible;padding-bottom:0}.nav-button{white-space:normal;padding:10px 12px}.workspace-title{font-size:1.45rem;margin-top:6px}.workspace-subtitle,.compact-list li,.sidebar-profile-copy span,.mail-list-from,.mail-list-snippet,.mail-meta-row span,.preview-subline,.preview-item p,.agenda-card p,.task-card p,.drive-card p,.panel-card p{font-size:.88rem}.command-center textarea{min-height:64px;padding:12px}.summary-card strong{font-size:1.4rem}.mail-layout,.agenda-card,.task-card-top,.profile-card{gap:10px}.profile-card{align-items:flex-start}.mail-list-item,.preview-item,.agenda-card,.task-card,.drive-card{padding:12px}.profile-stats{grid-template-columns:1fr}.mail-card time,.task-card-footer span,.preview-topline span,.drive-card-top span,.drive-card-footer span{font-size:.76rem}}@media(max-width:420px){.agent-shell{padding:8px}.workspace-title{font-size:1.3rem}.brand-name{font-size:1.1rem}}@media(max-width:320px){.agent-shell{padding:6px}.agent-sidebar,.workspace-shell,.panel-card,.mail-detail-card{padding:10px}.sidebar-brand,.workspace-controls,.approval-actions{gap:8px}.status-pill-mini,.status-chip,.thinking-badge,.approval-risk,.theme-toggle{padding:8px 10px;font-size:.8rem}.mail-list-top strong,.mail-card-header h3,.task-card h3,.drive-card h3,.profile-copy h3,.panel-card h2,.panel-card h3{font-size:.98rem}}@media(max-width:180px){.agent-shell{padding:4px}.agent-sidebar,.workspace-shell,.panel-card,.mail-detail-card,.mail-list-item,.preview-item,.agenda-card,.task-card{padding:8px;border-radius:12px}.sidebar-brand{align-items:flex-start}.brand-mark{width:34px;height:34px;border-radius:10px}.workspace-title,.brand-name{font-size:1rem}.primary-button,.danger-button,.suggestion-chip,.theme-toggle,.nav-button{padding:8px}}