.dashboard{display:flex;flex-direction:column;gap:16px;padding:4px 0 24px}.periodBar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:4px}.periodLabel{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #e3e3e3;border-radius:8px;font-size:13px;font-weight:500;color:#202223;background:#fff}.periodLabel svg{width:15px;height:15px;color:#6d7175}.topRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpiRow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chartsRow{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.bottomRow{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.card{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.connCard{display:flex;gap:20px;align-items:flex-start}.connIcon{width:56px;height:56px;border-radius:50%;background:#f0fdf4;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connIcon svg{width:28px;height:28px}.connIconDisconnected{background:#fef2f2;color:#dc2626}.connInfo{flex:1;min-width:0}.connHeader{display:flex;align-items:center;gap:10px;margin-bottom:14px}.connTitle{font-size:15px;font-weight:600;color:#202223;margin:0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badgeGreen{background:#d1fae5;color:#065f46}.badgeRed{background:#fee2e2;color:#991b1b}.badgeYellow{background:#fef3c7;color:#92400e}.connFields{display:flex;flex-direction:column;gap:10px}.connFieldLabel{font-size:12px;color:#8c9196;margin:0 0 2px}.connFieldValue{font-size:13px;font-weight:500;color:#202223;margin:0}.tmLink{color:#5c6ac4;text-decoration:none}.tmLink:hover{text-decoration:underline}.disconnectForm{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.disconnectBtn{background:none;border:1px solid #d72c0d;border-radius:6px;color:#d72c0d;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background .15s,color .15s}.disconnectBtn:hover{background:#fff4f4}.connectAccountBtn{display:inline-flex;align-items:center;gap:4px;background:#5c6ac4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;text-decoration:none;transition:background .15s}.connectAccountBtn:hover{background:#4959bd}@media(prefers-color-scheme:dark){.disconnectBtn{border-color:#ff6b6b;color:#ff6b6b}.disconnectBtn:hover{background:#ff6b6b1a}.badgeYellow{background:#78350f;color:#fef3c7}}.quickActionsTitle{font-size:15px;font-weight:600;color:#202223;margin:0 0 14px}.actionsList{display:flex;flex-direction:column;gap:10px}.actionBtn{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .12s,background .12s}.actionBtn:hover{background:#f8f8ff;border-color:#7c6af7}.actionIconBox{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.actionIconBox svg{width:18px;height:18px}.actionText{flex:1;text-align:left}.actionTitle{font-size:13px;font-weight:600;color:#202223;margin:0 0 2px}.actionSub{font-size:12px;color:#8c9196;margin:0}.actionArrow{color:#8c9196}.actionArrow svg{width:15px;height:15px;display:block}.kpiHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.kpiLabel{font-size:13px;color:#6d7175;font-weight:500;margin:0}.kpiIconBox{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpiIconBox svg{width:22px;height:22px}.kpiValue{font-size:32px;font-weight:700;margin:0 0 8px;line-height:1.1}.kpiChange{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;flex-wrap:wrap}.kpiChangePeriod{color:#8c9196;font-weight:400;margin-left:2px}.kpiUp{color:#16a34a}.kpiDown{color:#dc2626}.kpiNeutral{color:#8c9196}.kpiPurple .kpiValue{color:#5c6ac4}.kpiPurple .kpiIconBox{background:#f0edff;color:#5c6ac4}.kpiBlue .kpiValue{color:#2c6ecb}.kpiBlue .kpiIconBox{background:#ebf5ff;color:#2c6ecb}.kpiRed .kpiValue{color:#d72c0d}.kpiRed .kpiIconBox{background:#fff4f4;color:#d72c0d}.kpiGreen .kpiValue{color:#008060}.kpiGreen .kpiIconBox{background:#f0fdf4;color:#008060}.chartCardHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chartTitle{font-size:15px;font-weight:600;color:#202223;margin:0}.periodPill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1px solid #e3e3e3;border-radius:6px;font-size:12px;color:#6d7175;background:#fafafa}.lineChartSvg{width:100%;height:auto;display:block;overflow:visible}.donutWrapper{display:flex;align-items:center;gap:20px}.donutSvg{width:160px;height:160px;flex-shrink:0}.donutLegend{flex:1;display:flex;flex-direction:column;gap:10px}.legendItem{display:flex;align-items:center;gap:8px}.legendDot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legendLabel{font-size:13px;color:#6d7175;flex:1}.legendCount{font-size:13px;font-weight:600;color:#202223}.legendPct{font-size:12px;color:#8c9196;margin-left:3px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionTitle{font-size:15px;font-weight:600;color:#202223;margin:0}.viewAllLink{font-size:13px;color:#5c6ac4;text-decoration:none;font-weight:500}.viewAllLink:hover{text-decoration:underline}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 10px;font-size:12px;font-weight:600;color:#6d7175;border-bottom:1px solid #e3e3e3;white-space:nowrap}.table td{padding:11px 10px;border-bottom:1px solid #f6f6f7;color:#202223;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#fafafa}.orderCell{font-weight:600}.statusBadge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.sEmailSent{background:#d1fae5;color:#065f46}.sGenerated{background:#ede9fe;color:#5b21b6}.sFailed{background:#fee2e2;color:#991b1b}.sGenerating{background:#dbeafe;color:#1e40af}.sPending{background:#f3f4f6;color:#6b7280}.eyeBtn{background:none;border:none;cursor:pointer;color:#8c9196;padding:4px;border-radius:4px;display:flex;align-items:center}.eyeBtn:hover{color:#5c6ac4;background:#f0edff}.eyeBtn svg{width:15px;height:15px}.activityList{display:flex;flex-direction:column;gap:0}.activityItem{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #f6f6f7}.activityItem:last-child{border-bottom:none}.activityIcon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activityIcon svg{width:16px;height:16px}.aiSuccess{background:#d1fae5;color:#16a34a}.aiFailed{background:#fee2e2;color:#dc2626}.aiDocument{background:#ede9fe;color:#5c6ac4}.aiEmail{background:#dbeafe;color:#2c6ecb}.aiWebhook{background:#f0fdf4;color:#16a34a}.activityContent{flex:1;min-width:0}.activityTitle{font-size:13px;font-weight:600;color:#202223;margin:0 0 2px}.activitySub{font-size:12px;color:#6d7175;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activityTime{font-size:12px;color:#8c9196;white-space:nowrap;flex-shrink:0;padding-top:2px}.emptyState{text-align:center;padding:32px 16px;color:#8c9196;font-size:13px}