:root{--blue:#00a7e1;--blue-dark:#078cbb;--green:#16a34a;--slate:#0f172a;--muted:#64748b;--border:#e2e8f0;--bg:#f4f8fb;--card:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--slate);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;font-weight:800}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;box-shadow:0 2px 12px #0f172a0d}.brand-wrap{align-items:center;gap:13px;display:flex}.brand-icon{background:var(--blue);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #00a7e140}h1{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.1}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{color:var(--slate);background:0 0;display:none}.main-content{max-width:1280px;margin:0 auto;padding:22px}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.workflow-wrap{position:relative}.workflow-card{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:center;gap:12px;min-height:82px;padding:16px;display:flex;box-shadow:0 3px 12px #0f172a0d}.workflow-card strong{font-size:15px;display:block}.workflow-card span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700;display:block}.workflow-icon{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.workflow-icon.blue{color:#0369a1;background:#e0f2fe}.workflow-icon.indigo{color:#4f46e5;background:#eef2ff}.workflow-icon.amber{color:#b45309;background:#fef3c7}.workflow-icon.green{color:#15803d;background:#dcfce7}.flow-arrow{z-index:2;color:var(--blue);background:#fff;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:-23px;transform:translateY(-50%);box-shadow:0 4px 12px #0f172a1f}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:16px;box-shadow:0 3px 12px #0f172a0d}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.metric-card strong{margin-top:4px;font-size:23px;display:block}.metric-card p{color:var(--muted);margin:2px 0 0;font-size:13px;font-weight:600}.metric-pill{margin-top:9px}.layout-grid{grid-template-columns:390px 1fr;align-items:start;gap:20px;display:grid}.phone-shell{background:#0f172a;border-radius:34px;padding:12px;position:sticky;top:18px;box-shadow:0 18px 38px #0f172a38}.phone-screen{background:#fff;border-radius:26px;padding:18px}.phone-notch{background:#e2e8f0;border-radius:99px;width:72px;height:6px;margin:0 auto 14px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading span,.eyebrow{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.panel-heading h2,.dashboard-header h2,.pricebook-header h2{letter-spacing:-.03em;margin:4px 0 0;font-size:24px}label{color:#475569;margin:13px 0 6px;font-size:12px;font-weight:900;display:block}select,textarea,input{width:100%;color:var(--slate);background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:11px 12px}textarea{resize:vertical;min-height:166px}.field-tip{color:var(--muted);margin:6px 0 12px;font-size:12px;font-weight:600}.job-card-mobile{background:#f8fafc;border-radius:20px;margin-top:12px;padding:13px;font-size:14px}.job-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.job-card-mobile p{color:var(--muted);margin:5px 0 10px}.job-card-mobile div:last-child{background:#fff;border-radius:13px;padding:9px}.primary{background:var(--blue);color:#fff;border-radius:14px;padding:11px 16px}.primary:hover{background:var(--blue-dark)}.small{padding:9px 14px}.wide{width:100%;margin-top:10px;padding:14px 16px}.secondary{color:#334155;background:#e2e8f0;border-radius:14px;width:100%;padding:11px 16px}.success{background:var(--green);color:#fff;border-radius:14px}.dark{color:#fff;background:#0f172a;border-radius:14px}.danger{color:#fff;background:#dc2626;border-radius:14px}.button-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.dashboard-stack{gap:18px;display:grid}.dashboard-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:20px;box-shadow:0 3px 12px #0f172a0d}.dashboard-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.eyebrow{align-items:center;gap:7px;display:flex}.header-badges{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.status-pill,.confidence{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.status-pill.slate{color:#334155;background:#f1f5f9}.status-pill.blue{color:#1d4ed8;background:#dbeafe}.status-pill.indigo{color:#4338ca;background:#e0e7ff}.status-pill.amber{color:#92400e;background:#fef3c7}.status-pill.green{color:#15803d;background:#dcfce7}.status-pill.cyan{color:#0e7490;background:#cffafe}.status-pill.paid,.confidence.green{color:#fff;background:#16a34a}.confidence.amber{color:#fff;background:#d97706}.empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;padding:42px 20px}.empty-state h3{color:var(--slate);margin:14px 0 4px;font-size:20px}.empty-state p{color:var(--muted);margin:0;font-weight:600}.review-grid{grid-template-columns:1fr 340px;gap:16px;display:grid}.review-main,.review-side{align-content:start;gap:14px;display:grid}.review-alert{border:1px solid;border-radius:20px;gap:12px;padding:16px;display:flex}.review-alert.good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.review-alert.warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.review-alert strong{font-size:16px;display:block}.review-alert p{color:#334155;margin:4px 0 0;font-size:14px;font-weight:600}.line-items-card,.summary-box,.invoice-preview,.action-card,.payload-card{border:1px solid var(--border);background:#fff;border-radius:20px;overflow:hidden}.card-title{border-bottom:1px solid var(--border);background:#f8fafc;padding:13px 15px;font-weight:900}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:var(--muted);text-transform:uppercase;text-align:left;padding:12px;font-size:12px}td{border-top:1px solid var(--border);vertical-align:top;padding:10px}td input{min-width:80px}.sku{color:#94a3b8;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.total-cell{text-align:right;padding-top:20px;font-weight:900}.summary-box{padding:15px}.summary-box p{color:var(--muted);margin:5px 0 0;font-weight:600}.side-title{align-items:center;gap:8px;padding:15px 15px 0;font-weight:900;display:flex}.invoice-paper{border:1px solid var(--border);background:#f8fafc;border-radius:18px;margin:14px;padding:15px}.invoice-top{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding-bottom:12px;display:flex}.invoice-top strong{display:block}.invoice-top span,.invoice-paper p span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.invoice-paper p{font-size:14px;line-height:1.45}.preview-lines{gap:8px;font-size:13px;display:grid}.preview-lines div,.invoice-totals div{justify-content:space-between;gap:12px;display:flex}.invoice-totals{border-top:1px solid var(--border);gap:6px;margin-top:13px;padding-top:11px;font-size:14px;display:grid}.invoice-totals .grand{margin-top:5px;font-size:18px;font-weight:900}.action-card{padding:0 15px 15px}.status-message,.payment-box{color:#334155;white-space:pre-line;background:#f8fafc;border-radius:14px;margin-top:12px;padding:12px;font-size:14px;font-weight:600}.payload-card{padding:14px}.payload-card button{width:100%;color:var(--slate);background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.payload-card button span{color:var(--blue)}.payload-card pre{color:#e2e8f0;background:#020617;border-radius:14px;max-height:190px;padding:12px;font-size:11px;overflow:auto}.pricebook-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pricebook-header span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.pricebook-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.pricebook-item{border:1px solid var(--border);border-radius:16px;padding:12px}.pricebook-item>span{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pricebook-item strong{margin-top:4px;font-size:14px;display:block}.pricebook-item div{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.pricebook-item em{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.pricebook-item b{font-size:14px}@media (width<=1050px){.layout-grid,.review-grid{grid-template-columns:1fr}.phone-shell{max-width:440px;margin:0 auto;position:static}.pricebook-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=780px){.topbar-actions{display:none}.icon-button{display:block}.workflow-grid{grid-template-columns:1fr}.flow-arrow{display:none}.metric-grid,.pricebook-grid{grid-template-columns:1fr}.main-content{padding:14px}.dashboard-header{flex-direction:column}.header-badges{justify-content:start}}