:root{
  --charcoal:#2f333b;--charcoal-deep:#23272e;--coral:#e97770;--coral-dark:#d96760;
  --coral-soft:#fff3f1;--paper:#fff;--canvas:#f4f5f7;--line:#e2e5e9;
  --muted:#767d87;--ink:#282c33;--shadow:0 18px 50px rgba(31,36,43,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Source Sans 3","Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:32px 22px 24px;color:#fff;background:var(--charcoal-deep);display:flex;flex-direction:column;z-index:10}
.brand-lockup{display:flex;align-items:center;gap:13px;padding:0 8px 31px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand-mark{width:42px;height:42px;border:2px solid var(--coral);border-radius:9px;display:grid;place-items:center;color:var(--coral);font-size:26px;font-weight:800;letter-spacing:-.08em}
.brand-lockup strong{display:block;font-size:18px;letter-spacing:.09em}.brand-lockup small{display:block;margin-top:3px;color:#aeb3bb;font-size:15px;letter-spacing:.04em}
.sidebar-nav{display:grid;gap:6px;padding:28px 0}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:8px;color:#b9bec6;font-size:18px;font-weight:600;transition:.18s ease}.nav-link span{color:#737b86;font-size:14px;font-weight:700;letter-spacing:.08em}.nav-link:hover,.nav-link:focus-visible{color:#fff;background:rgba(255,255,255,.07);outline:none}.nav-link.active{color:#fff;background:rgba(233,119,112,.16);box-shadow:inset 3px 0 0 var(--coral)}.nav-link.active span{color:var(--coral)}
.sidebar-note{margin-top:auto;padding:16px 13px;display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035)}.status-dot{flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#7dc39a;box-shadow:0 0 0 4px rgba(125,195,154,.12)}.sidebar-note strong{font-size:16px}.sidebar-note p{margin:5px 0 0;color:#959ca6;font-size:15px;line-height:1.55}.powered-by{margin:17px 2px 0;text-align:center;color:#777f8a;font-size:14px;letter-spacing:.03em}.powered-by span{color:var(--coral)}
.dashboard-main{min-width:0}.topbar{height:102px;padding:0 clamp(31px,calc(4vw + 3px),67px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
.eyebrow{margin:0 0 6px;color:#8b929b;font-size:14px;font-weight:800;letter-spacing:.17em}.eyebrow.coral{color:var(--coral-dark)}.topbar h1{margin:0;font-size:32px;letter-spacing:-.035em}.dashboard-content{width:min(1280px,calc(100% - clamp(40px,6vw,96px)));margin:38px auto 0}
.primary-action,.secondary-action,.text-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:7px;font-size:17px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-action{padding:0 20px;color:#fff;background:var(--coral);box-shadow:0 10px 25px rgba(217,103,96,.23)}.primary-action:hover,.primary-action:focus-visible{transform:translateY(-1px);background:var(--coral-dark);box-shadow:0 13px 28px rgba(217,103,96,.3);outline:none}.compact-action{min-height:42px;padding:0 17px}.secondary-action{min-height:40px;padding:0 15px;color:var(--charcoal);border:1px solid var(--line);background:#fff}.secondary-action:hover,.secondary-action:focus-visible{border-color:#c7cbd1;background:#fafafa;outline:none}.text-action{min-height:auto;padding:10px 2px;color:var(--charcoal)}.text-action:hover,.text-action:focus-visible{color:var(--coral-dark);outline:none}
.welcome-card{min-height:330px;padding:clamp(34px,4.5vw,60px);display:grid;grid-template-columns:1fr;align-items:center;overflow:hidden;border:1px solid #eceef1;border-radius:13px;background:var(--paper);box-shadow:var(--shadow);position:relative}.welcome-card:before{content:"";position:absolute;inset:0 0 0 auto;width:38%;background:linear-gradient(135deg,transparent,var(--coral-soft));pointer-events:none}.welcome-copy{position:relative;z-index:1;min-width:0}.welcome-copy h2{max-width:700px;margin:0;color:var(--charcoal);font-size:clamp(35px,calc(3.4vw + 4px),51px);line-height:1.12;letter-spacing:-.045em}.welcome-copy>p:not(.eyebrow){max-width:none;margin:18px 0 0;color:var(--muted);font-size:19px;line-height:1.7}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:28px}
.stats-grid{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat-card{min-height:142px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:4px;border:1px solid var(--line);border-radius:10px;background:#fff}.stat-label{align-self:start;color:var(--charcoal);font-size:17px;font-weight:700}.stat-card strong{grid-row:1/span 2;grid-column:2;align-self:center;color:var(--charcoal);font-size:42px;line-height:1;letter-spacing:-.05em}.stat-card small{align-self:end;color:var(--muted);font-size:15px}
.orders-card,.workflow-card{border:1px solid var(--line);border-radius:11px;background:#fff}.section-title-row{padding:25px 27px 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;border-bottom:1px solid var(--line)}.orders-search{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(220px,100%);min-width:0}.orders-search-field{position:relative;width:100%}.orders-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#9aa1aa;pointer-events:none;display:grid;place-items:center}.orders-search-icon svg{display:block;width:14px;height:14px}.orders-search-input{width:100%;height:36px;padding:0 11px 0 32px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;outline:none}.orders-search-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(233,119,112,.12)}.orders-search-count{margin:0;color:var(--muted);font-size:12px;font-weight:600;line-height:1.3}.orders-table tbody tr.is-search-match td{background:#fff8f6;border-left:0;border-right:0;box-shadow:none}.orders-table tbody tr.is-search-selected td{background:#ffece8;border-left:0;border-right:0;box-shadow:none}.orders-table tbody tr.is-search-selected td:first-child{box-shadow:inset 3px 0 0 var(--coral)}.section-title-row h2,.workflow-card h2{margin:0;font-size:24px;letter-spacing:-.025em}.api-status-notice{margin:0;padding:12px 27px;border-bottom:1px solid #f0e2c8;background:#fff8e8;color:#7a5a16;font-size:16px;font-weight:600}.orders-table-wrap{overflow-x:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c5cad1 transparent}.orders-table-wrap::-webkit-scrollbar{width:8px;height:8px}.orders-table-wrap::-webkit-scrollbar-track{background:transparent}.orders-table-wrap::-webkit-scrollbar-thumb{background:#c5cad1;border-radius:999px}.orders-table{width:100%;min-width:820px;border-collapse:collapse}.orders-table thead th{position:sticky;top:0;z-index:2;background:#fafbfc}.orders-table th{padding:11px 20px;color:#8a919a;background:#fafbfc;text-align:left;vertical-align:middle;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.orders-table th .sort-button{display:inline-flex;align-items:center;gap:.35em;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;cursor:pointer;white-space:nowrap}.orders-table th .sort-button:hover,.orders-table th .sort-button:focus-visible{color:var(--charcoal);outline:none}.orders-table th .sort-indicator{flex:0 0 auto;font-size:.9em;line-height:1}.orders-table td{padding:12px 20px;border-top:1px solid #eceef1;color:#5f6670;vertical-align:middle;font-size:16px}.orders-table tbody tr:first-child td{border-top:0}.orders-table td strong{display:block;color:var(--charcoal);font-size:17px;font-weight:700}.orders-table td small{display:block;max-width:270px;margin-top:3px;color:#9299a2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:14px;font-weight:700}.status-pill.draft{color:#846526;background:#fff5dc}.status-pill.ready{color:#347153;background:#e9f7ef}.pdf-prepared-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:14px;font-weight:700;color:#347153;background:#e9f7ef}.row-actions{text-align:right;white-space:nowrap}.row-actions a,.row-actions button{margin-left:12px;padding:0;color:var(--coral-dark);border:0;background:none;cursor:pointer;font-size:15px;font-weight:700}.row-actions button{color:#8c939c}.row-actions a:hover,.row-actions button:hover{text-decoration:underline}
.empty-state{padding:56px 25px 61px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-icon{width:58px;height:66px;margin-bottom:18px;border:2px solid #cfd4da;border-radius:5px;position:relative;background:#fafbfc}.empty-icon:before,.empty-icon:after,.empty-icon span{content:"";position:absolute;left:13px;right:13px;height:2px;background:#d8dce1}.empty-icon:before{top:20px}.empty-icon span{top:31px}.empty-icon:after{top:42px}.empty-state h3{margin:0;font-size:21px}.empty-state p{max-width:450px;margin:8px 0 22px;color:var(--muted);font-size:16px;line-height:1.65}.empty-state .primary-action{min-height:40px}
.workflow-card{margin-top:18px;padding:28px;display:grid;grid-template-columns:240px 1fr;gap:35px}.workflow-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}.workflow-steps li{padding:0 21px;display:flex;gap:12px;border-left:1px solid var(--line)}.workflow-steps li>span{flex:0 0 auto;width:25px;height:25px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--coral);font-size:14px;font-weight:800;line-height:1}.workflow-steps strong{display:block;font-size:16px}.workflow-steps p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.dashboard-footer{padding:27px 2px 29px;display:flex;justify-content:space-between;color:#9299a2;font-size:14px}
@media(max-width:1020px){.dashboard-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:15px}.workflow-card{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:17px 19px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px}.brand-lockup{padding:0;border:0}.brand-mark{width:36px;height:36px;font-size:22px}.sidebar-nav{grid-column:1/-1;padding:8px 0 0;display:flex;overflow-x:auto}.nav-link{flex:0 0 auto;padding:9px 12px}.nav-link.active{box-shadow:inset 0 -2px 0 var(--coral)}.sidebar-note,.powered-by{display:none}.topbar{height:82px;padding:0 20px}.topbar h1{font-size:27px}.compact-action{min-height:40px;padding-inline:14px}.dashboard-content{width:calc(100% - 30px);margin-top:20px}.welcome-card{min-height:0;padding:31px 27px}.welcome-copy h2{font-size:36px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:100px}.section-title-row{padding:21px}.workflow-card{padding:23px;gap:24px}.workflow-steps{grid-template-columns:1fr;gap:18px}.workflow-steps li{padding:0;border-left:0}}
@media(max-width:440px){.brand-lockup strong{font-size:16px}.brand-lockup small{font-size:14px}.topbar .eyebrow{display:none}.compact-action{font-size:16px}.welcome-actions{align-items:stretch;flex-direction:column;gap:8px}.welcome-actions .primary-action{width:100%}.orders-search{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
