:root{--brand-primary:#0b2130;--brand-secondary:#0b2130;--brand-primary-rgb:11,33,48;--brand-secondary-rgb:11,33,48;--ui-bg:#f6f7f9;--ui-surface:#fff;--ui-surface-soft:#fafbfc;--ui-border:rgba(11,33,48,.08);--ui-border-strong:rgba(11,33,48,.12);--ui-text:#12212b;--ui-text-muted:#66737d;--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-sm:0 6px 18px rgba(16,24,40,.06);--shadow-md:0 12px 32px rgba(16,24,40,.08);--radius-xs:10px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--topbar-height:72px}html{scroll-behavior:smooth}body{background:var(--ui-bg);color:var(--ui-text);text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--brand-secondary);letter-spacing:-.02em}.form-hint,.hero-lead,.text-muted{color:var(--ui-text-muted)!important}.btn{border-radius:var(--radius-sm);min-height:42px;font-weight:800;box-shadow:none;transition:transform .14s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:focus,.btn-primary:hover{background:#102a3b;border-color:#102a3b;box-shadow:var(--shadow-sm)}.btn-outline-secondary{background:var(--ui-surface);border-color:var(--ui-border-strong);color:var(--brand-secondary)}.btn-outline-secondary:focus,.btn-outline-secondary:hover{background:var(--ui-surface-soft);border-color:rgba(var(--brand-secondary-rgb),.18);color:var(--brand-secondary)}.form-control,.form-select{min-height:44px;border-radius:var(--radius-sm);border-color:var(--ui-border-strong);background:var(--ui-surface);color:var(--ui-text);box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-control::placeholder,textarea::placeholder{color:#94a0a8}.form-control:focus,.form-select:focus,textarea.form-control:focus{border-color:rgba(var(--brand-primary-rgb),.34);box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.08);background:#fff}.card-soft{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-soft:hover{box-shadow:var(--shadow-md)}.card-modern{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.shadow-soft{box-shadow:var(--shadow-sm)!important}.badge{border-radius:999px;padding:.45rem .72rem;font-weight:800;letter-spacing:0}.badge-brand{background:rgba(var(--brand-secondary-rgb),.08);color:var(--brand-secondary);border:1px solid rgba(var(--brand-secondary-rgb),.1)}.sticky-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;min-height:var(--topbar-height);background:hsla(0,0%,100%,.88);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(11,33,48,.06)}.customer-hero{border-radius:24px;overflow:hidden;border:1px solid rgba(11,33,48,.08);box-shadow:0 18px 40px rgba(16,24,40,.1);background:var(--ui-surface)}.menu-item-button{width:100%;text-align:left;border:1px solid var(--ui-border);border-radius:16px;background:#fff;padding:12px;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.menu-item-button:hover{transform:translateY(-1px);border-color:rgba(var(--brand-secondary-rgb),.14);box-shadow:var(--shadow-sm);background:#fff}.menu-item-button:active{transform:translateY(0)}.category-chip{border-radius:999px;min-height:38px;padding:0 14px;font-weight:800;border:1px solid var(--ui-border-strong);background:var(--ui-surface);color:var(--brand-secondary);transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .14s ease}.category-chip:hover{transform:translateY(-1px)}.category-chip.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.customer-footer{border-top:1px solid rgba(var(--brand-secondary-rgb),.08);background:linear-gradient(180deg,hsla(0,0%,100%,.7) 0,rgba(var(--brand-secondary-rgb),.02) 100%)}@media (max-width:767.98px){.btn{min-height:44px}.card-modern,.card-soft{border-radius:16px}.sticky-topbar{min-height:64px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card-soft,.category-chip,.form-control,.form-select,.menu-item-button{transition:none!important}}@media (max-width:767.98px){.toast-viewport{right:12px;left:12px;width:auto;bottom:12px}}.customer-modal{border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(16,24,40,.22);border:1px solid rgba(11,33,48,.06)}@media (max-width:767.98px){.customer-modal{border-radius:18px;max-height:92vh}}