:root{--bg: #0f1115;--surface: #181b22;--surface-2: #21252e;--border: #2c313c;--text: #e6e8ec;--muted: #9aa3b2;--accent: #ffcf33;--accent-ink: #1a1400;--accent-text: #ffcf33;--danger: #e05252;--ok: #3fb765;--radius: 10px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: light){:root{--bg: #e9ecf1;--surface: #ffffff;--surface-2: #dfe3ea;--border: #b4bcc8;--text: #12151a;--muted: #495264;--accent: #ffcf33;--accent-ink: #1a1400;--accent-text: #8a6a00;--danger: #b3261e;--ok: #1c8a46}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}button{font-family:inherit;font-size:.95rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.55rem .9rem;border-radius:var(--radius);cursor:pointer;transition:filter .12s ease,background .12s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button.ghost{background:transparent}button.icon-btn{padding:.4rem .55rem;font-size:1.15rem;line-height:1}button.has-ico{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button.has-ico .ico{line-height:1;font-size:1.1em}input,select,textarea{font-family:inherit;font-size:.95rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .6rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.row{display:flex;gap:.75rem;align-items:center}.col{display:flex;flex-direction:column;gap:.75rem}.grid{display:grid;gap:.75rem}.muted{color:var(--muted)}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--accent-text);border-color:var(--accent-text)}.admin{display:flex;min-height:100vh}.admin-nav{width:210px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.admin-nav .brand{font-weight:700;font-size:1.1rem;margin-bottom:1rem}.admin-nav a{display:block;padding:.55rem .7rem;border-radius:var(--radius);color:var(--text)}.admin-nav a.active{background:var(--surface-2);color:var(--accent-text)}.admin-main{flex:1;padding:1.5rem 2rem;min-width:0}.admin-main h1{margin-top:0}table.orders-table{table-layout:fixed}table.orders-table td{overflow:hidden;text-overflow:ellipsis}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.error{color:var(--danger);font-size:.9rem}.customer{max-width:480px;margin:0 auto;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}