:root { --primary:#b44719; --primary-hover:#983913; --bg:#f7f7f9; --text:#1f2328; --muted:#6b7280; --card:#fff; --border:#e5e7eb; }
* { box-sizing: border-box; } html, body { height:100%; } body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); background:var(--bg); }
.site-header { position:fixed; inset:0 0 auto 0; height:56px; background:var(--card); border-bottom:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,.08); z-index:100; }
.header-inner { max-width:1100px; margin:0 auto; height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; }
.brand-wordmark { display:block; } .site-nav { display:flex; gap:14px; align-items:center; } .site-nav a { padding:8px 10px; border-radius:8px; text-decoration:none; color:inherit; } .site-nav a.active, .site-nav a:hover { background:#fff0ea; }
.content { padding-top:72px; }
.dashboard-container { max-width:1100px; margin:0 auto; padding:24px 16px 40px; display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:22px; }
.tile { background:var(--card); border-radius:14px; padding:28px; text-decoration:none; color:inherit; box-shadow:0 4px 14px rgba(0,0,0,.08); transition: transform .12s ease, box-shadow .12s ease; border:1px solid var(--border); } .tile:hover { transform: translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.14); } .tile h2 { margin:0 0 8px; font-weight:600; } .tile p { margin:0; color:var(--muted); }
.page-container { max-width:900px; margin:0 auto; padding:24px 16px 40px; } .page-subtext { margin:8px 0 24px; color:var(--muted); max-width:680px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border)); border-radius:10px; background:var(--primary); color:#fff; cursor:pointer; transition: background .12s ease, transform .06s ease; box-shadow:0 1px 3px rgba(0,0,0,.08); } .btn:hover { background:var(--primary-hover); } .btn.secondary { background:#fff; color:var(--primary); border-color:var(--primary); } .btn.secondary:hover { background:#fff0ea; }
.intake-form { display:flex; flex-direction:column; gap:16px; max-width:620px; } .intake-form label { display:flex; flex-direction:column; gap:6px; } input[type=text] { width:100%; padding:12px; border-radius:10px; border:1px solid var(--border); background:#fff; color:inherit; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.upload-form { display:flex; flex-direction:column; gap:22px; } .dropzone { display:flex; align-items:center; justify-content:center; text-align:center; min-height:160px; background:#fff; border:2px dashed var(--border); border-radius:12px; cursor:pointer; color:var(--muted); } .dropzone.hover { background:#fff7f1; border-color: color-mix(in srgb, var(--primary) 40%, var(--border)); } .dz-instructions span { font-size:.95rem; color:var(--muted); } .file-list { display:flex; flex-direction:column; gap:10px; } .file-item { background:#fff; border:1px solid var(--border); border-radius:10px; padding:10px 12px; display:flex; justify-content:space-between; align-items:center; } .badge { font-size:.8rem; padding:2px 8px; border-radius:999px; background:#fff0ea; color:var(--primary-hover); } .upload-status { margin-top:8px; } .parse-result { background:#0b1020; color:#d7e1ff; border-radius:10px; padding:12px; margin-top:10px; max-height:360px; overflow:auto; } .pairing-hint { color:var(--muted); font-size:.95rem; } .actions-row { display:flex; gap:10px; align-items:center; }
.payer-intel-container { max-width:1100px; margin:0 auto; padding:24px 16px 40px; display:flex; flex-direction:column; gap:24px; } .intel-section { background:#fff; padding:24px; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.08); border:1px solid var(--border); }