:root {
  --ink:#12110f;
  --plum:#12110f;
  --orange:#b89455;
  --saffron:#d7bd8b;
  --paper:#faf7f0;
  --turquoise:#6d2119;
  --muted:#706a60;
  --line:rgba(18,17,15,.14);
  --display:"Cormorant Garamond",Georgia,serif;
  --shadow:0 32px 85px rgba(25,16,10,.18);
}
body { background:#f1ece2; }
.login-art { background:radial-gradient(circle at 15% 20%,rgba(184,148,85,.18),transparent 36%),linear-gradient(145deg,#211d18,#0d0d0c); }
.login-art h1 { font-weight:500; line-height:.88; }
.brand span { border:1px solid var(--saffron); background:transparent; color:var(--saffron); font-style:italic; }
.brand strong { font-family:var(--sans); font-size:15px; font-weight:600; letter-spacing:.24em; }
.login-form form button, dialog form button { background:var(--orange); color:#17120b; }
.crm > aside { background:#0d0d0c; }
.crm main > header h1 { font-weight:500; }
.stats .money { background:#201c18; }
.stats .money strong { color:var(--saffron); }
.pill { background:#eee5d6; color:#705225; }
.pill.cooking { background:#e7e1d7; color:#5e5549; }
.pill.delivered { background:#e1e8df; color:#426143; }
.order-card:hover { background:#faf7f0; }
dialog h2 { font-weight:500; }
.password-field { display:grid; grid-template-columns:1fr auto; border:1px solid var(--line); background:white; }
.password-field input { min-width:0; border:0; }
.password-field button { min-width:88px; padding:0 12px; border:0; border-left:1px solid var(--line); background:#f4eee4; color:var(--ink); cursor:pointer; font-size:7px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.credentials { flex-wrap:wrap; }
.credentials button { margin-left:auto; padding:6px 0; border:0; border-bottom:1px solid var(--orange); background:transparent; color:var(--orange); cursor:pointer; font-size:7px; font-weight:700; text-transform:uppercase; }
.payment-column { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.payment-column select { width:100%; height:31px; margin:0; border:1px solid var(--line); background:white; font-size:7px; }
.payment-pill { display:inline-flex; padding:5px 7px; border-radius:99px; background:#efe7d8; color:#705225; font-size:6px; font-weight:700; text-transform:uppercase; }
.payment-pill.checking { background:#e8e2d8; color:#655a4c; }
.payment-pill.paid { background:#e0ebe0; color:#3e6542; }
@media(max-width:730px) {
  .credentials button { margin-left:0; }
}