.task-item { cursor: pointer; }
.task-item:hover { background: #fbfbfd; }
.mission-drawer { position: fixed; top: 0; right: 0; z-index: 10; width: min(415px, 92vw); height: 100vh; padding: 26px; overflow-y: auto; background: #fff; border-left: 1px solid #e6e7ed; box-shadow: -12px 0 35px #272b4217; transform: translateX(105%); transition: transform .25s ease; }
.mission-drawer.open { transform: translateX(0); }
.drawer-backdrop { position: fixed; inset: 0; z-index: 9; opacity: 0; pointer-events: none; background: #1a203133; transition: opacity .2s; }
.drawer-backdrop.show { opacity: 1; pointer-events: auto; }
.drawer-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid #e8eaf0; }
.drawer-header h2 { font-size: 18px; line-height: 1.45; }
.objective { padding: 13px; margin: 20px 0; background: #f7f6fc; border-radius: 6px; }
.objective span, .plan-title span { color: #8f95a2; font-size: 10px; font-weight: 700; }
.objective p { margin: 5px 0 0; color: #4a5364; font-size: 12px; line-height: 1.7; }
.plan-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.plan-title b { color: #6b50df; font-size: 10px; }
.assignment-list { padding: 0; margin: 0; list-style: none; }
.assignment-list li { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #eff0f3; }
.assignment-list li > span { flex: none; margin: 0; }
.assignment-list li div { flex: 1; }
.assignment-list b { font-size: 12px; }
.assignment-list p { margin: 2px 0 0; color: #89909d; font-size: 10px; line-height: 1.45; }
.assignment-list svg { width: 15px; color: #1aa579; }
.assignment-list em { color: #969ca8; font-size: 9px; font-style: normal; }
.assignment-list .working em { color: #7255df; }
.drawer-footer { position: sticky; bottom: -26px; display: grid; grid-template-columns: 1fr 1.25fr; gap: 8px; padding: 16px 0 0; background: #fff; }
.drawer-footer .outline-button { font-size: 10px; }
.drawer-footer .outline-button svg, .primary-button svg { width: 13px; }
.primary-button { display: flex; align-items: center; justify-content: center; gap: 5px; color: #fff; background: #292e50; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.toast { z-index: 20; }
.ceo-feedback { display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 13px 15px; color: #3b4355; background: #fff; border: 1px solid #e7e4f6; border-radius: 7px; box-shadow: 0 6px 18px #2428460a; }
.ceo-feedback[hidden] { display: none; }
.ceo-feedback > i { width: 18px; color: #7255df; }
.ceo-feedback p { flex: 1; margin: 0; font-size: 11px; line-height: 1.6; }
.ceo-feedback b { color: #272d4b; }
.ceo-feedback .assignment-chips { display: flex; align-items: center; gap: 4px; }
.ceo-feedback .mini-avatar { margin: 0; }
.ceo-brief { margin-top: 16px; padding: 17px; background: #fff; border: 1px solid #e3e2ee; border-radius: 7px; }.ceo-brief[hidden] { display: none; }.ceo-brief-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.ceo-brief-grid article { padding: 10px; background: #f8f7fd; border-radius: 5px; }.ceo-brief-grid span, .ceo-brief-grid b { display: block; }.ceo-brief-grid span { color: #8c93a0; font-size: 9px; }.ceo-brief-grid b { margin-top: 4px; color: #5447a3; font: 14px "DM Mono"; }.ceo-brief-columns { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 12px; margin-top: 13px; }.ceo-brief-columns section { padding: 10px; border: 1px solid #ececf2; border-radius: 5px; }.ceo-brief-columns h3 { margin: 0 0 8px; color: #4d5667; font-size: 10px; }.ceo-brief-columns ol { margin: 0; padding-left: 16px; }.ceo-brief-columns li, .ceo-brief-columns p { margin: 0 0 6px; color: #717987; font-size: 10px; line-height: 1.55; }.ceo-brief-columns p:last-child { margin-bottom: 0; }.ceo-brief-columns p b, .ceo-brief-columns p span { display: block; }.ceo-brief-columns p b { color: #556070; }.ceo-brief-columns p span { color: #89909d; }
.chat-badge { color: #7255df !important; font-size: 9px !important; }
.import-trigger { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 31px; margin-top: 15px; cursor: pointer; color: #664bd7; background: #f6f4ff; border: 1px solid #e5dfff; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.import-trigger svg { width: 14px; }
.import-modal { position: fixed; z-index: 30; top: 50%; left: 50%; width: min(690px, calc(100vw - 32px)); max-height: calc(100vh - 36px); overflow-y: auto; pointer-events: none; background: #fff; border: 1px solid #e4e4eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }
.import-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }
.import-backdrop { position: fixed; inset: 0; z-index: 29; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }
.import-backdrop.show { pointer-events: auto; opacity: 1; }
.import-shell { padding: 24px; }
.import-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 17px; border-bottom: 1px solid #e9eaf0; }
.import-header h2 { font-size: 18px; }
.import-header > div > p:last-child { margin: 7px 0 0; color: #868d9a; font-size: 11px; }
.import-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; margin-top: 18px; text-align: center; background: #fbfbfd; border: 1px dashed #cdc7ed; border-radius: 7px; }
.import-drop > svg { width: 27px; height: 27px; margin-bottom: 9px; color: #7255df; }
.import-drop strong { font-size: 13px; }
.import-drop span { margin-top: 5px; color: #9399a5; font-size: 10px; }
.import-drop button { display: flex; align-items: center; gap: 5px; margin-top: 13px; padding: 7px 10px; cursor: pointer; color: #fff; background: #2f355a; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.import-drop button svg { width: 13px; }
.import-drop input { display: none; }
.import-result { margin-top: 18px; }
.import-summary { display: flex; align-items: center; gap: 9px; padding: 10px; color: #4d5666; background: #f4faf7; border: 1px solid #dcefe7; border-radius: 5px; font-size: 11px; }
.import-summary svg { width: 16px; color: #29916e; }
.sheet-preview { margin-top: 15px; border: 1px solid #e8e9ef; border-radius: 6px; overflow: hidden; }
.sheet-preview header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; background: #fbfbfd; border-bottom: 1px solid #e8e9ef; }
.sheet-preview header b { font-size: 12px; }
.sheet-preview header span { color: #8e94a0; font-size: 10px; }
.preview-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 10px; }
.preview-table th, .preview-table td { padding: 8px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eff0f3; }
.preview-table th { color: #676e7e; background: #fff; font-weight: 600; }
.preview-table td { color: #858c98; }
.qwen-note { margin: 12px 0 0; padding: 10px; color: #535c6d; background: #f6f5fb; border-radius: 5px; font-size: 11px; line-height: 1.6; }
.commit-import { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 34px; margin-top: 12px; cursor: pointer; color: #fff; background: #2d3559; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.commit-import svg { width: 14px; }
.commit-import:disabled { cursor: wait; opacity: .65; }
.import-success { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; color: #188363; font-size: 11px; }
.import-success svg { width: 14px; }
.leads-section { margin-top: 34px; }
.followup-board { margin-top: 28px; }
.followup-count { align-self: end; padding: 5px 8px; color: #6950c5; background: #f2efff; border-radius: 4px; font-size: 10px; }
.followup-list { display: grid; gap: 8px; }
.board-followup { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 13px; background: #fff; border: 1px solid #e8eaf0; border-radius: 6px; }
.board-followup > div { min-width: 0; }
.board-followup b, .board-followup span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-followup b { color: #3f4859; font-size: 11px; }
.board-followup span { margin-top: 3px; color: #89909d; font-size: 10px; }
.board-followup button { display: flex; align-items: center; gap: 4px; flex: none; height: 27px; padding: 0 8px; cursor: pointer; color: #654bc8; background: #f6f3ff; border: 1px solid #e5dcff; border-radius: 4px; font: 600 10px "Noto Sans SC"; }
.board-followup button svg { width: 12px; }
.followup-empty { margin: 0; padding: 18px; color: #8d94a1; background: #fbfbfd; border: 1px dashed #e1e3ea; border-radius: 6px; font-size: 10px; text-align: center; }
.marketing-workbench { margin-top: 28px; }
.marketing-form { display: grid; grid-template-columns: 1.1fr 1fr 1fr auto; gap: 8px; }
.marketing-form input, .marketing-form select { min-width: 0; height: 33px; padding: 0 9px; color: #4f586a; background: #fff; border: 1px solid #e0e2e9; border-radius: 4px; font: 10px "Noto Sans SC"; }
.marketing-form button { display: flex; align-items: center; justify-content: center; gap: 5px; height: 33px; padding: 0 10px; cursor: pointer; color: #fff; background: #ad557f; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }
.marketing-form button svg { width: 13px; }.marketing-form button:disabled { opacity: .6; cursor: default; }
.marketing-result { margin-top: 10px; }
.marketing-draft { padding: 13px; background: #fff; border: 1px solid #ece5e9; border-radius: 6px; }
.marketing-draft header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.marketing-draft header span { color: #a95e80; font: 9px "DM Mono"; }.marketing-draft h3 { margin: 4px 0 0; color: #424b5c; font-size: 13px; }.marketing-draft header > b { padding: 4px 6px; color: #8d526c; background: #fff1f6; border-radius: 3px; font: 9px "DM Mono"; }
.finance-overview { margin-top: 28px; padding-bottom: 10px; }
.finance-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.finance-metrics article { padding: 12px; background: #fff; border: 1px solid #e7e9ee; border-radius: 6px; }.finance-metrics span, .finance-metrics small { display: block; color: #8a919d; font-size: 9px; }.finance-metrics strong { display: block; margin: 5px 0 4px; color: #434c5e; font: 14px "DM Mono"; }.finance-note { margin: 10px 0 0; padding: 9px 11px; color: #7b838f; background: #fbfbfd; border: 1px solid #edf0f2; border-radius: 5px; font-size: 10px; }
.token-cost-panel { margin-top: 10px; padding: 12px; background: #fbfbfd; border: 1px solid #e9eaf0; border-radius: 6px; }.token-cost-panel header { display: flex; align-items: center; justify-content: space-between; }.token-cost-panel header span { color: #7864b5; font: 9px "DM Mono"; }.token-cost-panel h3 { margin: 3px 0 0; color: #50596a; font-size: 11px; }.token-cost-panel header > b { padding: 4px 6px; color: #936849; background: #fff4e9; border-radius: 3px; font-size: 9px; }.token-cost-panel header > b.ready { color: #277b60; background: #e9f7f1; }.token-totals { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 10px; }.token-totals article { padding: 8px; background: #fff; border: 1px solid #ececf1; border-radius: 4px; }.token-totals span, .token-totals b { display: block; }.token-totals span { color: #8d94a0; font-size: 9px; }.token-totals b { margin-top: 3px; color: #555f70; font: 11px "DM Mono"; }.token-rows { margin-top: 8px; }.token-rows p { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; margin: 0; padding: 6px 0; color: #747c89; border-bottom: 1px solid #ededf1; font-size: 9px; }.token-rows p:last-child { border-bottom: 0; }.token-rows b { color: #596375; font-weight: 500; }.token-rows em { color: #956b4c; font-style: normal; }
.quote-workbench { margin-top: 28px; }.quote-form { display: grid; grid-template-columns: 1fr 1fr 72px 90px 90px auto; gap: 7px; }.quote-form select, .quote-form input, .quote-footer select { min-width: 0; height: 32px; padding: 0 8px; color: #505969; border: 1px solid #e1e3e9; border-radius: 4px; font: 10px "Noto Sans SC"; }.quote-form button, .quote-footer button { height: 32px; padding: 0 9px; cursor: pointer; color: #fff; background: #2f5d66; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.quote-form button svg { width: 12px; }.quote-items { display: grid; gap: 5px; margin-top: 9px; }.quote-items article, .quote-list article { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: #fff; border: 1px solid #e7e9ee; border-radius: 4px; }.quote-items b { color: #465061; font: 10px "DM Mono"; }.quote-items span, .quote-list span { flex: 1; color: #7c8491; font-size: 10px; }.quote-items button { width: 20px; height: 20px; padding: 0; cursor: pointer; color: #8c94a0; background: transparent; border: 0; }.quote-items button svg { width: 13px; }.quote-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 9px; }.quote-footer span { flex: 1; color: #52606a; font: 10px "DM Mono"; }.quote-list { display: grid; gap: 5px; margin-top: 10px; }.quote-list b { color: #465061; font: 10px "DM Mono"; }.quote-list em { color: #30806a; font-size: 9px; font-style: normal; }
.quote-list article button { height: 25px; padding: 0 7px; cursor: pointer; color: #2f5d66; background: #eef7f6; border: 1px solid #d9ebe8; border-radius: 4px; font: 600 9px "Noto Sans SC"; }.orders-workbench { margin-top: 28px; }.order-list { display: grid; gap: 6px; }.order-list article { display: flex; align-items: center; gap: 8px; padding: 10px; background: #fff; border: 1px solid #e6e8ed; border-radius: 5px; }.order-list article > div { flex: 1; min-width: 0; }.order-list b, .order-list span { display: block; }.order-list b { color: #465061; font: 10px "DM Mono"; }.order-list span { margin-top: 3px; color: #7c8491; font-size: 10px; }.order-list select, .order-list input { height: 28px; padding: 0 6px; color: #5f6675; border: 1px solid #e0e3e8; border-radius: 4px; font: 9px "Noto Sans SC"; }.order-list input { width: 76px; }
.marketing-draft-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 11px 0; }.marketing-draft-grid p, .marketing-schedule { margin: 0; color: #69727f; font-size: 10px; line-height: 1.55; }.marketing-draft-grid b, .marketing-schedule b { display: block; margin-bottom: 2px; color: #8d929e; font-size: 9px; }
.marketing-draft details { border: 1px solid #eee7eb; border-radius: 4px; }.marketing-draft summary { padding: 8px; cursor: pointer; color: #565f70; font-size: 10px; }.marketing-draft pre { margin: 0; padding: 0 8px 9px; color: #606879; font: 10px/1.6 "Noto Sans SC"; white-space: pre-wrap; }.marketing-schedule { margin-top: 10px; }.marketing-draft small { display: block; margin-top: 9px; color: #9a9faa; font-size: 9px; }
.add-lead-button { display: flex; align-items: center; gap: 5px; height: 31px; padding: 0 10px; cursor: pointer; color: #fff; background: #2d3559; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.add-lead-button svg { width: 14px; }
.lead-actions { display: flex; gap: 8px; }
.search-lead-button { display: flex; align-items: center; gap: 5px; height: 31px; padding: 0 10px; cursor: pointer; color: #684bd8; background: #f4f1ff; border: 1px solid #e4dcff; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.search-lead-button svg { width: 14px; }
.lead-table-wrap { overflow: hidden; background: #fff; border: 1px solid #e8eaf0; border-radius: 7px; }
.lead-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.lead-table th, .lead-table td { padding: 12px 15px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #eff0f3; }
.lead-table th { color: #9298a5; background: #fbfbfd; font-size: 10px; font-weight: 600; }
.lead-table td { color: #4d5565; font-size: 11px; }
.lead-table td:first-child { color: #2d3548; font-weight: 600; }
.lead-score { display: inline-block; min-width: 27px; padding: 3px 5px; color: #556279; background: #eff1f6; border-radius: 3px; font: 10px "DM Mono"; text-align: center; }
.lead-score.hot { color: #c06d32; background: #fff1e5; }
.lead-status { padding: 3px 6px; color: #6d51de; background: #f0edff; border: 0; border-radius: 3px; font: 10px "Noto Sans SC"; }
.lead-empty { display: flex; flex-direction: column; align-items: center; padding: 37px 20px; color: #8d94a1; text-align: center; }
.lead-empty svg { width: 23px; color: #b1a5ef; }
.lead-empty p { margin: 9px 0 3px; color: #687080; font-size: 12px; font-weight: 600; }
.lead-empty span { font-size: 10px; }
.lead-modal { position: fixed; z-index: 30; top: 50%; left: 50%; width: min(580px, calc(100vw - 32px)); pointer-events: none; background: #fff; border: 1px solid #e4e4eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }
.lead-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }
.lead-shell { padding: 23px; }
.lead-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 18px 0; }
.lead-form-grid label { display: grid; gap: 6px; color: #656d7d; font-size: 10px; font-weight: 600; }
.lead-form-grid input, .lead-form-grid textarea { width: 100%; padding: 8px 9px; color: #333c4e; background: #fff; border: 1px solid #e0e2e9; border-radius: 4px; outline: 0; font: 11px "Noto Sans SC"; }
.lead-form-grid input:focus, .lead-form-grid textarea:focus { border-color: #997fe9; box-shadow: 0 0 0 3px #8a70e81a; }
.lead-form-grid textarea { height: 58px; resize: vertical; }
.lead-form-grid .wide { grid-column: 1 / -1; }
.lead-submit { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 35px; cursor: pointer; color: #fff; background: #2d3559; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.lead-submit svg { width: 14px; }
.lead-backdrop { position: fixed; inset: 0; z-index: 29; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }
.lead-backdrop.show { pointer-events: auto; opacity: 1; }
.task-execution { display: grid; gap: 7px; margin: 16px 0; padding: 12px; background: #fafafd; border: 1px solid #e9e8f1; border-radius: 6px; }
.task-execution > span { color: #8d93a1; font: 9px "DM Mono"; }
.task-execution > div { display: grid; gap: 5px; }
.task-execution p { margin: 0; color: #657080; font-size: 10px; line-height: 1.5; }
.task-execution div p { display: flex; align-items: flex-start; gap: 5px; color: #565f70; }
.task-execution div svg { flex: none; width: 13px; margin-top: 1px; color: #38a477; }
.task-execution .task-empty { color: #9198a4; }
.lead-detail-modal { position: fixed; z-index: 32; top: 50%; left: 50%; width: min(610px, calc(100vw - 32px)); max-height: calc(100vh - 36px); overflow-y: auto; pointer-events: none; background: #fff; border: 1px solid #e4e4eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }
.lead-detail-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }
.lead-detail-shell { padding: 23px; }
.lead-detail-content { display: grid; gap: 12px; margin-top: 18px; }
.lead-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lead-detail-grid > div, .lead-detail-block { padding: 10px; background: #fbfbfd; border: 1px solid #ececf2; border-radius: 5px; }
.lead-detail-grid .wide { grid-column: 1 / -1; }
.lead-detail-grid span, .lead-detail-block > span { display: block; margin-bottom: 4px; color: #8c92a0; font: 9px "DM Mono"; }
.lead-detail-grid p, .lead-detail-block p { margin: 0; color: #515a6a; font-size: 11px; line-height: 1.65; white-space: pre-line; word-break: break-word; }
.lead-detail-grid a { color: #654bc8; }
.lead-detail-block.assessment { background: #f8f7fd; border-color: #e4def5; }
.lead-detail-block.assessment > span { color: #7257c7; }
.lead-detail-notice { margin: 0; color: #8b92a0; font-size: 10px; }
.followup-panel { background: #fff; }
.communication-panel { background: #fffdf9; border-color: #eee5d6; }
.communication-item { padding: 8px 0; border-bottom: 1px solid #eeeae3; }.communication-item:last-child { border-bottom: 0; }.communication-item b { color: #8a6436; font-size: 10px; }.communication-item span { margin-left: 6px; color: #a19a8e; font: 9px "DM Mono"; }.communication-item p { margin: 4px 0 2px; color: #606879; font-size: 10px; line-height: 1.55; white-space: pre-line; }.communication-item small { color: #847b6e; font-size: 9px; }.communication-form { display: grid; gap: 6px; margin-top: 9px; }.communication-form select, .communication-form textarea, .communication-form input:not([type="checkbox"]) { width: 100%; min-width: 0; padding: 7px; color: #4f586a; border: 1px solid #e1e3e8; border-radius: 4px; font: 10px "Noto Sans SC"; }.communication-form textarea { height: 55px; resize: vertical; }.communication-form label { color: #7d8490; font-size: 9px; }.communication-form button { display: flex; align-items: center; justify-content: center; gap: 4px; height: 29px; cursor: pointer; color: #fff; background: #8b6337; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.communication-form button svg { width: 12px; }
.outreach-panel { background: #fbfbff; border-color: #e6e1f5; }
.product-match-panel { background: #fbfdfb; border-color: #dfece4; }
.product-match-reason { margin: 0 0 8px; color: #66736d; font-size: 10px; line-height: 1.55; }
.product-match-list { display: grid; gap: 6px; }
.product-match-list article { padding: 8px; background: #fff; border: 1px solid #e5ebe7; border-radius: 4px; }
.product-match-list article header, .product-match-list article footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.product-match-list article header b { color: #27755b; font-size: 9px; }
.product-match-list article header span { color: #444e5a; font: 10px "DM Mono"; }
.product-match-list article p { margin: 6px 0; color: #69727e; font-size: 10px; line-height: 1.5; white-space: pre-line; }
.product-match-list article footer { align-items: flex-start; }
.product-match-list article footer strong { flex: none; color: #a16135; font: 10px "DM Mono"; }
.product-match-list article footer span { color: #8b929b; font-size: 9px; text-align: right; }
.generate-outreach { display: flex; align-items: center; gap: 4px; height: 25px; padding: 0 7px; cursor: pointer; color: #6248bd; background: #f0ecff; border: 1px solid #ded5ff; border-radius: 4px; font: 600 9px "Noto Sans SC"; }
.generate-outreach svg { width: 12px; }
.generate-outreach:disabled { opacity: .6; cursor: default; }
.outreach-meta { margin-bottom: 7px; color: #887db0; font-size: 9px; }
.outreach-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 8px; }
.outreach-grid p, .outreach-check { margin: 0; color: #60697a; font-size: 10px; line-height: 1.55; }
.outreach-grid b, .outreach-check b { display: block; margin-bottom: 2px; color: #818998; font-size: 9px; }
.outreach-copy { margin-top: 6px; border: 1px solid #e7e5ee; border-radius: 4px; background: #fff; }
.outreach-copy summary { padding: 7px 8px; cursor: pointer; color: #565f70; font-size: 10px; }
.outreach-copy pre { margin: 0; padding: 0 8px 8px; overflow: auto; color: #606879; font: 10px/1.55 "Noto Sans SC"; white-space: pre-wrap; }
.outreach-check { margin-top: 8px; padding-top: 8px; border-top: 1px solid #e7e5ee; }
.outlook-panel { background: #f8fbff; border-color: #dbe8f3; }.outlook-review-form { display: grid; gap: 7px; }.outlook-review-form > label { display: grid; gap: 3px; color: #748191; font-size: 9px; }.outlook-review-form input:not([type="checkbox"]), .outlook-review-form textarea { width: 100%; min-width: 0; padding: 7px; color: #485565; border: 1px solid #dce4eb; border-radius: 4px; background: #fff; font: 10px "Noto Sans SC"; }.outlook-review-form textarea { height: 120px; resize: vertical; }.outlook-review-form .outlook-check { display: flex; align-items: flex-start; gap: 6px; padding: 7px; color: #596d80; background: #eff6fb; border: 1px solid #dceaf3; border-radius: 4px; line-height: 1.55; }.outlook-check input { margin: 2px 0 0; }.outlook-review-form button, .outlook-draft-list button { height: 30px; cursor: pointer; color: #fff; background: #3d6f8e; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.outlook-review-form button { display: flex; align-items: center; justify-content: center; gap: 5px; }.outlook-review-form button svg { width: 13px; }.outlook-draft-list { display: grid; gap: 5px; margin-top: 9px; }.outlook-draft-list article { display: flex; align-items: center; gap: 8px; padding: 8px; background: #fff; border: 1px solid #dfe8ef; border-radius: 4px; }.outlook-draft-list article > div { flex: 1; min-width: 0; }.outlook-draft-list b, .outlook-draft-list span { display: block; }.outlook-draft-list b { overflow: hidden; color: #506070; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.outlook-draft-list span { margin-top: 2px; color: #8996a4; font-size: 9px; }.outlook-draft-list button { height: 26px; padding: 0 7px; color: #3b647d; background: #eff7fc; border: 1px solid #d6e8f2; font-size: 9px; }.outlook-draft-list em { color: #398061; font-size: 9px; font-style: normal; }
.followup-panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.followup-panel-header b { color: #9b93bc; font-size: 9px; font-weight: 500; }
.followup-item { display: flex; gap: 8px; padding: 8px 0; border-bottom: 1px solid #eff0f3; }
.followup-item:last-child { border-bottom: 0; }
.followup-toggle { flex: none; width: 20px; height: 20px; padding: 0; cursor: pointer; color: #836bd0; background: #f5f2ff; border: 0; border-radius: 50%; }
.followup-toggle svg { width: 14px; margin-top: 3px; }
.followup-item > div { min-width: 0; }
.followup-item b, .followup-item span, .followup-item p { display: block; }
.followup-item b { color: #495265; font-size: 10px; }
.followup-item span { margin-top: 2px; color: #8b92a0; font-size: 9px; }
.followup-item p { margin: 3px 0 0; color: #737b89; font-size: 10px; }
.followup-item.complete b { color: #9da3ad; text-decoration: line-through; }
.followup-loading { margin: 0; color: #8d94a1; font-size: 10px; }
.followup-form { display: grid; grid-template-columns: minmax(0, 1fr) 108px 105px auto; gap: 6px; margin-top: 10px; }
.followup-form input, .followup-form select { min-width: 0; height: 29px; padding: 0 7px; color: #4f586a; background: #fff; border: 1px solid #e0e2e9; border-radius: 4px; font: 10px "Noto Sans SC"; }
.followup-form button { display: flex; align-items: center; justify-content: center; gap: 4px; height: 29px; padding: 0 8px; cursor: pointer; color: #fff; background: #2d3559; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }
.followup-form button svg { width: 12px; }
.lead-detail-backdrop { position: fixed; inset: 0; z-index: 31; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }
.lead-detail-backdrop.show { pointer-events: auto; opacity: 1; }
.search-modal { position: fixed; z-index: 30; top: 50%; left: 50%; width: min(790px, calc(100vw - 32px)); max-height: calc(100vh - 36px); overflow-y: auto; pointer-events: none; background: #fff; border: 1px solid #e4e4eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }
.search-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }
.search-shell { padding: 23px; }
.search-form { display: flex; gap: 8px; margin: 18px 0; }
.search-form input { flex: 1; min-width: 0; height: 36px; padding: 0 10px; color: #30394c; border: 1px solid #dfe1e8; border-radius: 5px; outline: 0; font: 12px "Noto Sans SC"; }
.search-form input:focus { border-color: #977ce8; box-shadow: 0 0 0 3px #8b71e81a; }
.search-form button { display: flex; align-items: center; gap: 5px; padding: 0 11px; cursor: pointer; color: #fff; background: #2e3559; border: 0; border-radius: 5px; font: 600 11px "Noto Sans SC"; }
.search-form button svg { width: 14px; }
.search-progress { display: flex; align-items: center; gap: 8px; padding: 11px; color: #596174; background: #f6f5fb; border-radius: 5px; font-size: 11px; }
.search-progress[hidden] { display: none; }
.search-progress svg { width: 15px; color: #7357e4; animation: spin 1s linear infinite; }
.candidate-list { display: grid; gap: 10px; }
.candidate-card { padding: 13px; border: 1px solid #e7e8ee; border-radius: 6px; }
.candidate-card header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.candidate-card h3 { margin: 0 0 3px; color: #30384a; font-size: 13px; }
.candidate-card header p { margin: 0; color: #89909c; font-size: 10px; }
.candidate-score { min-width: 34px; padding: 5px; color: #b9682d; background: #fff1e7; border-radius: 4px; font: 11px "DM Mono"; text-align: center; }
.candidate-details { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; margin: 11px 0; }
.candidate-details p { margin: 0; color: #626b7b; font-size: 10px; line-height: 1.55; }
.candidate-details b { display: block; margin-bottom: 2px; color: #9298a4; font-size: 9px; }
.candidate-evaluation { margin: 11px 0; padding: 10px; background: #f8f8fc; border: 1px solid #e6e4f4; border-radius: 5px; }
.candidate-evaluation header { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }
.candidate-evaluation header span { color: #806cbb; font: 9px "DM Mono"; }
.candidate-evaluation header b { color: #4b4564; font-size: 10px; }
.candidate-evaluation > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; }
.candidate-evaluation p { margin: 0; color: #626b7b; font-size: 10px; line-height: 1.55; }
.candidate-evaluation p b { display: block; margin-bottom: 2px; color: #858c9d; font-size: 9px; }
.candidate-evaluation p i { margin-left: 4px; color: #8e6bd1; font-style: normal; }
.candidate-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 10px; border-top: 1px solid #eff0f3; }
.candidate-footer a { max-width: 65%; overflow: hidden; color: #6950d7; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.candidate-actions { display: flex; gap: 7px; }
.candidate-actions button { height: 27px; padding: 0 8px; cursor: pointer; border-radius: 4px; font: 600 10px "Noto Sans SC"; }
.candidate-save { color: #fff; background: #2e3559; border: 0; }.candidate-ignore { color: #747b89; background: #fff; border: 1px solid #dde0e7; }.candidate-evaluate { color: #5f46bd; background: #f4f1ff; border: 1px solid #ded5ff; }.candidate-actions button:disabled { opacity: .55; cursor: default; }
.search-backdrop { position: fixed; inset: 0; z-index: 29; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }.search-backdrop.show { pointer-events: auto; opacity: 1; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 610px) { .candidate-details, .candidate-evaluation > div { grid-template-columns: 1fr; } .candidate-footer { align-items: flex-start; flex-direction: column; } .candidate-actions { flex-wrap: wrap; } .lead-actions { gap: 5px; } .search-lead-button, .add-lead-button { padding: 0 7px; } }
@media (max-width: 610px) { .lead-form-grid, .lead-detail-grid, .followup-form, .outreach-grid, .marketing-form, .marketing-draft-grid, .finance-metrics { grid-template-columns: 1fr; } .lead-form-grid .wide, .lead-detail-grid .wide { grid-column: auto; } .lead-table th:nth-child(3), .lead-table td:nth-child(3) { display: none; } }
.mini-avatar.amber { color: #fff; background: #d4a233; }
.chat-modal { position: fixed; z-index: 30; top: 50%; left: 50%; width: min(760px, calc(100vw - 32px)); height: min(700px, calc(100vh - 36px)); overflow: hidden; pointer-events: none; background: #fff; border: 1px solid #e4e4eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }
.chat-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }
.chat-backdrop { position: fixed; inset: 0; z-index: 29; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }
.chat-backdrop.show { pointer-events: auto; opacity: 1; }
.chat-shell { display: flex; flex-direction: column; height: 100%; }
.chat-header { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; border-bottom: 1px solid #e9eaf0; }
.chat-title { display: flex; align-items: center; gap: 10px; }
.chat-title h2 { font-size: 16px; }
.chat-title .eyebrow { margin-bottom: 3px; }
.chat-title span { color: #8d94a2; font-size: 10px; }
.chat-title span i { display: inline-block; width: 6px; height: 6px; margin-right: 3px; background: #32b88b; border-radius: 50%; }
.chat-ceo { width: 34px; height: 34px; background: #8e6efa; font-size: 12px; }
.participant-strip { display: flex; align-items: center; gap: 5px; padding: 10px 22px; background: #fbfbfd; border-bottom: 1px solid #eff0f3; }
.participant-strip .mini-avatar { margin: 0; }
.participant-strip p { margin: 0 0 0 7px; color: #89909d; font-size: 10px; }
.chat-log { flex: 1; padding: 20px 22px; overflow-y: auto; background: #fff; }
.chat-message { display: flex; gap: 9px; margin-bottom: 18px; }
.chat-message.user { flex-direction: row-reverse; }
.chat-message .avatar { flex: none; width: 29px; height: 29px; font-size: 10px; }
.chat-message .message-content { max-width: 76%; }
.chat-message.user .message-content { display: flex; flex-direction: column; align-items: flex-end; }
.message-meta { display: flex; gap: 6px; margin-bottom: 5px; color: #9097a3; font-size: 10px; }
.message-meta b { color: #454d5e; font-size: 10px; }
.message-bubble { padding: 10px 12px; color: #414a5c; background: #f5f5f9; border-radius: 3px 9px 9px 9px; font-size: 12px; line-height: 1.7; }
.chat-message.user .message-bubble { color: #fff; background: #38335d; border-radius: 9px 3px 9px 9px; }
.chat-composer { padding: 13px 16px 12px; background: #fbfbfc; border-top: 1px solid #e9eaf0; }
.chat-composer textarea { display: block; width: 100%; height: 48px; padding: 8px; color: #273047; resize: none; background: transparent; border: 0; outline: 0; font: 12px "Noto Sans SC"; }
.chat-composer > div { display: flex; align-items: center; justify-content: space-between; padding: 0 4px; color: #a0a5af; font-size: 9px; }
.chat-composer button { display: grid; width: 28px; height: 28px; cursor: pointer; color: #fff; background: #2e3458; border: 0; border-radius: 5px; place-items: center; }
.chat-composer button svg { width: 14px; }
.memory-workbench { margin-top: 20px; }.memory-form { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 8px; }.memory-form select, .memory-form input { min-width: 0; height: 32px; padding: 0 8px; color: #535d6e; border: 1px solid #e1e3e9; border-radius: 4px; font: 10px "Noto Sans SC"; }.memory-form button { display: flex; align-items: center; gap: 4px; height: 32px; padding: 0 9px; cursor: pointer; color: #fff; background: #5e4b98; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.memory-form button svg { width: 13px; }.memory-list { display: grid; gap: 6px; margin-top: 9px; }.memory-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; background: #fff; border: 1px solid #e7e8ee; border-radius: 5px; }.memory-item b { color: #5d4c95; font-size: 10px; }.memory-item p { margin: 3px 0 0; color: #6e7684; font-size: 10px; }.memory-item label { flex: none; color: #7c8490; font-size: 9px; }.memory-item.inactive { opacity: .5; }
@media (max-width: 610px) { .chat-modal { width: calc(100vw - 18px); height: calc(100vh - 18px); } .participant-strip p { display: none; } .chat-log { padding: 18px 14px; } .chat-header { padding: 16px; } }
.quote-items article { flex-wrap: wrap; }.quote-items article > b { min-width: 110px; flex: 1; }.quote-items label { display: flex; align-items: center; gap: 4px; color: #89919e; font-size: 9px; }.quote-items input { width: 64px; height: 25px; padding: 0 5px; color: #505969; border: 1px solid #e1e3e9; border-radius: 3px; font: 9px "DM Mono"; }.quote-list article > div { flex: 1; min-width: 0; }.quote-list article { justify-content: flex-start; }.record-actions { display: flex; gap: 5px; }.quote-list article button, .order-list .accent { color: #2f5d66; background: #eef7f6; border: 1px solid #d9ebe8; }.quote-list article button.accent, .order-list .accent { color: #fff; background: #2f5d66; border-color: #2f5d66; }.quote-list article button:disabled { opacity: .45; cursor: default; }
.order-list em { color: #8b6c32; font-size: 9px; font-style: normal; }.order-list article button { height: 28px; padding: 0 9px; cursor: pointer; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.order-detail-backdrop { position: fixed; inset: 0; z-index: 39; pointer-events: none; background: #1a203152; opacity: 0; transition: opacity .2s; }.order-detail-backdrop.show { pointer-events: auto; opacity: 1; }.order-detail-modal { position: fixed; z-index: 40; top: 50%; left: 50%; width: min(940px, calc(100vw - 30px)); max-height: calc(100vh - 34px); overflow: auto; pointer-events: none; background: #fff; border: 1px solid #e2e5eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }.order-detail-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }.order-detail-shell { padding: 20px; }.order-detail-shell > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #ebedf1; }.order-detail-shell h2 { margin: 3px 0 0; color: #374154; font-size: 16px; }.order-summary { display: grid; grid-template-columns: repeat(6, 1fr); gap: 7px; margin: 14px 0; }.order-summary div { padding: 9px; background: #f8f9fb; border: 1px solid #e8eaef; border-radius: 5px; }.order-summary span, .order-summary b { display: block; }.order-summary span { color: #8d95a1; font-size: 9px; }.order-summary b { margin-top: 4px; color: #455064; font: 10px "DM Mono"; }.detail-section { margin-top: 14px; padding-top: 14px; border-top: 1px solid #ebedf1; }.detail-section h3 { margin: 0 0 8px; color: #4e586a; font-size: 11px; }.detail-table { display: grid; gap: 5px; }.detail-table div, .payment-list div { display: flex; align-items: flex-start; gap: 10px; padding: 8px; background: #fbfbfd; border: 1px solid #ebedf1; border-radius: 4px; }.detail-table b, .payment-list b { min-width: 120px; color: #465061; font: 10px "DM Mono"; }.detail-table span, .payment-list span { color: #737d8b; font-size: 10px; line-height: 1.55; }.payment-list small { display: block; margin-top: 2px; color: #9a9faa; }.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.two-columns > div + div { padding-left: 18px; border-left: 1px solid #ebedf1; }.detail-form { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.detail-form label { display: grid; gap: 3px; color: #838b98; font-size: 9px; }.detail-form label.wide, .detail-form .profit-note, .detail-form button { grid-column: 1 / -1; }.detail-form input, .detail-form select, .detail-form textarea, .payment-form input, .payment-form select { min-width: 0; height: 29px; padding: 0 7px; color: #505969; border: 1px solid #e0e3e8; border-radius: 4px; font: 10px "Noto Sans SC"; }.detail-form textarea { height: 54px; padding-top: 6px; resize: vertical; }.detail-form button, .payment-form button { height: 30px; cursor: pointer; color: #fff; background: #2f5d66; border: 0; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.profit-note { margin: 2px 0; padding: 7px; color: #6c756f; background: #f4faf8; border: 1px solid #dceee8; border-radius: 4px; font-size: 9px; line-height: 1.5; }.payment-list { display: grid; gap: 5px; }.payment-form { display: grid; grid-template-columns: 1fr 130px 125px 1fr 1fr auto; gap: 6px; margin-top: 8px; }.payment-form button:disabled, .payment-form input:disabled, .payment-form select:disabled { opacity: .55; cursor: default; }
@media (max-width: 760px) { .quote-form { grid-template-columns: 1fr 1fr; }.quote-form > * { min-width: 0; }.quote-items article > b { min-width: 100%; }.order-summary { grid-template-columns: repeat(2, 1fr); }.two-columns { grid-template-columns: 1fr; }.two-columns > div + div { padding: 14px 0 0; border-top: 1px solid #ebedf1; border-left: 0; }.payment-form { grid-template-columns: 1fr 1fr; }.payment-form button { grid-column: 1 / -1; } }
.security-workbench { margin-top: 28px; }.security-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.security-card { padding: 12px; background: #fff; border: 1px solid #e7e9ee; border-radius: 6px; }.security-card h3 { margin: 0 0 8px; color: #4d5768; font-size: 11px; }.security-card p { margin: 0; color: #77808e; font-size: 10px; line-height: 1.6; }.security-list { display: grid; gap: 5px; }.security-list div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px; background: #fafbfd; border: 1px solid #eceef2; border-radius: 4px; }.security-list b, .security-list span { display: block; }.security-list b { color: #535e70; font-size: 10px; }.security-list span { margin-top: 2px; color: #89919e; font-size: 9px; }.security-list button, .member-form button { height: 27px; padding: 0 8px; cursor: pointer; color: #76533c; background: #fff5ee; border: 1px solid #f0ddd0; border-radius: 4px; font: 600 9px "Noto Sans SC"; }.member-form { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 6px; margin-top: 9px; }.member-form input { min-width: 0; height: 29px; padding: 0 7px; color: #505969; border: 1px solid #e0e3e8; border-radius: 4px; font: 10px "Noto Sans SC"; }.audit-list { max-height: 245px; overflow: auto; }.audit-list div { display: grid; grid-template-columns: 1fr auto; align-items: start; }.audit-list small { color: #a0a6b0; font-size: 8px; }.auth-backdrop { position: fixed; inset: 0; z-index: 80; background: #20264099; }.auth-modal { position: fixed; z-index: 81; top: 50%; left: 50%; width: min(390px, calc(100vw - 32px)); pointer-events: none; opacity: 0; transform: translate(-50%, -48%); transition: opacity .2s, transform .2s; }.auth-modal.open { pointer-events: auto; opacity: 1; transform: translate(-50%, -50%); }.auth-shell { display: grid; gap: 10px; padding: 24px; background: #fff; border: 1px solid #e4e6eb; border-radius: 8px; box-shadow: 0 22px 80px #1d22384d; }.auth-shell h2 { margin: 0; color: #374154; font-size: 18px; }.auth-shell > p { margin: 0; color: #76808e; font-size: 11px; line-height: 1.6; }.auth-shell label { display: grid; gap: 4px; color: #697384; font-size: 10px; }.auth-shell input { height: 34px; padding: 0 9px; color: #3e485a; border: 1px solid #dde1e8; border-radius: 4px; outline: 0; font: 12px "Noto Sans SC"; }.auth-shell input:focus { border-color: #7c68c9; box-shadow: 0 0 0 3px #826ed81c; }.auth-shell button { height: 35px; cursor: pointer; color: #fff; background: #2f5d66; border: 0; border-radius: 4px; font: 600 11px "Noto Sans SC"; }.auth-shell #auth-note { min-height: 16px; color: #ad633d; font-size: 10px; }.auth-shell #auth-note:empty { display: none; }
@media (max-width: 760px) { .security-grid { grid-template-columns: 1fr; }.member-form { grid-template-columns: 1fr; } }
.outlook-draft-list small { display: block; margin-top: 4px; color: #a06843; font-size: 9px; line-height: 1.45; word-break: break-word; }
.member-form select { min-width: 0; height: 29px; padding: 0 7px; color: #505969; border: 1px solid #e0e3e8; border-radius: 4px; background: #fff; font: 10px "Noto Sans SC"; }.smtp-card small { display: block; margin-top: 7px; color: #8b7770; font-size: 9px; line-height: 1.55; }
.brand .brand-mark { width: 28px; height: 28px; border-radius: 8px; object-fit: cover; box-shadow: 0 3px 8px #173c4226; }
.install-app-button { display: inline-flex; align-items: center; gap: 5px; height: 34px; padding: 0 10px; cursor: pointer; color: #345b67; background: #eff8f6; border: 1px solid #cce4dd; border-radius: 4px; font: 600 10px "Noto Sans SC"; }.install-app-button svg { width: 14px; }
@media (max-width: 760px) { body { min-width: 0; }.sidebar { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; width: 100%; height: 58px; padding: 0 12px; overflow-x: auto; background: #fff; border-right: 0; border-bottom: 1px solid #e7e9ee; }.brand { flex: none; margin: 0 12px 0 0; font-size: 12px; }.brand-mark { width: 26px; height: 26px; }.workspace-switcher, .sidebar-bottom { display: none; }.sidebar nav { display: flex; gap: 2px; margin: 0; }.sidebar .nav-item { flex: none; width: auto; padding: 8px 9px; font-size: 0; }.sidebar .nav-item svg { width: 17px; height: 17px; margin: 0; }.sidebar .nav-item span { display: none; } main { width: 100%; margin-left: 0; padding: 20px 14px 48px; }.header-actions { gap: 6px; }.header-actions .help-button { width: 34px; padding: 0; font-size: 0; }.header-actions .help-button svg { margin: 0; }.command-card { padding: 18px; }.command-footer { align-items: stretch; flex-direction: column; }.quick-goals { flex-wrap: wrap; }.launch-button { justify-content: center; }.content-grid { grid-template-columns: 1fr; }.right-column { display: grid; grid-template-columns: 1fr; }.team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.section-heading { gap: 10px; }.section-heading h2 { font-size: 16px; }.lead-table-wrap { overflow-x: auto; }.lead-table { min-width: 560px; }.token-totals { grid-template-columns: repeat(2, 1fr); }.token-rows p { grid-template-columns: 1fr auto; }.token-rows em { display: none; } }