:root{--bg: #eef2f5;--border: #d9e0e7;--border-soft: #e7edf2;--brand: #1264a3;--brand-strong: #0d568f;--danger: #b43b2b;--muted: #607080;--panel: #fff;--panel-soft: #f8fafb;--text: #172026;--topbar-height: 64px;--tabs-height: 58px;--workspace-sticky-height: calc(var(--topbar-height) + var(--tabs-height));--shadow-soft: 0 1px 2px rgba(24, 36, 46, .06);--shadow-focus: 0 0 0 3px rgba(18, 100, 163, .12);color:#172026;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;touch-action:manipulation}*{box-sizing:border-box}html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;width:100%;min-width:0;min-height:100dvh;overflow-x:hidden;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100dvh;overflow-x:hidden}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;color:#111a20;font-size:24px;font-weight:800;line-height:1.15}h2{margin:0;color:#111a20;font-size:20px;font-weight:800;line-height:1.2}p{margin:0;color:#607080;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{appearance:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.status-line{border-bottom:1px solid #d9e0e7;background:#e9f5ee;color:#267349;font-size:13px;font-weight:650;padding:9px 20px}.status-line--error{background:#fff0ec;color:#b43b2b}.auth-screen{display:grid;place-items:center;width:100%;min-height:100dvh;background:linear-gradient(135deg,#1264a324,#2673491a),#eef2f5;padding:16px}.auth-loading{border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#536373;padding:14px 16px}.app-shell{display:grid;grid-template-columns:276px minmax(0,1fr) 292px;width:100%;height:100dvh;min-height:0;overflow:hidden;background:#eef2f5}.sidebar{display:flex;flex-direction:column;gap:16px;border-right:1px solid #d9e0e7;background:#fbfcfd;padding:18px 16px;min-width:0;min-height:0;overflow-y:auto}.sidebar-backdrop{display:none}.sidebar__brand{display:flex;align-items:flex-start;gap:12px;min-height:50px}.sidebar__brand div,.connection-card div{display:grid;gap:2px;min-width:0}.sidebar__brand strong,.connection-card strong{font-size:14px;letter-spacing:0}.sidebar__brand span,.connection-card span,.list-header span,.panel-block p,.reader-empty p,.empty-list p,.module-empty p{color:#607080;font-size:13px}.sidebar__brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__brand .sidebar__user{color:#0d568f;font-weight:700}.compose-button,.approve-button,.send-button,.module-empty button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;background:#1264a3;color:#fff;min-height:42px;padding:0 16px;font-weight:700;box-shadow:0 8px 18px #1264a329}.compose-button:active,.send-button:active,.module-empty button:active,.icon-button:active,.folder-nav__item:active,.message-row:active{transform:translateY(1px)}.folder-nav{display:grid;gap:3px}.folder-nav__item,.load-more-button,.move-select,.view-tabs button,.quick-filters button,.icon-button{border:1px solid transparent;background:transparent;color:#26323b}.folder-nav__item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:38px;border-radius:8px;padding:0 10px;text-align:left}.folder-nav__item small{color:#6b7785;font-size:12px}.folder-nav__item:hover,.folder-nav__item.is-active,.view-tabs button:hover,.view-tabs button.is-active,.quick-filters button:hover,.quick-filters button.is-active{background:#e7f0f8;color:#0d568f}.connection-card{display:flex;align-items:flex-start;gap:10px;margin-top:auto;border:1px solid #dce4eb;border-radius:8px;background:linear-gradient(180deg,#fff,#f9fbfc);padding:12px;box-shadow:var(--shadow-soft)}.mailbox-picker{display:grid;gap:8px}.mailbox-picker label{display:grid;gap:5px}.mailbox-picker span{color:#607080;font-size:12px;font-weight:700}.mailbox-picker select,.move-select,.login-modal input{width:100%;min-width:0;border:1px solid #d8e1e8;border-radius:8px;background:#fff;color:#172026;min-height:38px;padding:0 10px;box-shadow:inset 0 1px #18242e05}.mailbox-picker button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8e1e8;border-radius:8px;background:#fff;min-height:36px;color:#26323b;font-weight:700}.move-select{width:auto;max-width:140px;min-height:36px;font-size:14px}.workspace{display:grid;grid-template-rows:var(--topbar-height) var(--tabs-height) auto minmax(0,1fr);height:100dvh;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;border-bottom:1px solid #d9e0e7;background:#fbfcfdf5;min-height:var(--topbar-height);padding:calc(10px + env(safe-area-inset-top)) 20px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:720px;border:1px solid #d8e1e8;border-radius:10px;background:#fff;padding:0 12px;min-height:42px;box-shadow:var(--shadow-soft)}.search-box:focus-within{border-color:#9bc4e3;box-shadow:var(--shadow-focus)}.search-box input{width:100%;min-width:0;border:0;outline:0}.search-submit{display:none;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:8px;background:#edf3f7;color:#0d568f}kbd{border:1px solid #d8e1e8;border-radius:5px;color:#607080;font-size:12px;padding:1px 6px}.topbar__actions,.toolbar,.reading-toolbar,.compose-dock__footer{display:flex;align-items:center;gap:6px;min-width:0}.admin-chip{max-width:220px;overflow:hidden;border:1px solid #d8e1e8;border-radius:999px;background:#f9fbfc;color:#435262;font-size:13px;font-weight:650;line-height:34px;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:8px}.icon-button:hover{background:#edf3f7}.notification-button.is-enabled{border-color:#cde4d7;background:#e9f5ee;color:#267349}.notification-button.is-enabled:hover{background:#dff0e7}.icon-button:focus-visible,.view-tabs button:focus-visible,.quick-filters button:focus-visible,.message-row:focus-visible{outline:0;box-shadow:var(--shadow-focus)}.mobile-only{display:none}.view-tabs{position:sticky;top:var(--topbar-height);z-index:29;display:flex;gap:8px;border-bottom:1px solid #d9e0e7;background:#fbfcfdf5;min-height:var(--tabs-height);padding:10px 20px;overflow-x:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin}.view-tabs button,.quick-filters button{display:inline-flex;align-items:center;flex:1 0 104px;gap:7px;min-height:34px;border-radius:8px;justify-content:center;padding:0 10px;white-space:nowrap}.mail-grid{display:grid;grid-template-columns:minmax(420px,40%) minmax(420px,1fr);min-height:calc(100dvh - var(--workspace-sticky-height));overflow-x:hidden}.message-list,.reading-pane{min-width:0;min-height:0;background:#fff;overflow-x:hidden}.message-list{border-right:1px solid #d9e0e7;background:#fbfcfd}.list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #eef2f5;background:#fff;padding:16px 20px 12px}.list-header h1,.module-empty h1{min-width:0}.list-header h1{font-size:22px}.list-header__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.list-header__meta span{display:inline-flex;align-items:center;min-height:24px;border:1px solid #e4ebf1;border-radius:999px;background:#f7fafc;color:#607080;font-size:12px;font-weight:700;padding:0 9px}.quick-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-bottom:1px solid #e7edf2;background:#fff;padding:12px 20px;overflow-x:auto}.empty-list,.reader-empty,.module-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;padding:28px;text-align:center}.empty-list>button{border:0;border-radius:8px;background:#1264a3;color:#fff;min-height:38px;padding:0 14px;font-weight:700}.empty-list h2,.reader-empty h2{margin:14px 0 4px;font-size:20px}.empty-list p,.reader-empty p,.module-empty p{max-width:420px;line-height:1.55}.empty-list__icon{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#e9f5ee;color:#267349}.empty-list__icon--error{background:#fff0ec;color:#b43b2b}.mailbox-list{display:grid;gap:0;padding-bottom:env(safe-area-inset-bottom)}.load-more-button{min-height:42px;border-bottom:1px solid #e7edf2;background:#fff;color:#0d568f;font-weight:700}.mailbox-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;border-bottom:1px solid #e7edf2;background:#fff;padding:13px 18px}.message-row{display:grid;grid-template-columns:12px minmax(128px,.9fr) minmax(0,1.45fr) auto;align-items:center;gap:14px;width:100%;border:0;border-left:3px solid transparent;border-bottom:1px solid #e8edf2;background:#fff;color:#5a6874;font-weight:500;min-height:58px;padding:10px 20px 10px 17px;text-align:left;min-width:0}.message-row:hover{background:#f7fafc}.message-row.is-active{border-left-color:#1976b9;background:#eef7ff;box-shadow:inset 0 0 0 1px #bdd9ef}.message-row.is-unread{border-left-color:#0d72b2;background:#fcfeff;color:#111a20;font-weight:780}.message-row__status{width:7px;height:7px;justify-self:center;border-radius:999px;background:#c8d3dc}.message-row.is-unread .message-row__status{background:#0d72b2;box-shadow:0 0 0 4px #e2f1fb}.message-row__from,.message-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row strong{font-weight:inherit}.message-row time{color:#6c7b88;font-size:12px;font-weight:700;white-space:nowrap}.mailbox-row:hover{background:#f6f9fb}.mailbox-row__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e7f0f8;color:#0d568f;font-weight:800}.mailbox-row__body{min-width:0}.mailbox-row__title,.mailbox-row__meta{display:flex;align-items:center;gap:10px;min-width:0}.mailbox-row__title{justify-content:space-between}.mailbox-row__title strong,.mailbox-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-row__title span{border-radius:999px;background:#e9f5ee;color:#267349;flex:0 0 auto;font-size:12px;padding:2px 8px}.mailbox-row p{margin:3px 0 7px;color:#536373;font-size:13px}.mailbox-row__meta{flex-wrap:wrap;color:#6c7b88;font-size:12px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:10px;width:min(520px,100%);margin-top:18px}.metric{display:grid;gap:3px;border:1px solid #dce4eb;border-radius:8px;background:#fff;padding:12px}.metric strong{color:#172026;font-size:20px}.metric span{color:#607080;font-size:12px}.reading-toolbar{justify-content:flex-end;flex-wrap:wrap;border-bottom:1px solid #d9e0e7;background:#fff;padding:10px 16px}.reader-empty{color:#50616f}.message-detail{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;height:calc(100dvh - var(--workspace-sticky-height));overflow-x:hidden}.message-detail header{border-bottom:1px solid #e7edf2;background:linear-gradient(180deg,#fff,#fbfcfd);padding:20px 24px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e7edf2;padding:10px 22px}.attachment-list button,.compose-attachments span{display:inline-flex;align-items:center;gap:7px;min-width:0;border:1px solid #d8e1e8;border-radius:8px;background:#fff;color:#26323b;min-height:34px;padding:0 10px}.attachment-list span,.compose-attachments span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{color:#607080}.message-detail h2{margin:0 0 8px}.message-detail p,.message-detail span{color:#607080;font-size:13px}.message-detail p{margin:0 0 6px;line-height:1.45}.message-detail iframe,.plain-message-body{width:100%;height:100%;min-height:0;border:0;background:#fff;overflow-x:hidden}.message-detail iframe{min-height:62dvh}.plain-message-body{overflow-y:auto;padding:22px 24px 34px}.plain-message-body p{margin:0 0 16px;color:#172026;font-size:16px;line-height:1.6;white-space:pre-wrap}.module-empty{background:#fff}.drafts-view{min-height:0;overflow-x:hidden;background:#fff}.drafts-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-soft);padding:20px 24px}.drafts-header p{margin-top:4px}.draft-list{display:grid;gap:12px;padding:16px 24px 28px}.draft-card{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:14px;box-shadow:0 1px 2px #18242e0a}.draft-card header,.draft-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-card header div{display:grid;gap:4px;min-width:0}.draft-card strong,.draft-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card span,.draft-card small{color:var(--muted);font-size:13px}.draft-card p{margin:0;color:var(--text);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.schedule-field{display:grid;gap:6px}.schedule-field span{color:var(--muted);font-size:12px;font-weight:700}.schedule-field input{width:100%;min-height:38px;min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 10px}.draft-card footer{justify-content:flex-start;flex-wrap:wrap}.draft-card footer button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 12px;font-weight:700}.draft-card footer .approve-button{border:0;background:var(--brand);color:#fff}.scheduled-drafts{display:grid;gap:10px;padding-top:4px}.scheduled-drafts h2{margin:0;font-size:18px}.scheduled-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border:1px solid #dce4eb;border-radius:8px;background:#fff;padding:12px}.scheduled-card div{display:grid;gap:3px;min-width:0}.scheduled-card strong,.scheduled-card span,.scheduled-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-card span,.scheduled-card small{color:var(--muted);font-size:13px}.scheduled-card button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;flex:0 0 auto;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:0 12px;font-weight:700}.crm-view{min-height:0;overflow-x:hidden;background:#f8fafc}.crm-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;background:#fff;padding:18px 24px}.crm-header h1{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.crm-header p{margin-top:3px;font-size:13px;color:#64748b}.crm-actions{display:flex;align-items:center;gap:10px}.crm-filterbar{display:grid;grid-template-columns:minmax(240px,380px) minmax(0,1fr);align-items:center;gap:12px;border-bottom:1px solid #e2e8f0;background:#fff;padding:12px 24px}.crm-filterbar__buttons{display:flex;flex-wrap:wrap;gap:6px}.crm-filterbar__buttons button{min-height:32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;padding:0 12px;font-size:13px;font-weight:600;transition:all .12s ease}.crm-filterbar__buttons button:hover{border-color:#cbd5e1;background:#f1f5f9;color:#0f172a}.crm-filterbar__buttons button.is-active{border-color:#0284c7;background:#f0f9ff;color:#0284c7;box-shadow:0 1px 2px #0284c714}.crm-search{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;padding:0 12px;min-height:38px;transition:border-color .12s ease,box-shadow .12s ease}.crm-search:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.crm-search input{width:100%;border:0;outline:none;font-size:13px;color:#0f172a;background:transparent}.crm-search--wide{width:100%}.crm-alert{display:flex;align-items:center;gap:12px;margin:16px 24px 0;border:1px solid #fecdd3;border-radius:10px;background:#fff1f2;color:#be123c;padding:12px 16px;font-size:13px;font-weight:500}.crm-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:18px 24px 0}.metric-card{display:flex;align-items:center;gap:12px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;padding:14px 16px;box-shadow:0 1px 3px #0f172a08;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f;border-color:#cbd5e1}.metric-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.metric-card--indigo .metric-card__icon{background:#e0e7ff;color:#4338ca}.metric-card--amber .metric-card__icon{background:#fef3c7;color:#b45309}.metric-card--blue .metric-card__icon{background:#dbeafe;color:#1d4ed8}.metric-card--purple .metric-card__icon{background:#f3e8ff;color:#7e22ce}.metric-card--teal .metric-card__icon{background:#ccfbf1;color:#0f766e}.metric-card--rose .metric-card__icon{background:#ffe4e6;color:#be123c}.metric-card--emerald .metric-card__icon{background:#d1fae5;color:#047857}.metric-card__body{display:flex;flex-direction:column;min-width:0}.metric-card__value{font-size:20px;font-weight:800;color:#0f172a;line-height:1.1}.metric-card__label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-gate-card{display:flex;align-items:center;gap:16px;margin:16px 24px 0;border-radius:12px;padding:16px 20px;border:1px solid;box-shadow:0 1px 3px #0000000a}.crm-gate-card.is-allowed{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.crm-gate-card.is-blocked{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.crm-gate-card__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-gate-card.is-allowed .crm-gate-card__icon{background:#dcfce7;color:#15803d}.crm-gate-card.is-blocked .crm-gate-card__icon{background:#ffe4e6;color:#be123c}.crm-gate-card__content{display:flex;flex-direction:column;gap:3px;min-width:0}.crm-gate-card__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crm-gate-card__email{font-size:14px;font-weight:700;color:#0f172a}.crm-gate-card__desc{font-size:13px;color:#475569;margin:0}.crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 24px 24px}.crm-panel{display:flex;flex-direction:column;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a08;overflow:hidden;min-width:0}.crm-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;background:#f8fafc;padding:12px 18px}.crm-panel__title-group{display:flex;align-items:center;gap:8px}.crm-panel__icon{display:inline-flex;align-items:center;justify-content:center;color:#0284c7}.crm-panel--amber .crm-panel__icon{color:#d97706}.crm-panel--emerald .crm-panel__icon{color:#059669}.crm-panel--blue .crm-panel__icon{color:#2563eb}.crm-panel--purple .crm-panel__icon{color:#7c3aed}.crm-panel--indigo .crm-panel__icon{color:#4f46e5}.crm-panel--cyan .crm-panel__icon{color:#0891b2}.crm-panel--teal .crm-panel__icon{color:#0d9488}.crm-panel--rose .crm-panel__icon{color:#e11d48}.crm-panel h2{font-size:14px;font-weight:700;color:#1e293b}.crm-panel__count{display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#334155;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.crm-panel__list{display:flex;flex-direction:column;max-height:380px;overflow-y:auto}.crm-panel__empty{padding:24px 18px;text-align:center}.crm-panel__empty p{color:#94a3b8;font-size:13px;margin:0}.crm-card-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #f8fafc;background:#fff;padding:10px 18px;text-align:left;cursor:pointer;transition:background .12s ease,padding .12s ease}.crm-card-row:last-child{border-bottom:none}.crm-card-row:hover{background:#f8fafc}.crm-card-row__avatar{width:36px;height:36px;border-radius:8px;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.crm-card-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-card-row__header{display:flex;align-items:center;gap:8px;min-width:0}.crm-card-row__title{font-size:13px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-card-row__meta{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-card-row__time{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;white-space:nowrap}.crm-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.crm-badge__dot{width:5px;height:5px;border-radius:50%}.crm-badge--success{background:#dcfce7;color:#15803d}.crm-badge--success .crm-badge__dot{background:#22c55e}.crm-badge--warning{background:#fef3c7;color:#b45309}.crm-badge--warning .crm-badge__dot{background:#f59e0b}.crm-badge--danger{background:#ffe4e6;color:#be123c}.crm-badge--danger .crm-badge__dot{background:#f43f5e}.crm-badge--info{background:#e0f2fe;color:#0369a1}.crm-badge--info .crm-badge__dot{background:#0ea5e9}.crm-badge--neutral{background:#f1f5f9;color:#475569}.crm-badge--neutral .crm-badge__dot{background:#94a3b8}.crm-detail-panel{display:flex;flex-direction:column;gap:16px;margin:0 24px 24px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0f172a0f;padding:20px}.crm-detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.crm-detail-panel__intro{display:flex;flex-direction:column;gap:4px}.crm-detail-panel__kind{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0284c7}.crm-detail-panel h2{font-size:18px;font-weight:800;color:#0f172a}.crm-detail-panel p{color:#64748b;font-size:13px}.crm-detail-panel__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crm-action-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease}.crm-action-btn--primary{border:0;background:#0284c7;color:#fff;box-shadow:0 1px 3px #0284c740}.crm-action-btn--primary:hover{background:#0369a1}.crm-action-btn--secondary{border:1px solid #cbd5e1;background:#fff;color:#334155}.crm-action-btn--secondary:hover{background:#f8fafc;border-color:#94a3b8}.crm-detail-panel__dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.crm-detail-panel__dl div{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:10px 14px}.crm-detail-panel dt{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.04em}.crm-detail-panel dd{margin:4px 0 0;font-size:13px;font-weight:600;color:#0f172a;overflow-wrap:anywhere}.crm-detail-panel__json{border-radius:8px;background:#0f172a;overflow:hidden;border:1px solid #1e293b}.crm-detail-panel__json-header{padding:8px 14px;background:#1e293b;color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.crm-detail-panel__json pre{margin:0;padding:14px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;max-height:280px;overflow:auto;white-space:pre-wrap}.crm-timeline{margin:0 24px 28px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;padding:20px}.crm-timeline header{margin-bottom:16px}.crm-timeline h2{font-size:16px;font-weight:800;color:#0f172a}.crm-timeline__feed{display:flex;flex-direction:column;position:relative;padding-left:20px}.crm-timeline__feed:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:#e2e8f0}.crm-timeline__item{position:relative;padding-bottom:14px}.crm-timeline__dot{position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:#0284c7;border:2px solid #ffffff;box-shadow:0 0 0 2px #0284c7}.crm-timeline__card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.crm-timeline__card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-timeline__card-top strong{font-size:13px;color:#0f172a}.crm-timeline__card-top small{font-size:11px;color:#94a3b8}.crm-timeline__card span{font-size:12px;color:#64748b}.message-row{display:grid;grid-template-columns:8px 36px minmax(0,1fr);align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:10px 14px;text-align:left;cursor:pointer;transition:all .12s ease}.message-row:hover{background:#f8fafc}.message-row.is-active{background:#f0f9ff;border-left:3px solid #0284c7}.message-row__status{width:6px;height:6px;border-radius:50%;background:transparent;flex-shrink:0}.message-row.is-unread .message-row__status{background:#0284c7;box-shadow:0 0 0 2px #0284c733}.message-row__avatar{width:34px;height:34px;border-radius:50%;background:#e2e8f0;color:#334155;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.message-row.is-unread .message-row__avatar{background:#e0f2fe;color:#0284c7}.message-row__info{display:flex;flex-direction:column;gap:3px;min-width:0}.message-row__headline{display:flex;align-items:center;justify-content:space-between;gap:8px}.message-row__from{font-size:13px;color:#475569;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.is-unread .message-row__from{color:#0f172a;font-weight:700}.message-row__headline time{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.message-row__snippet-row strong{font-size:13px;color:#64748b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.message-row.is-unread .message-row__snippet-row strong{color:#0f172a;font-weight:700}.message-detail__actions{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.reply-action-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease}.reply-action-button:hover{background:#f8fafc;border-color:#0284c7;color:#0284c7}.productivity-panel{display:grid;align-content:start;gap:12px;border-left:1px solid #d9e0e7;background:#f8fafb;padding:16px;min-width:0;min-height:0;overflow-y:auto}.panel-block{border:1px solid #dce4eb;border-radius:8px;background:#fff;padding:14px}.panel-block__title{display:flex;align-items:center;gap:8px}.panel-block p{margin:10px 0 0;line-height:1.45}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:20;background:#16202647}.login-modal{display:grid;gap:14px;width:min(440px,calc(100vw - 32px));border-radius:12px;background:#fff;padding-bottom:16px;box-shadow:0 24px 64px #18242e38}.settings-drawer header,.login-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d9e0e7;padding:12px 16px}.login-modal header div{display:grid;gap:2px}.login-modal header span{color:#607080;font-size:13px}.login-error{margin:0 16px;border-radius:8px;background:#fff0ec;color:#b43b2b;font-size:13px;padding:10px 12px}.login-modal label{display:grid;gap:6px;padding:0 16px}.login-modal label span{color:#607080;font-size:13px;font-weight:700}.login-modal footer{padding:0 16px}.compose-dock{position:fixed;right:24px;bottom:0;z-index:1000;display:flex;flex-direction:column;width:min(580px,calc(100vw - 32px));height:min(560px,calc(100vh - 80px));border-radius:12px 12px 0 0;background:#fff;border:1px solid #cbd5e1;border-bottom:none;box-shadow:0 16px 40px -6px #0f172a33,0 4px 16px -2px #0f172a14;overflow:hidden;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.compose-dock.is-dragging-over{border-color:#0284c7;box-shadow:0 0 0 3px #0284c740,0 20px 48px #0f172a40}.compose-dock.is-minimized{width:min(320px,calc(100vw - 32px));height:44px;cursor:pointer;border-radius:10px 10px 0 0;background:#1e293b;color:#f8fafc;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 14px;box-shadow:0 6px 20px #0f172a33}.compose-dock.is-minimized:hover{background:#0f172a}.compose-dock__min-title{display:flex;align-items:center;gap:8px;min-width:0}.compose-dock__min-title strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-dock__dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;flex-shrink:0}.compose-dock__min-actions{display:flex;align-items:center;gap:4px}.compose-dock.is-maximized{width:min(920px,calc(100vw - 32px));height:min(780px,calc(100vh - 40px));right:max(16px,calc((100vw - 920px)/2));bottom:0;border-radius:12px 12px 0 0}.compose-dock__header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 16px;-webkit-user-select:none;user-select:none}.compose-dock__title-group{display:flex;align-items:center;gap:10px;min-width:0}.compose-dock__title-group strong{font-size:14px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-dock__save-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.compose-dock__save-badge.saved{background:#ecfdf5;color:#047857}.compose-dock__save-badge.saving{background:#eff6ff;color:#1d4ed8}.compose-dock__window-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.compose-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .12s ease}.compose-icon-btn:hover{background:#e2e8f0;color:#0f172a}.compose-dock.is-minimized .compose-icon-btn{color:#cbd5e1}.compose-dock.is-minimized .compose-icon-btn:hover{background:#ffffff26;color:#fff}.compose-icon-btn--close:hover{background:#fee2e2;color:#dc2626}.compose-dock__fields{display:flex;flex-direction:column;background:#fff}.compose-dock__row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f1f5f9;padding:0 16px;min-height:42px}.compose-dock__label{color:#64748b;font-size:13px;font-weight:600;width:32px;flex-shrink:0}.compose-dock__input{flex:1;min-width:0;border:0;outline:none;font-size:14px;color:#0f172a;background:transparent;padding:8px 0}.compose-dock__input::placeholder{color:#94a3b8}.compose-dock__row--subject{padding:2px 16px}.compose-dock__input--subject{font-weight:600;font-size:14px}.compose-dock__recipient-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.compose-text-btn{appearance:none;border:0;background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .12s ease}.compose-text-btn:hover{background:#e2e8f0;color:#0f172a}.compose-icon-btn--remove{width:22px;height:22px;color:#94a3b8}.compose-icon-btn--remove:hover{color:#dc2626;background:#fee2e2}.compose-dock__attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #f1f5f9;max-height:90px;overflow-y:auto}.attachment-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:12px;color:#334155;box-shadow:0 1px 2px #0000000a}.attachment-chip__name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.attachment-chip__remove{appearance:none;border:0;background:transparent;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.attachment-chip__remove:hover{color:#dc2626}.compose-dock__body{flex:1;display:flex;flex-direction:column;min-height:180px;padding:12px 16px;overflow:hidden}.compose-dock__textarea{flex:1;width:100%;border:0;outline:none;resize:none;font-family:inherit;font-size:14px;line-height:1.6;color:#0f172a;background:transparent}.compose-dock__textarea::placeholder{color:#94a3b8}.compose-dock__error{margin:0 16px 8px;padding:8px 12px;border-radius:6px;background:#fef2f2;border:1px solid #fecdd3;color:#b91c1c;font-size:12px;font-weight:500}.compose-dock__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.compose-dock__footer-left{display:flex;align-items:center;gap:8px}.compose-dock__send-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 18px;border:0;border-radius:8px;background:#0284c7;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px #0284c74d;transition:all .12s ease}.compose-dock__send-btn:hover:not(:disabled){background:#0369a1;box-shadow:0 2px 6px #0284c766;transform:translateY(-1px)}.compose-dock__send-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.compose-icon-btn--toolbar{width:32px;height:32px;color:#64748b;border-radius:6px}.compose-icon-btn--toolbar:hover{background:#e2e8f0;color:#0f172a}.compose-icon-btn--trash:hover{background:#fee2e2;color:#dc2626}.settings-drawer{position:fixed;top:0;right:0;width:min(380px,100vw);height:100dvh;background:#fff;box-shadow:-18px 0 48px #18242e33}.settings-drawer h2{margin:0;font-size:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7edf2;padding:16px}.admin-users-view{display:grid;align-content:start;gap:16px;min-height:calc(100dvh - var(--workspace-sticky-height));padding:20px}.admin-users-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-users-header h1,.admin-modal h2{display:flex;align-items:center;gap:10px}.primary-action,.admin-modal footer button,.mailbox-tools button,.manual-mailbox-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0d568f;border-radius:8px;background:#1264a3;color:#fff;min-height:38px;padding:0 14px;font-size:14px;font-weight:750;white-space:nowrap}.admin-user-list{display:grid;gap:10px}.admin-user-row{display:grid;grid-template-columns:minmax(180px,1.2fr) auto minmax(240px,1fr) auto auto;align-items:center;gap:14px;border:1px solid #d9e0e7;border-radius:8px;background:#fff;padding:14px;box-shadow:var(--shadow-soft)}.admin-user-row__identity{display:grid;gap:3px;min-width:0}.admin-user-row__identity strong,.admin-user-row__identity span,.admin-user-row time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-row__identity span,.admin-user-row time{color:#607080;font-size:13px}.admin-user-row__actions{display:flex;gap:6px}.role-badge,.mailbox-chip,.selected-mailboxes button{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:12px;font-weight:750;line-height:1;min-height:26px;padding:0 9px}.role-badge{background:#f1f5f9;color:#475569}.role-badge.is-admin{background:#e9f4fb;color:#0d568f}.mailbox-chips,.selected-mailboxes{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.mailbox-chip{max-width:100%;background:#f1f5f9;color:#334155}.mailbox-chip.is-all{background:#e9f5ee;color:#267349}.mailbox-chip.is-muted{background:#f6f8fa;color:#778696}.danger-button{border-color:#f3c0b8;background:#fff7f5;color:#b43b2b}.admin-empty{border:1px dashed #cfd9e2;border-radius:8px;background:#f8fafb;color:#607080;font-size:14px;padding:18px;text-align:center}.admin-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#1720267a;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}.admin-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(820px,calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 24px 70px #17202638}.admin-modal>header,.admin-modal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7edf2;padding:16px 18px}.admin-modal form{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;overflow-y:auto}.admin-form-error{display:flex;align-items:center;gap:8px;margin:14px 18px 0;border:1px solid #f3c0b8;border-radius:8px;background:#fff0ec;color:#b43b2b;padding:10px 12px;font-size:13px;font-weight:700}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.admin-form-grid label,.mailbox-tools label{display:grid;gap:6px;min-width:0}.admin-form-grid span,.mailbox-tools span{color:#435262;font-size:13px;font-weight:750}.admin-form-grid input,.admin-form-grid select,.mailbox-tools input,.manual-mailbox-row input{width:100%;min-width:0;border:1px solid #cfd9e2;border-radius:8px;background:#fff;color:#172026;min-height:40px;padding:0 11px;outline:0}.admin-form-grid input:focus,.admin-form-grid select:focus,.mailbox-tools input:focus,.manual-mailbox-row input:focus{border-color:#9bc4e3;box-shadow:var(--shadow-focus)}.mailbox-permissions{display:grid;gap:12px;min-height:0;margin:0 18px 18px;border:1px solid #d9e0e7;border-radius:8px;padding:14px}.mailbox-permissions legend{color:#172026;font-weight:800;padding:0 5px}.all-mailboxes-toggle{display:flex;align-items:center;gap:9px;color:#26323b;font-size:14px;font-weight:750}.mailbox-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.manual-mailbox-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.selected-mailboxes button{border:1px solid #cddce8;background:#edf5fa;color:#0d568f}.mailbox-selector{display:grid;gap:6px;max-height:240px;overflow-y:auto;border:1px solid #e1e8ee;border-radius:8px;background:#f8fafb;padding:8px}.mailbox-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border-radius:7px;padding:8px}.mailbox-option:hover{background:#eef5fa}.mailbox-option span{display:grid;gap:2px;min-width:0}.mailbox-option strong,.mailbox-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-option small{color:#607080;font-size:12px}.admin-modal footer{position:sticky;bottom:0;border-top:1px solid #e7edf2;border-bottom:0;background:#fffffff5;padding-bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-modal footer button:first-child{border-color:#cfd9e2;background:#fff;color:#334155}@media(max-width:1180px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.productivity-panel{display:none}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:42;width:min(300px,86vw);max-width:100vw;transform:translate(-100%);transition:transform .16s ease;box-shadow:18px 0 50px #18242e38;padding-top:calc(18px + env(safe-area-inset-top))}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:41;display:block;border:0;background:#1720263d;padding:0}.mobile-only{display:inline-flex}.mail-grid{grid-template-columns:1fr}.mail-grid.has-open-message .message-list,.reading-pane{display:none}.mail-grid.has-open-message .reading-pane{display:block;min-height:0}.reading-toolbar{justify-content:space-between;position:sticky;top:0;z-index:10;background:#fffffff0;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.message-detail{height:auto;min-height:100dvh}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-row{grid-template-columns:minmax(0,1fr) auto}.admin-user-row__identity,.mailbox-chips{grid-column:1 / -1}.admin-user-row time{display:none}}@media(max-width:580px){:root{--topbar-height: 60px;--tabs-height: 54px}h1{font-size:21px}h2{font-size:18px}.topbar{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px}.admin-chip{display:none}.search-box{min-height:40px;padding:0 10px}.search-submit{display:inline-flex}.view-tabs{gap:6px;padding:8px 10px;overflow-x:auto}.view-tabs button{flex:0 0 auto;gap:5px;min-height:36px;padding:0 6px;font-size:14px}.list-header{padding:16px 14px 10px}.quick-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 10px 12px}.quick-filters button{min-height:32px;padding:0 4px;font-size:12px}.compose-dock{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}.compose-dock.is-minimized{right:8px;bottom:0;width:calc(100vw - 16px);height:44px;border-radius:10px 10px 0 0}.message-row{grid-template-columns:6px 32px minmax(0,1fr);gap:8px;padding:10px 12px}.reading-toolbar .icon-button{width:34px;height:34px}.move-select{flex:1 1 96px;max-width:128px;min-height:34px;padding:0 8px}.message-detail header{padding:16px 16px 14px}.message-detail iframe{min-height:calc(100dvh - 214px)}.plain-message-body{padding:18px 16px 34px}.drafts-header{padding:16px}.draft-list{padding:12px 12px 24px}.draft-card footer button{flex:1 1 96px}.crm-header{align-items:stretch;flex-direction:column;padding:16px}.crm-actions{width:100%}.crm-search{width:100%;min-width:0}.crm-filterbar{grid-template-columns:1fr;padding:10px 12px}.crm-filterbar__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.crm-filterbar__buttons button{padding:0 4px}.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:12px;padding-right:12px}.crm-grid{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.crm-alert,.crm-gate-card,.crm-detail-panel,.crm-timeline{margin-left:12px;margin-right:12px}.crm-card-row{grid-template-columns:32px 1fr auto;padding:10px 12px}.crm-detail-panel__dl{grid-template-columns:1fr}.admin-users-view{padding:12px}.admin-users-header{align-items:stretch;flex-direction:column}.admin-users-header .primary-action{width:100%}.admin-user-row{gap:10px;padding:12px}.admin-user-row__actions{justify-content:flex-end}.admin-modal-backdrop{align-items:end;padding:0}.admin-modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:12px 12px 0 0}.admin-modal>header{padding-top:calc(16px + env(safe-area-inset-top))}.admin-form-grid,.mailbox-tools,.manual-mailbox-row{grid-template-columns:1fr}.mailbox-selector{max-height:36dvh}.admin-modal footer{display:grid;grid-template-columns:1fr 1fr}}.pwa-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.9);display:none;grid-template-columns:repeat(5,1fr);align-items:center;z-index:900;box-shadow:0 -4px 16px #0000000a}@media(max-width:900px){.pwa-bottom-nav{display:grid}.app-shell{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.pwa-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:#64748b;font-size:11px;font-weight:500;cursor:pointer;padding:6px 0;position:relative;transition:color .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pwa-nav-item:active{transform:scale(.94)}.pwa-nav-item.is-active{color:#0284c7;font-weight:600}.pwa-nav-item__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pwa-nav-item__badge{position:absolute;top:-4px;right:-8px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid #ffffff}.pwa-bottom-sheet-overlay{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1100;animation:pwaFadeIn .2s ease}.pwa-bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:88dvh;background:#fff;border-radius:24px 24px 0 0;z-index:1101;display:flex;flex-direction:column;box-shadow:0 -12px 40px #0000002e;animation:pwaSlideUp .28s cubic-bezier(.16,1,.3,1);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwaSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle-bar{width:42px;height:5px;border-radius:99px;background:#cbd5e1;margin:12px auto 8px;flex-shrink:0;cursor:grab}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.sheet-header__title-group{display:flex;align-items:center;gap:10px}.sheet-header__icon{width:34px;height:34px;border-radius:10px;background:#f0f9ff;color:#0284c7;display:flex;align-items:center;justify-content:center}.sheet-header__text h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.sheet-header__text p{margin:2px 0 0;font-size:12px;color:#64748b}.sheet-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.sheet-close-btn:hover{background:#e2e8f0;color:#0f172a}.sheet-content{overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:20px;-webkit-overflow-scrolling:touch}.sheet-section{display:flex;flex-direction:column;gap:10px}.sheet-section__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;display:flex;align-items:center;gap:6px}.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:540px){.sheet-grid{grid-template-columns:repeat(4,1fr)}}.sheet-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.sheet-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.sheet-card:active{transform:scale(.98)}.sheet-card__icon{width:32px;height:32px;border-radius:8px;background:#fff;color:#0284c7;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0}.sheet-card__title{font-size:13px;font-weight:600;color:#0f172a}.sheet-card__subtitle{font-size:11px;color:#64748b;line-height:1.3}.sheet-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.sheet-status-pill.warning{background:#fffbeb;color:#d97706;border-color:#fde68a}.sheet-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.compose-dock__toolbar{display:flex;align-items:center;gap:3px;padding:6px 14px;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.compose-tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#475569;cursor:pointer;transition:all .12s ease}.compose-tool-btn:hover{background:#e2e8f0;color:#0f172a}.compose-tool-btn:active{background:#cbd5e1}.compose-tool-separator{width:1px;height:16px;background:#cbd5e1;margin:0 4px}.mcp-settings{display:grid;gap:10px;margin-top:24px;padding:20px 16px 32px;border-top:1px solid #d9e0e7}.mcp-settings h3,.mcp-settings p{margin:0}.mcp-settings label{display:grid;gap:6px}.mcp-settings input{width:100%}.mcp-settings code{overflow-wrap:anywhere}.mcp-token-once{display:grid;gap:8px;padding:12px;border:1px solid #6886aa;border-radius:8px}.mcp-token-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.settings-drawer{overflow-y:auto}