*{box-sizing:border-box} :root{color-scheme:light;--ink:#172d3c;--muted:#657583;--green:#098756;--green-dark:#056941;--line:#dce4e8;--paper:#f5f7f8;--navy:#152a39}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4eaed3;outline-offset:3px}svg{width:22px;height:22px;flex-shrink:0}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,4vw,38px);line-height:1.14;letter-spacing:-1.1px;margin-bottom:12px}h2{font-size:20px;line-height:1.35;letter-spacing:-.35px;margin-bottom:6px}p{overflow-wrap:anywhere}.topbar{background:var(--navy);color:#fff}.topbar-inner{max-width:1256px;padding:22px 28px;margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:100px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1.1}.brand strong{font-size:27px;font-weight:850;letter-spacing:-.8px}.brand strong span{font-size:22px;margin-left:7px;font-weight:700;letter-spacing:.5px}.brand small{margin-top:7px;font-size:12px;letter-spacing:1.2px;color:#c2ced5}.icon-button{display:flex;align-items:center;gap:8px;color:#fff;border:1px solid #ffffff25;background:transparent;border-radius:8px;padding:10px 13px;font-size:13px}.icon-button:hover{background:#ffffff0c}.narrow{max-width:590px;margin:0 auto;padding:36px 24px 12px}.wide{max-width:1256px;margin:0 auto;padding:32px 28px 24px}.footer{text-align:center;font-size:12px;color:#81909a;padding:30px 20px}.footer span{margin:0 8px;color:#b4c0c7}.area-guest .narrow{padding-top:48px}.login-card{padding:32px 34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #1c354008}.login-card h1{font-size:42px;margin-top:20px;margin-bottom:16px;letter-spacing:-1.6px}.intro{color:var(--muted);font-size:16px;margin-bottom:0}.login-card .intro{margin-bottom:32px}.eyebrow{color:var(--green);font-size:11px;letter-spacing:1.5px;font-weight:750;display:flex;align-items:center;gap:7px;margin-bottom:12px}.eyebrow svg{width:16px;height:16px}.stack-form{display:flex;flex-direction:column;gap:21px}label{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:14px}input,select{width:100%;border:1px solid #cbd7df;border-radius:8px;background:#fff;padding:13px 14px;min-height:48px;color:var(--ink);outline:none;font-weight:400}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #09875615}input::placeholder{color:#8c9ba6}.pin-input{letter-spacing:.72em;font-size:27px;text-align:center;padding:8px 4px 8px 20px;min-height:62px;font-variant-numeric:tabular-nums}.field-help{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.stack-form label:has(.pin-input)+.field-help{margin-top:-15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 17px;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.secondary:hover{background:#f1f5f6}.large{min-height:56px;margin-top:7px;justify-content:space-between;padding:14px 20px;font-size:16px}.small{font-size:12px;padding:7px 11px;min-height:36px}.danger-text{color:#a73d3d;background:transparent}.login-help{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin:25px 0 0}.notice{padding:14px 16px;border:1px solid;border-radius:8px;margin-bottom:22px;font-size:14px}.success{background:#eefaf3;border-color:#bee6cf;color:#185e3c}.danger{background:#fff3f2;border-color:#f2c8c2;color:#922b26}.page-heading{margin:0 0 26px}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.customer-summary{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.customer-summary>div{padding:18px 22px;display:flex;flex-direction:column;gap:2px}.customer-summary>div+div{border-left:1px solid var(--line)}.customer-summary b{font-size:30px;line-height:1.1;letter-spacing:-.8px}.customer-summary>div+div b{color:var(--green)}.customer-summary span{font-size:12px;color:var(--muted)}.tabs{display:flex;border:1px solid var(--line);padding:4px;background:#fff;border-radius:9px;gap:4px}.tabs a{flex:1;padding:9px 3px;text-decoration:none;text-align:center;font-size:13px;font-weight:650;border-radius:5px;white-space:nowrap}.tabs a[aria-current]{color:#07623f;background:#dff3e9}.refresh-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 18px;gap:8px;font-size:10px;color:var(--muted)}.refresh-row a{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:12px;padding:4px 0}.refresh-row svg{width:14px;height:14px}.order-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;margin-bottom:17px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font-size:11px;letter-spacing:.5px}.badge{font-size:11px;font-weight:650;letter-spacing:0;white-space:nowrap;border:1px solid;padding:3px 10px;border-radius:30px}.received{color:#526b86;background:#f0f4f9;border-color:#d9e2ec}.queued{color:#8b630a;background:#fff7e2;border-color:#f0dc9e}.production{color:#08734a;background:#e9f8ef;border-color:#b6e4c9}.ready{color:#07623f;background:#d8f4e5;border-color:#9ad8b5}.order-meta{color:var(--muted);font-size:12px;margin-bottom:24px}.order-meta span{margin:0 5px}.timeline{list-style:none;padding:0;margin:0 0 17px}.timeline li{display:flex;gap:15px;min-height:59px;position:relative;padding-bottom:14px}.timeline li:last-child{min-height:37px;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:14px;top:27px;bottom:-3px;width:2px;background:#dce4e8}.timeline li:last-child:before{display:none}.timeline li.done:before{background:#58b987}.step-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative;z-index:1;width:30px;height:30px;border:2px solid #d7e0e5;border-radius:50%;font-size:11px;background:#fff;color:#99a5af}.step-icon svg{width:17px;height:17px}.timeline strong{font-size:14px;font-weight:650;display:block;padding-top:4px}.timeline small{display:block;font-size:12px;margin-top:3px;color:var(--muted)}.timeline .done .step-icon{background:var(--green);border-color:var(--green);color:#fff}.timeline .current .step-icon{border-color:var(--green);background:#e1f5e8;color:var(--green);box-shadow:0 0 0 4px #edf9f1;font-weight:750}.timeline .current strong{color:var(--green)}.timeline .future strong{color:#82909a;font-weight:400}.updated{margin:0;padding-top:14px;border-top:1px solid #eef1f3;font-size:11px;color:var(--muted)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state h2{font-size:17px;margin-top:14px;color:var(--ink)}.empty-state p{font-size:13px;margin-bottom:0}.empty-state svg{width:34px;height:34px}.admin-nav{background:#fff;border-bottom:1px solid var(--line);display:flex;gap:30px;padding:0 max(28px,calc((100vw - 1200px)/2));overflow:auto}.admin-nav a{white-space:nowrap;font-size:13px;font-weight:600;padding:15px 2px;text-decoration:none;border-bottom:3px solid transparent;color:var(--muted)}.admin-nav a[aria-current]{color:var(--green);border-color:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.stat-card{border:1px solid;border-radius:11px;padding:19px 21px;text-decoration:none;display:flex;flex-direction:column;gap:7px}.stat-card span{font-size:12px;font-weight:600}.stat-card b{font-size:32px;line-height:1.1;letter-spacing:-1px}.filter-form{display:flex;gap:12px;margin-bottom:18px}.filter-form input{flex:1;min-width:0}.filter-form select{max-width:250px}.table-shell{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;min-width:740px}th{padding:14px 20px;background:#fafbfc;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}td{padding:18px 20px;border-bottom:1px solid #edf1f3;vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:0}td strong{display:block;font-weight:600;max-width:290px;overflow-wrap:anywhere}td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.table-id{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.status-form{display:flex;align-items:center;gap:5px}.status-select{font-size:12px;min-width:185px;min-height:40px;padding:8px 10px;font-weight:600}.js .fallback-save{display:none}.date-cell{font-size:11px;color:var(--muted);white-space:nowrap}.utility-card{margin-top:26px;background:#fff;border:1px solid var(--line);padding:17px 20px;border-radius:10px;font-size:13px}.utility-card summary{cursor:pointer;font-weight:650}.utility-card p{color:var(--muted);margin:14px 0}.inline-form{display:flex;gap:14px;align-items:flex-end}.inline-form input{max-width:220px}.pagination{display:flex;gap:15px;justify-content:center;align-items:center;margin:20px 0;font-size:13px;color:var(--muted)}.address-card{display:flex;align-items:center;gap:20px;padding:18px 22px;background:#e9f5ef;border:1px solid #c5e3d3;border-radius:10px;margin-bottom:22px;flex-wrap:wrap}.address-card span{font-size:12px;color:var(--muted)}.address-card b{font-size:14px;overflow-wrap:anywhere}.address-card button{margin-left:auto}.customer-search{max-width:450px;margin-bottom:22px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.customer-card[hidden]{display:none}.customer-card h2{font-size:18px;margin:0 0 18px;overflow-wrap:anywhere}.customer-card dl{display:grid;grid-template-columns:58px 1fr;gap:8px;font-size:12px;margin:0 0 20px}.customer-card dt{color:var(--muted)}.customer-card dd{margin:0;overflow-wrap:anywhere}.customer-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.pin-details{font-size:12px;border-top:1px solid var(--line);padding-top:14px}.pin-details summary{cursor:pointer;font-weight:650;color:var(--green)}.pin-reveal{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pin-reveal code{font-size:24px;letter-spacing:4px;font-weight:700}.settings-card{max-width:520px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.settings-card h2{margin-bottom:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px){.area-customer .topbar-inner,.area-guest .topbar-inner{max-width:590px;padding-left:24px;padding-right:24px}}
@media(max-width:900px){.customer-grid{grid-template-columns:repeat(2,1fr)}.heading-row{align-items:flex-start}.heading-row h1{font-size:30px}.stats-grid{gap:10px}.stat-card{padding:15px}.wide{padding:25px 18px}.admin-nav{padding:0 18px;gap:24px}}
@media(max-width:600px){.topbar-inner{min-height:88px;padding:20px}.brand strong{font-size:24px}.brand strong span{font-size:20px}.brand small{font-size:11px}.icon-button span{display:none}.icon-button{padding:8px}.narrow{padding:27px 18px 10px}.area-guest .narrow{padding:28px 18px 12px}.login-card{padding:25px 22px;border-radius:12px}.login-card h1{font-size:36px}.login-card .intro{font-size:15px;margin-bottom:27px}.stack-form{gap:20px}.order-card{padding:20px}.customer-summary>div{padding:16px 18px}.page-heading h1{font-size:32px}.heading-row{display:block}.heading-row>a{margin-top:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card span{font-size:11px}.filter-form{flex-wrap:wrap}.filter-form input{flex:1 1 100%}.filter-form select{max-width:none;flex:1;min-width:0}.customer-grid{grid-template-columns:1fr}.address-card{display:block;padding:18px}.address-card>*{display:block;margin-bottom:8px}.address-card button{margin-left:0;display:inline-flex;margin-top:4px;margin-bottom:0}.customer-search{max-width:none}.inline-form{align-items:stretch;flex-direction:column}.inline-form input{max-width:none}.refresh-row{font-size:9px}.refresh-row a{font-size:11px}.footer{font-size:11px}.admin-nav{gap:20px}.admin-nav a{font-size:12px}.settings-card{padding:22px}}

/* DBM brand theme v1.0.2 */
:root{--ink:#202635;--navy:#202635;--paper:#f4f5f7;--orange:#f59e0b;--orange-dark:#dc8700}
.brand strong{color:var(--orange)}.brand strong span{color:#fff}
.primary{background:var(--orange);color:#202635}.primary:hover{background:var(--orange-dark)}
.eyebrow{color:#9a5c00}.admin-nav a[aria-current]{color:#9a5c00;border-color:var(--orange)}
input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f59e0b22}
.address-card{background:#fff8eb;border-color:#f1dab1}
.tabs a[aria-current]{color:#8b5100;background:#fff0d2}
.received{color:#365f94;background:#edf4ff;border-color:#c8d9f2}
.queued{color:#925700;background:#fff6e6;border-color:#f1d29b}
.production{color:#6241a3;background:#f3effc;border-color:#d9caf2}
.ready{color:#07623f;background:#d8f4e5;border-color:#9ad8b5}
.timeline .current .step-icon{border-color:var(--orange);background:#fff5df;color:#925700;box-shadow:0 0 0 4px #fff8ec}
.timeline .current strong{color:#925700}
.whatsapp{background:#087c47;color:#fff}.whatsapp:hover{background:#056337}