.work-examples{padding-top:90px;padding-bottom:90px;color:#101b30}
.work-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#607089;margin-bottom:18px}
.work-examples-heading h2{font-size:clamp(36px,4.5vw,60px);line-height:1.06;letter-spacing:-.05em}
.work-examples-heading>p:last-child{color:#607089;font-size:17px;margin-top:20px}
.work-example-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-top:38px}
.work-professions{display:flex;flex-direction:column;gap:14px}
.work-professions button{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #e0e5ed;border-radius:18px;padding:24px;background:#f8fafc;color:#101b30;min-width:0;transition:background .2s,border-color .2s}
.work-professions button[aria-pressed=true]{background:#fff3df;border-color:#ff9902;box-shadow:0 0 0 2px #ff990215}
.work-professions button:hover{border-color:#ff9902}
.work-professions button>span{font-size:12px;color:#9b5b00}
.work-professions strong{font-size:20px;letter-spacing:-.025em}
.work-professions small{display:block;margin-top:6px;font-size:13px;color:#607089}
.work-professions b{margin-left:auto;font-weight:500;color:#ae6200}
.work-invoice-stage{padding:32px;background:#ff9902;border-radius:28px;box-shadow:inset 4px 5px 12px #93500038,inset -3px -3px 8px #fff1bd80}
.work-invoice{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 25px #96570025}
.work-invoice-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.work-invoice-top>strong{color:#e98200;font-size:24px;letter-spacing:-.02em}
.work-invoice-top>span{font-size:10px;color:#607089}
.work-invoice h3{font-size:21px;margin:24px 0 28px;letter-spacing:-.035em}
.work-invoice-label{font-size:9px;letter-spacing:.12em;color:#607089;margin-bottom:10px}
#work-line-items>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #edf0f4;font-size:13px}
#work-line-items strong{font-weight:600;white-space:nowrap}
.work-invoice-total{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #dce2e9;padding-top:20px;margin-top:10px;font-size:13px}
.work-invoice-total strong{font-size:26px;letter-spacing:-.04em}
.work-invoice-note{margin-top:28px;padding-top:18px;border-top:1px solid #edf0f4;font-size:11px;color:#607089}
.work-invoice-note span{color:#00865b;margin-right:6px}
.work-example-cta{text-align:center;margin-top:32px}
@media(max-width:760px){.work-examples{padding-top:44px;padding-bottom:44px}.work-examples-heading>p:last-child{font-size:14px;margin-top:14px}.work-example-layout{grid-template-columns:1fr;gap:18px;margin-top:24px}.work-professions{flex-direction:row;gap:7px}.work-professions button{justify-content:center;flex:1;padding:13px 6px;border-radius:100px}.work-professions strong{font-size:11px;letter-spacing:0}.work-professions small,.work-professions button>span,.work-professions b{display:none}.work-invoice-stage{padding:16px;border-radius:24px}.work-invoice{padding:22px 18px}.work-invoice h3{font-size:20px}.work-invoice-top>strong{font-size:22px}#work-line-items>div{font-size:12px}.work-example-cta{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.work-professions button{transition:none}}

.work-examples-heading>p:last-child{max-width:620px}
/* Letter-size sheet, following the generated invoice's Simple template. */
.work-invoice-stage{container-type:inline-size;padding:28px 36px 18px}
.work-invoice{aspect-ratio:8.5/11;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0;padding:6%;color:#1f2937;box-shadow:0 5px 18px #57360035;font-size:1.65cqw;line-height:1.5}
.work-document-header>strong{color:#ff9900;font-size:4.5cqw;font-weight:800;line-height:1.1}
.work-invoice .work-document-header h3{font-size:3.3cqw;line-height:1.15;font-weight:800;letter-spacing:-.03em;margin:5px 0 0}
.work-document-header p{text-align:right;font-size:1.4cqw;color:#6b7280;margin:5px 0 10px}
.work-bill-to{background:#ffefd6;padding:2.5% 3%;display:flex;flex-direction:column;gap:3px}
.work-bill-to>span:first-child{font-weight:600}.work-bill-to>span:last-child{color:#6b7280;font-size:1.4cqw}
.work-project-block{display:flex;flex-direction:column;gap:3px;margin:2.5% 0}
.work-project-block>span,.work-document-meta span{font-size:1.1cqw;color:#6b7280;letter-spacing:.07em}
.work-project-block strong,.work-document-meta strong{font-weight:600}
.work-document-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:2%}
.work-document-meta>div{display:flex;flex-direction:column;gap:3px}
.work-document-meta strong{font-size:1.35cqw}
.work-document-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:1.45cqw}
.work-document-table th{text-align:left;font-size:1.1cqw;letter-spacing:.06em;color:#6b7280;font-weight:600;padding:2% 1%;border-block:1px solid #d1d5db}
.work-document-table td{padding:2% 1%;border-bottom:1px solid #edf0f4;vertical-align:top}
.work-document-table th:first-child{width:5%}.work-document-table th:nth-child(2){width:47%}.work-document-table th:nth-child(3){width:8%}
.work-document-table th:nth-child(n+3),.work-document-table td:nth-child(n+3){text-align:right;white-space:nowrap}
.work-document-total{display:flex;justify-content:space-between;gap:15px;margin:2% 0 0 auto;width:37%;padding:2% 0;border-top:1px solid #d1d5db;font-weight:700}
.work-document-payment{margin-top:auto;padding-top:10%;font-size:1.4cqw}.work-document-payment strong{display:block;margin-bottom:5px}.work-document-payment p{margin:0;line-height:1.5}
.work-document-brand{display:flex;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:1.05cqw;margin-top:7%}.work-document-brand img{width:4.35cqw;height:auto}
.work-example-caption{text-align:center;color:#673700;font-size:10px;margin-top:12px}
@media(max-width:760px){.work-invoice-stage{padding:18px 20px 12px}.work-invoice .work-document-header h3{margin-top:3px}.work-document-header p{margin:3px 0 6px}.work-document-meta{gap:4px}}
/* Bold template: billboard heading and three-column parties row. */
.work-document-header{margin-bottom:5%}
.work-document-header>strong{display:block;font-size:13.7cqw;line-height:1;font-weight:800;letter-spacing:-.065em;color:#f97316}
.work-bold-parties{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4%;font-size:1.35cqw;line-height:1.6;margin-bottom:2%}
.work-bold-parties>div{display:flex;flex-direction:column;min-width:0}
.work-bold-parties strong{font-size:1.55cqw;font-weight:700}
.work-bold-parties .work-bold-label{font-size:1.15cqw;letter-spacing:.08em;color:#64748b;font-weight:600;margin-bottom:5px}
.work-bold-meta>span:not(.work-bold-label){display:flex;justify-content:space-between;gap:4px}
.work-bold-meta b{font-weight:500;white-space:nowrap}
.work-document-total{color:#f97316;font-size:2cqw;width:42%}
.work-document-payment>strong{font-size:1.2cqw;letter-spacing:.08em;color:#64748b}
.work-line-description{display:block;margin-top:3px;font-size:1.2cqw;line-height:1.45;color:#64748b;font-weight:400}
.work-document-footer{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:auto;padding-top:8%;font-size:1.4cqw}
.work-document-footer .work-document-payment{margin:0;padding:0}
.work-document-notes>strong{display:block;font-size:1.2cqw;letter-spacing:.08em;color:#64748b;margin-bottom:5px}
.work-document-notes p{margin:0;line-height:1.5}
@media(max-width:760px){.work-examples-heading>p:last-child{display:none}}
.work-area-panel[hidden]{display:none!important}
.work-app-preview{box-sizing:border-box;aspect-ratio:8.5/11;background:#f8fafc;border-radius:14px;padding:6%;color:#101b30;box-shadow:0 5px 18px #57360025;overflow:hidden}
.work-app-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:6%;border-bottom:1px solid #e0e5ed;font-size:2cqw;color:#607089}
.work-app-preview h3{font-size:5cqw;line-height:1.12;letter-spacing:-.045em;margin:8% 0 3%}
.work-app-subtitle{color:#607089;font-size:2.4cqw;margin-bottom:7%}
.work-finance-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.work-finance-stats>div{padding:12%;background:#e1f5eb;border-radius:12px}.work-finance-stats>div+div{background:#eee6ff}
.work-finance-stats span{display:block;font-size:2.3cqw;color:#516279}.work-finance-stats strong{display:block;font-size:6cqw;letter-spacing:-.05em;margin-top:8px;color:#008959}.work-finance-stats>div+div strong{color:#8b45cf}
.work-income-chart{background:#fff;border:1px solid #e7ebf0;border-radius:12px;margin-top:6%;padding:5%;font-size:2.5cqw;font-weight:600}
.work-chart-bars{height:28cqw;display:flex;gap:7%;align-items:end;margin-top:5%}.work-chart-bars>div{flex:1;height:100%;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;gap:8px}.work-chart-bars i{height:var(--bar);width:100%;background:#ffab30;border-radius:5px 5px 0 0}.work-chart-bars small{font-size:1.8cqw;color:#607089;font-weight:400}
.work-app-list{margin-top:7%;font-size:2.3cqw}.work-app-list h4{font-size:2.6cqw;margin:0 0 3%}.work-app-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e0e5ed;padding:5% 0}.work-app-list small{display:block;font-size:1.8cqw;color:#607089;margin-top:4px}.work-app-list b{font-size:1.9cqw;font-weight:600;white-space:nowrap}.work-status-paid{color:#008959}.work-status-sent{color:#8b45cf}
.work-contact-search{display:flex;justify-content:space-between;padding:4%;background:#fff;border:1px solid #e0e5ed;border-radius:10px;color:#8190a4;font-size:2.3cqw;margin-bottom:5%}
.work-contact{display:flex;align-items:center;gap:4%;padding:5% 0;border-bottom:1px solid #e0e5ed;font-size:2.8cqw}.work-contact>span:last-child{margin-left:auto;color:#607089}.work-contact small{display:block;color:#607089;font-size:2.2cqw;margin-top:4px}.work-avatar{display:grid;place-items:center;width:9cqw;height:9cqw;background:#ffecd0;color:#b76c00;border-radius:50%;font-size:2.5cqw;font-weight:600}.work-avatar.blue{background:#e1ebff;color:#2463ce}.work-avatar.green{background:#e1f5eb;color:#008959}.work-contact-detail{padding:5%;background:#fff;border:1px solid #e0e5ed;border-radius:0 0 12px 12px;margin-bottom:3%}.work-contact-detail>span{font-size:1.7cqw;letter-spacing:.08em;color:#607089}.work-contact-detail p{font-size:2.4cqw;margin:2% 0 5%}.work-contact-detail p:last-child{margin-bottom:0}
#work-panel-contacts h3{margin-top:5%}
#work-panel-contacts .work-app-subtitle{margin-bottom:4%}
#work-panel-contacts .work-contact{padding:3% 0}
#work-panel-contacts .work-contact-detail{padding:3% 5%}
#work-panel-contacts .work-contact-detail p{margin:1% 0 3%}
/* Compact static presentation of Finance.tsx / DashboardStatCard's finance layout.
   Labels and palette follow FINANCE_DEFAULT_STAT_COLORS; figures are sample data. */
.platform-finance-preview{background:#f8fafc}
.platform-finance-preview h3{font-size:6cqw;margin-top:6%}
.platform-finance-cards{display:grid;gap:3.5cqw}
.platform-finance-stat{display:flex;align-items:center;gap:5cqw;padding:4cqw;border-radius:3cqw;background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 20%,white),color-mix(in srgb,var(--stat-color) 7%,white));box-shadow:inset 2px 2px 4px #0000000d,inset -2px -2px 4px #ffffffcc,2px 3px 5px #152b4310}
.platform-stat-left{display:flex;flex-direction:column;align-items:center;gap:1.8cqw;flex:0 0 16cqw;color:var(--stat-color)}
.platform-stat-icon{display:grid;place-items:center;width:9cqw;height:9cqw;border-radius:2.5cqw;background:color-mix(in srgb,var(--stat-color) 20%,white);box-shadow:2px 2px 4px #0000001a,-2px -2px 4px #ffffffcc}
.platform-stat-icon svg{width:5cqw;height:5cqw}
.platform-stat-period{display:block;text-align:center;width:16cqw;padding:.7cqw 0;border-radius:100px;background:color-mix(in srgb,var(--stat-color) 35%,white);font-size:1.8cqw;font-weight:600;box-shadow:1px 1px 2px #00000026,-1px -1px 2px #ffffffcc}
.platform-stat-number>span{font-size:2.8cqw;font-weight:600}.platform-stat-number strong{display:block;font-size:6cqw;line-height:1.2;letter-spacing:-.035em;color:var(--stat-color);margin-top:1.4cqw}
.platform-finance-preview .work-app-subtitle{margin-bottom:4%}
.platform-finance-cards{gap:2.5cqw}
.platform-finance-stat{padding:2.8cqw 4cqw}
.platform-stat-icon{width:7.5cqw;height:7.5cqw}
.platform-stat-left{gap:1cqw}
/* ContactsList and ContactCard list-view styling with fictional contacts. */
#work-panel-contacts.platform-contacts-preview h3{font-size:6cqw;margin-top:6%}
.platform-contacts-inset{padding:4cqw;border-radius:3cqw;background:#f4f6f8;box-shadow:inset 2px 2px 4px #00000014,inset -2px -2px 4px #ffffffcc}
.platform-contacts-inset .work-contact-search{background:#f8fafc;border:0;box-shadow:inset 2px 2px 4px #00000014,inset -2px -2px 4px #ffffffcc}
.platform-contact-filter{display:inline-flex;align-items:center;gap:2cqw;background:#ff9900;color:#fff;padding:2cqw 3cqw;border-radius:3cqw;font-size:2.4cqw;font-weight:600;box-shadow:2px 2px 4px #00000019,-2px -2px 4px #ffffffcc;margin-bottom:4cqw}
.platform-contact-filter>span{background:#ffffff40;border-radius:50%;padding:0 1.3cqw}
.platform-contact-card{display:flex;gap:4cqw;padding:4cqw;background:#f8fafc;border-radius:3cqw;box-shadow:4px 4px 8px #00000019,-4px -4px 8px #ffffffcc;margin-bottom:4cqw}
.platform-contact-card:last-child{margin-bottom:0}.platform-contact-card .work-avatar{flex-shrink:0;border-radius:50%;box-shadow:2px 2px 4px #00000019,-2px -2px 4px #ffffffcc}
.platform-contact-info{display:flex;align-items:flex-start;flex-direction:column;gap:2cqw;min-width:0}.platform-contact-info>strong{font-size:3.3cqw;font-weight:600}.platform-contact-tag{background:#fff7eb;border:1px solid #ff99004d;border-radius:1.2cqw;font-size:2cqw;padding:.6cqw 1.5cqw;box-shadow:2px 2px 4px #00000010,-2px -2px 4px #ffffffcc}.platform-contact-email{font-size:2.2cqw;border:1px solid #e0e5ed;border-radius:1cqw;padding:.5cqw 1.2cqw}.platform-contact-phone{font-size:2.3cqw;color:#607089}
.platform-contact-info{gap:1.2cqw}
.platform-contact-card{padding:3cqw;margin-bottom:3cqw}
.platform-contacts-inset{padding:3cqw}
.platform-finance-preview{aspect-ratio:auto;min-height:117.4cqw;overflow:visible}
.platform-finance-preview .work-app-top{padding-bottom:3%}
.platform-finance-preview h3{margin:4% 0 2%;font-size:5cqw}
.platform-finance-preview .platform-finance-cards{grid-template-columns:1fr 1fr;gap:2cqw}
.platform-finance-preview .platform-finance-stat{padding:2.5cqw;gap:2cqw}
.platform-finance-preview .platform-stat-left{flex-basis:10cqw}
.platform-finance-preview .platform-stat-icon{width:6cqw;height:6cqw;border-radius:1.7cqw}
.platform-finance-preview .platform-stat-icon svg{width:3.5cqw;height:3.5cqw}
.platform-finance-preview .platform-stat-period{width:10cqw;font-size:1.4cqw}
.platform-finance-preview .platform-stat-number>span{font-size:1.9cqw}
.platform-finance-preview .platform-stat-number strong{font-size:4cqw;margin-top:.7cqw}
.platform-tax-card{margin-top:3cqw;padding:3cqw;border:1px solid #d1d5db;border-top:3px solid #f59e0b;border-radius:2cqw;background:linear-gradient(135deg,#fffbeb,#fff);font-size:2.2cqw}
.platform-tax-card>div{display:flex;justify-content:space-between;gap:6px}.platform-tax-card>div span{font-size:1.7cqw;color:#607089}.platform-tax-card small{display:block;font-size:1.7cqw;margin-top:2cqw}.platform-tax-card b{display:block;font-size:4cqw}.platform-tax-card p{margin:0;color:#607089;font-size:1.6cqw}
.platform-scoreboard{padding:3cqw;margin-top:3cqw;border-radius:3cqw;box-shadow:inset 2px 2px 6px #00000014,inset -2px -2px 6px #ffffffe6}
.scoreboard-heading{display:flex;justify-content:space-between;align-items:center;font-size:2.7cqw}.scoreboard-heading>span{font-size:1.8cqw;color:#607089}
.scoreboard-controls{display:flex;gap:6px;margin:2cqw 0}.scoreboard-controls button{flex:1;min-height:32px;border:0;border-radius:10px;background:#fff;color:#607089;font-size:max(10px,1.9cqw);box-shadow:2px 2px 4px #00000014,-2px -2px 4px white}.scoreboard-controls button[aria-pressed=true]{background:#fff0d6;color:#a35c00}
.scoreboard-plot{height:24cqw;display:flex;gap:2cqw}.scoreboard-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:1.7cqw;color:#607089;padding-bottom:3cqw}.scoreboard-bars{display:flex;flex:1;gap:7%;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#e0e5ed 50%)}.scoreboard-bars>div{display:flex;flex-direction:column;justify-content:end;align-items:center;flex:1;height:100%;gap:1cqw}.scoreboard-bars i{width:100%;background:var(--chart-color);border-radius:5px 5px 0 0;transform-origin:bottom;animation:scoreboard-rise .5s ease-out}.scoreboard-bars small{font-size:1.6cqw;color:#607089}.scoreboard-summary{font-size:1.6cqw;color:#607089;margin:2cqw 0 0}
@keyframes scoreboard-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.scoreboard-bars i{animation:none}}

#work-panel-contacts.platform-contacts-preview h3{margin-top:0}
#work-panel-contacts.platform-contacts-preview{aspect-ratio:auto}

#work-panel-finance.platform-finance-preview{min-height:0}
#work-panel-finance.platform-finance-preview h3{margin-top:0}