.intro{padding-bottom:30px}.dashboard{padding-bottom:55px}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;background:var(--ink);color:#fff;border-radius:9px 9px 0 0}.dashboard-heading .eyebrow{color:#c0d5b6;margin-bottom:10px;font-size:9px}.dashboard-heading h2{font:700 clamp(23px,3vw,32px)/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px}.dashboard-heading p:last-child{font-size:12px;color:#c8d7ce;margin:0}.sample-pill{flex-shrink:0;border:1px solid #6c8c78;background:#304e3d;color:#e4efdf;border-radius:30px;font-size:9px;font-weight:700;letter-spacing:1px;padding:7px 12px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:14px;padding:24px 25px;background:#e9eee4;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px}.filters label{font-size:11px;margin:0}.filters select{font-size:12px;padding:10px 8px}.filters .button{font-size:11px;min-height:42px;padding:10px 13px}.filter-summary{font-size:12px;color:var(--muted);margin:18px 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi{padding:23px;background:white;border:1px solid var(--line);border-radius:7px;border-top:3px solid var(--green)}.kpi>span{font-size:12px;font-weight:600}.kpi strong{display:block;font:800 clamp(30px,3.4vw,42px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-1.5px;margin:14px 0 12px}.kpi small{font-size:10px;line-height:1.6;color:var(--muted);display:block}.chart-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:22px}.chart-grid .panel{padding:25px;min-width:0}.chart-heading{margin-bottom:20px}.chart-heading h3,.records h3{font:700 17px/1.4 'Manrope',Arial,sans-serif;letter-spacing:-.3px;margin:0 0 4px}.chart-heading>span{font-size:10px;color:var(--muted)}.legend{display:flex;gap:20px;font-size:10px;margin-bottom:16px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;background:var(--green);border-radius:2px}.legend i.light{background:#b4cba4}.trend{height:210px;display:flex;align-items:stretch;gap:14px;padding-top:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf1e9 49px,#edf1e9 50px)}.month{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.bar-pair{height:160px;display:flex;gap:5px;align-items:flex-end;justify-content:center}.bar{width:28px;max-width:42%;min-height:0;background:var(--green);position:relative;border-radius:3px 3px 0 0}.bar.booked{background:#b4cba4}.bar b{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:600}.month>span{text-align:center;background:#fff;font-size:10px;padding:12px 0 3px}.chart-note{font-size:11px;color:var(--muted);line-height:1.7;margin:17px 0 0}.breakdown{display:grid;gap:19px}.breakdown-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.breakdown-row strong{font-size:12px}.track{height:9px;border-radius:3px;background:#edf1e8;overflow:hidden}.track>span{display:block;height:100%;background:var(--green);border-radius:3px}.breakdown-row small{font-size:10px;color:var(--muted);margin-top:5px;display:block}.lower-grid{grid-template-columns:1fr 1.35fr}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stage-tile{background:var(--paper);border-radius:5px;padding:15px 12px;border:1px solid var(--line)}.stage-tile strong{display:block;font:700 27px 'Manrope',Arial,sans-serif;margin-bottom:8px}.stage-tile span{display:block;font-size:10px;line-height:1.5}.stage-tile:first-child{background:#fbf3df;border-color:#e1d6b4}.records-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.records-heading p{font-size:12px;max-width:550px;color:var(--muted);margin:8px 0 0}.records-heading .button{flex-shrink:0;font-size:11px}.search-label{max-width:390px;margin:22px 0 0}.search-label input{font-size:12px}.records #record-count{margin:12px 0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}th{background:var(--soft);color:#425245;font-size:10px;font-weight:600}th,td{padding:13px 15px;border-bottom:1px solid #e4e9e1}tbody tr:last-child td{border:0}tbody tr:hover{background:#f7f9f3}.stage-badge{padding:4px 7px;border-radius:4px;background:#edf1e9;font-size:10px}.stage-badge.booked{background:#dfebd7;color:#31572f}.stage-badge.new{background:#fbf0d6;color:#6d541f}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:20px}.pagination .button{font-size:10px;padding:8px 13px}.pagination span{font-size:11px;color:var(--muted)}.no-records{text-align:center;padding:35px;color:var(--muted)}
@media(max-width:1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters .button{justify-self:start}.kpi{padding:19px}.chart-grid,.lower-grid{grid-template-columns:1fr 1fr}.stage-grid{grid-template-columns:1fr 1fr}.records-heading{flex-direction:column;gap:18px}}
@media(max-width:700px){.dashboard-heading{padding:24px;align-items:start}.sample-pill{font-size:8px;padding:5px 8px}.dashboard-heading .eyebrow{max-width:200px;line-height:1.8}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.kpi strong{font-size:32px}.chart-grid,.lower-grid{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.chart-grid .panel{padding:22px}.stage-grid{grid-template-columns:repeat(4,1fr)}.filters{padding:20px;gap:15px}.records{padding:22px}.records-heading .button{white-space:normal}.pagination{justify-content:space-between;gap:8px}.stage-tile{padding:12px 8px}}
@media(max-width:400px){.dashboard-heading{display:block}.sample-pill{display:inline-block;margin-top:15px}.kpi{padding:17px}.kpi>span{font-size:11px}.kpi strong{font-size:29px}.stage-grid{grid-template-columns:1fr 1fr}.trend{gap:8px}.bar-pair{gap:4px}.filters select{font-size:11px}}