@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Inter:wght@400;500&display=swap";
:root{--charcoal:#181612;--cream:#f4f1ea;--ink:#1a1916;--creamink:#ece8e0;--fg:var(--creamink);--fg-soft:#ece8e094;--fg-faint:#ece8e057;--ln:#ece8e021;--ln-strong:#ece8e042;--maxw:1080px;--ease:cubic-bezier(.16,1,.3,1);--radius:7px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--charcoal);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Inter Tight,sans-serif;font-weight:600;line-height:1.15}.shell{max-width:var(--maxw);margin:0 auto;padding:0 28px}.appbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln);background:#181612d1;position:sticky;top:0}.appbar .row{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 28px;display:flex}.brand{align-items:center;gap:11px;display:flex}.tile{letter-spacing:-.05em;border:1px solid var(--ln-strong);justify-content:center;align-items:center;width:30px;height:30px;font-family:Inter Tight,sans-serif;font-size:13px;font-weight:600;display:flex}.brand .name{letter-spacing:-.02em;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:600}.appnav{align-items:center;gap:22px;font-family:Inter Tight,sans-serif;font-size:13.5px;display:flex}.appnav a{color:var(--fg-soft);transition:color .2s}.appnav a:hover,.appnav a.active{color:var(--fg)}.page{padding:48px 0 96px}.page-head{margin-bottom:34px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:12px;font-size:11px}.page-head h1{font-size:clamp(28px,4vw,40px)}.page-head p{color:var(--fg-soft);max-width:60ch;margin-top:10px}.card{border:1px solid var(--ln);border-radius:var(--radius);background:#ece8e005;padding:26px}.card+.card{margin-top:18px}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:720px){.grid2{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);border-bottom:1px solid var(--ln);padding:0 14px 12px;font-family:Inter Tight,sans-serif;font-size:11px;font-weight:500}.table td{border-bottom:1px solid var(--ln);vertical-align:middle;padding:16px 14px}.table tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer;transition:background .15s}.table tr.clickable:hover td{background:#ece8e008}.mono{letter-spacing:.02em;font-family:Inter Tight,sans-serif}.pill{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ln-strong);color:var(--fg-soft);border-radius:100px;align-items:center;gap:7px;padding:4px 11px;font-family:Inter Tight,sans-serif;font-size:11px;display:inline-flex}.pill:before{content:"";background:var(--fg-faint);border-radius:50%;width:6px;height:6px}.pill.requested:before{background:#9b948a}.pill.priced:before{background:#c9b79a}.pill.confirmed:before{background:#cfe0c5}.pill.in_delivery:before{background:#bcd0e6}.pill.settled:before{background:#9fd3a8}.pill.cancelled:before{background:#d6a3a0}.field{margin-bottom:20px}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:8px;font-size:11px;display:block}.field input,.field select,.field textarea{border:1px solid var(--ln-strong);border-radius:var(--radius);width:100%;color:var(--fg);transition:border-color .2s var(--ease),background .2s;background:#ece8e008;outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--fg-soft);background:#ece8e00d}.field textarea{resize:vertical;min-height:84px}.field .hint{color:var(--fg-faint);margin-top:7px;font-size:12px}.formrow{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:560px){.formrow{grid-template-columns:1fr}}.btn{letter-spacing:.01em;border-radius:var(--radius);border:1px solid var(--fg);cursor:pointer;transition:transform .14s var(--ease),opacity .2s,background .2s,color .2s;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-solid{background:var(--fg);color:var(--charcoal);border-color:var(--fg)}.btn-solid:hover:not(:disabled){opacity:.88}.btn-ghost{color:var(--fg);background:0 0}.btn-ghost:hover:not(:disabled){background:#ece8e00f}.btn-quiet{border-color:var(--ln-strong);color:var(--fg-soft);background:0 0}.btn-quiet:hover:not(:disabled){color:var(--fg);border-color:var(--fg-soft)}.btnrow{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.auth{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.auth-card{border:1px solid var(--ln);background:#ece8e005;border-radius:12px;width:100%;max-width:420px;padding:40px 34px}.auth-card .tile{width:38px;height:38px;margin-bottom:24px;font-size:16px}.auth-card h1{margin-bottom:8px;font-size:24px}.auth-card p.sub{color:var(--fg-soft);margin-bottom:28px;font-size:14px}.auth-card .btn{width:100%}.note{border-radius:var(--radius);margin-top:8px;padding:12px 14px;font-size:13px}.note.err{color:#e3b6b3;background:#d6a3a00f;border:1px solid #d6a3a066}.note.ok{color:#bfe0c4;background:#9fd3a80f;border:1px solid #9fd3a866}.muted{color:var(--fg-soft)}.faint{color:var(--fg-faint)}.kv{grid-template-columns:160px 1fr;gap:10px 18px;font-size:14px;display:grid}.kv dt{color:var(--fg-faint);letter-spacing:.04em;padding-top:2px;font-family:Inter Tight,sans-serif;font-size:12px}.empty{border:1px dashed var(--ln-strong);border-radius:var(--radius);text-align:center;color:var(--fg-soft);padding:40px}.hr{background:var(--ln);border:none;height:1px;margin:28px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
