.project-progress{height:6px;background:var(--line);border-radius:6px;min-width:100px;margin:6px 0}.project-progress span{display:block;height:100%;border-radius:6px;background:var(--teal)}
.project-timeline{padding:22px}.timeline-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:0 0 20px 220px}.project-timeline-row{display:grid;grid-template-columns:200px 1fr;gap:10px 20px;margin:18px 0}.project-timeline-row small{grid-column:2;color:var(--muted);font-size:11px}.timeline-track{background:var(--paper);height:26px;position:relative;border-radius:5px}.timeline-bar{position:absolute;background:var(--teal);border-radius:5px;height:26px;color:white;font-size:11px;display:flex;align-items:center;justify-content:center;min-width:20px}.timeline-bar.late{background:var(--orange)}
.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.checkbox-grid label,.check-label,.checkbox-stack label{display:flex!important;align-items:center;gap:9px;font-size:12px}.checkbox-grid input,.check-label input,.checkbox-stack input{width:16px!important;margin:0!important}.field-label{font-size:12px;font-weight:600}.checkbox-stack{display:grid;gap:18px}.project-activity{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.project-activity small{margin-left:12px;color:var(--muted)}.project-activity p{white-space:pre-wrap;line-height:1.6}
.report-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.report-presets{margin:5px 0 20px}.report-definition{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 20px}.card .report-definition{padding:0 22px}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.report-metric{background:white;border:1px solid var(--line);border-radius:10px;text-align:left;padding:18px;cursor:pointer;font:inherit;color:var(--ink)}.report-metric span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.report-metric strong{display:block;font-family:Manrope,sans-serif;font-size:28px;margin-top:8px}.report-metric.selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.trend-chart{padding:20px 20px 0}.trend-chart svg{width:100%;height:auto}.chart-legend{display:flex;gap:20px;font-size:12px;color:var(--muted);align-items:center}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.chart-legend small{margin-left:auto}.period-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:14px}.period-metrics>div small{font-size:11px;color:var(--muted)}.period-metrics>div strong{display:block;margin-top:10px;font-size:23px}.period-metrics .report-metric{padding:10px}.period-metrics .report-metric strong{font-size:23px}.watch-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.watch-metrics .report-metric{padding:12px}.watch-metrics .report-metric strong{font-size:22px}
.notification-bell{border:1px solid var(--line);border-radius:7px;background:white;display:flex;align-items:center;gap:7px;padding:7px 10px;color:var(--teal);cursor:pointer}.notification-bell svg{width:17px;height:17px}.notification-bell span{font-size:12px;font-weight:700}.notification-item{display:flex;gap:18px;padding:20px;border-bottom:1px solid var(--line);align-items:center}.notification-item.unread{background:#eef8f4}.notification-open{flex:1;text-align:left;border:0;background:transparent;font:inherit;cursor:pointer;color:var(--ink)}.notification-open strong,.notification-open span,.notification-open small{display:block}.notification-open strong{font-size:13px}.notification-open span{font-size:12px;line-height:1.6;margin-top:5px}.notification-open small{font-size:11px;color:var(--muted);margin-top:7px}.email-preview{padding:20px;border-bottom:1px solid var(--line)}.email-preview summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;line-height:1.5}.email-preview summary span{color:var(--muted);font-size:11px;flex-shrink:0}.email-preview pre,.conversation-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;line-height:1.7;background:var(--paper);padding:15px;border-radius:7px}.email-preview small{font-size:11px;color:var(--muted);display:block;overflow-wrap:anywhere;margin:12px 0}.message-address{color:var(--muted);font-size:11px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}.conversation-card{border:1px solid var(--line);border-radius:9px;padding:15px;margin:12px 0;background:white}.conversation-card.private-note{background:#fff8e8;border-color:#efe3c4}.conversation-card header{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.conversation-card header span{font-size:10px;font-weight:600;background:var(--paper);padding:4px 7px;border-radius:5px}.conversation-card header strong{font-size:12px}.conversation-card header small{font-size:10px;color:var(--muted);margin-left:auto}.conversation-card p{font-size:12px;white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.conversation-card details summary{font-size:11px;color:var(--muted);cursor:pointer}.message-subject{font-size:12px;font-weight:600;margin-top:12px}.delivery-label{font-size:10px;color:var(--orange)}.composer-header{margin:20px 0 12px}.composer-header strong{font-size:13px}
.transfer-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.transfer-cards h2{font-size:16px;margin-bottom:12px}.import-error{white-space:pre-wrap;line-height:1.8;color:var(--red);margin-top:20px}
@media(max-width:1100px){.report-filters{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}.watch-metrics{grid-template-columns:repeat(3,1fr)}.report-metrics{gap:10px}.filter-set{flex-wrap:wrap}}
@media(max-width:700px){.report-filters,.report-metrics{grid-template-columns:1fr 1fr}.period-metrics,.watch-metrics{grid-template-columns:1fr 1fr}.transfer-cards{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr}.project-timeline-row{grid-template-columns:1fr}.project-timeline-row small{grid-column:1}.timeline-scale{margin-left:0}.notification-item{flex-wrap:wrap}.email-preview summary{flex-direction:column;gap:5px}.report-presets{flex-wrap:wrap}.report-metric{padding:12px}}