:root{--bg: #faf6ed;--card: #fffdf8;--soft: #f3ecdd;--line: #e2d6bd;--ink: #16110b;--muted: #5a5044;--gold: #c9a24b;--green: #16110b;--ok: #1f7a3a;--err: #b3261e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Cairo,system-ui,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}.pin{min-height:100vh;display:grid;place-items:center;padding:16px}.pin form{width:100%;max-width:340px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 22px;text-align:center;display:grid;gap:12px}.pin img{width:64px;height:64px;border-radius:50%;margin:0 auto}.pin h1{font-family:Playfair Display,serif;font-size:22px;margin:0;color:var(--green)}.pin input{font-size:26px;letter-spacing:.3em;text-align:center;padding:12px;border:1px solid var(--line);border-radius:12px;width:100%}.pin input:focus{outline:2px solid var(--gold)}.pin p{margin:0;color:var(--muted);font-size:13px}.pin .err{color:var(--err);font-weight:600;font-size:14px}.btn{padding:11px 16px;border-radius:11px;border:1px solid var(--line);background:var(--card);font-weight:700;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--ink);border-radius:999px}.btn:disabled{opacity:.5}header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.hd{max-width:980px;margin:0 auto;padding:10px 16px;display:grid;gap:10px}.row1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row1 img{width:38px;height:38px;border-radius:50%}.row1 h1{font-family:Playfair Display,serif;font-size:20px;margin:0;color:var(--green)}#status{color:var(--muted);font-size:13px}.row1 .sp{margin-inline-start:auto;display:flex;gap:8px}.row2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabs{display:flex;gap:4px}.tabs button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-weight:600;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f5eedf}.tabs span{opacity:.75;font-weight:400}#q{flex:1;min-width:160px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}#upSum{margin:0;color:var(--muted);font-size:13px}main{max-width:980px;margin:0 auto;padding:14px 16px 60px;display:grid;gap:10px}.empty{color:var(--muted);text-align:center;padding:30px}.order{background:var(--card);border:1px solid var(--line);border-inline-start:5px solid var(--gold);border-radius:14px;padding:12px 14px}.order.st-confirmed{border-inline-start-color:var(--ok)}.o-main .ph a{color:var(--ink)}.order.st-cancelled{border-inline-start-color:#bbb;opacity:.6}.o-top{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:start}@media (max-width: 560px){.o-top{grid-template-columns:1fr auto}.o-date{grid-column:1 / -1;flex-direction:row!important;gap:8px!important;align-items:baseline}}.o-date{display:flex;flex-direction:column;gap:2px}.o-date b{font-size:15px}.o-date span{color:var(--muted)}.o-date em{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--gold);border-radius:6px;padding:1px 6px;align-self:flex-start}.o-main h3{margin:0 0 2px;font-size:19px;color:var(--ink)}.o-main p{margin:0;color:var(--muted);font-size:15px;font-weight:500}.o-main .ph a{color:var(--green);font-weight:600}.o-main p.by{margin-top:4px;color:#8a6a20;font-size:13px;font-weight:700}.order.st-cancelled .o-main p.by{color:var(--err)}.o-side{text-align:end;display:grid;gap:6px;justify-items:end}.o-side b{font-size:18px;white-space:nowrap;color:var(--ink)}.o-side select,.o-actions select{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}details{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:600}table{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px}th,td{padding:6px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}th{font-size:12px;color:var(--muted)}tr.grp th{font-size:14px;color:var(--ink);padding-top:14px}tr.grp th small{display:block;color:var(--err);font-size:14px}td small{display:block;color:var(--muted);font-family:Cairo,sans-serif;font-size:14px;text-align:left}.n{text-align:end;white-space:nowrap}tfoot td{border-bottom:0;color:var(--muted)}.warn{background:#fff4d6;border:1px solid #ecd28f;border-radius:8px;padding:8px 10px;font-size:13px;margin:10px 0 0}.o-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.o-actions label{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.o-actions button,.o-actions a{padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;font-weight:600;cursor:pointer}.o-actions .edit{background:var(--gold);border-color:var(--gold);color:var(--ink);text-decoration:none}.o-actions .danger{margin-inline-start:auto;color:var(--err);border-color:#e7b9b5}
