@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,500&display=swap";:root{--page-bg:#f4f5f7;--navy:#1e2530;--navy-soft:#2a3140;--card:#fff;--border:#e3e5ea;--ink:#1f2430;--ink-soft:#6b7280;--accent:#1e2530;--accent-hover:#11151d;--ok:#16a34a;--ok-bg:#dcfce7;--warn:#dc2626;--warn-bg:#fee2e2;--pending:#ca8a04;--pending-bg:#fef9c3;--radius:12px;--radius-sm:8px;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Lora", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page-bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:16px}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a{color:inherit}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--navy);justify-content:space-between;align-items:center;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000001f}.topbar-brand{font-family:var(--font-heading);color:#fff;letter-spacing:0;font-size:20px;font-weight:700}.topbar-location{color:#ffffffb3;font-size:14px}.topbar-logout{color:#fff;border-radius:var(--radius-sm);background:0 0;border:1px solid #ffffff40;padding:7px 14px;font-size:13px;font-weight:600}.topbar-logout:hover{background:#ffffff1a}.page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:24px 20px 60px}.ticket{background:var(--card);color:var(--ink);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;padding:26px 24px 24px;position:relative;box-shadow:0 1px 3px #0000000f}.ticket:before{content:"";background-image:radial-gradient(circle, var(--page-bg) 2px, transparent 2.1px);background-position:top;background-repeat:repeat-x;background-size:14px 4px;height:4px;position:absolute;top:0;left:20px;right:20px}.ticket-title{font-family:var(--font-heading);letter-spacing:.02em;color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-style:italic;font-weight:600}.ticket-heading{font-family:var(--font-heading);color:var(--ink);letter-spacing:0;margin:0 0 22px;font-size:26px;font-weight:700}.field{margin-bottom:16px}.field label{font-family:var(--font-heading);color:var(--ink);margin-bottom:7px;font-size:15px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;padding:12px 14px;font-size:15px}.field input:focus,.field select:focus{border-color:var(--navy)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);letter-spacing:.01em;border:none;width:100%;padding:14px;font-size:15px;font-weight:700}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--ink);border-radius:var(--radius-sm);background:#fff;padding:9px 14px;font-size:14px;font-weight:600}.btn-secondary:hover{border-color:var(--navy)}.error-banner{background:var(--warn-bg);color:#991b1b;border-radius:var(--radius-sm);border:1px solid #fecaca;margin-bottom:16px;padding:10px 12px;font-size:14px}.category-select{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;margin-bottom:16px;padding:12px;font-weight:700}.menu-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.menu-section-header{background:var(--navy);color:#fff;font-family:var(--font-heading);letter-spacing:0;padding:13px 18px;font-size:16px;font-weight:600}.menu-item-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.menu-item-row:last-child{border-bottom:none}.menu-item-row span{color:var(--ink);flex:1;padding-right:12px;font-size:14px}.menu-item-row input{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);width:68px;padding:8px;font-weight:600}.standing-order-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:16px 18px;display:flex;box-shadow:0 1px 2px #0000000a}.standing-order-info p:first-child{color:var(--ink);margin:0;font-size:14px;font-weight:700}.standing-order-info p:last-child{color:var(--ink-soft);margin:2px 0 0;font-size:12px}.standing-order-actions{gap:6px;display:flex}.btn-tiny{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--ink);background:#fff;padding:7px 12px;font-size:12px;font-weight:700}.btn-tiny:hover{border-color:var(--navy)}.btn-tiny.danger{color:var(--warn);border-color:#fecaca}.btn-tiny.danger:hover{border-color:var(--warn)}.item-row{grid-template-columns:1fr 80px 32px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:#fff;padding:9px 10px}.item-row-remove{color:var(--warn);background:0 0;border:none;font-size:18px;line-height:1}.add-row-btn{border:1px dashed var(--border);color:var(--ink-soft);border-radius:var(--radius-sm);background:0 0;width:100%;margin:4px 0 20px;padding:10px;font-size:14px}.add-row-btn:hover{border-color:var(--navy);color:var(--navy)}.pending-delivery-banner{color:#fff;text-align:center;background:#2563eb;border:none;width:100%;padding:14px;font-size:14px;font-weight:700;text-decoration:none;display:block}.pending-delivery-banner:hover{background:#1d4ed8}.check-item-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 4px;display:flex}.check-item-row:last-child{border-bottom:none}.check-circle{border:2px solid var(--border);color:#fff;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.check-circle.checked{background:var(--ok);border-color:var(--ok)}.check-item-name{flex:1;font-size:14px}.check-item-qty{color:var(--ink-soft);font-size:13px}.order-card{background:var(--card);border:1px solid var(--border);color:var(--ink);border-radius:var(--radius);margin-bottom:12px;padding:16px 18px;box-shadow:0 1px 2px #0000000a}.order-card.clickable{cursor:pointer}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.order-card-location{font-family:var(--font-heading);font-size:17px;font-weight:600}.order-date{color:var(--ink-soft);font-size:13px}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.status-Approved{color:var(--pending);background:var(--pending-bg)}.status-Fulfilled{color:var(--ok);background:var(--ok-bg)}.order-items-count{color:var(--ink-soft);font-size:14px}.order-detail{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.item-list{margin:0 0 14px;padding:0;font-size:14px;list-style:none}.item-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;display:flex}.item-list li span:last-child{color:var(--ink-soft);font-weight:600}.action-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--ink);background:#fff;padding:9px 14px;font-size:13px;font-weight:700}.action-btn:hover{border-color:var(--navy)}.action-btn.selected{background:var(--navy);border-color:var(--navy);color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-group-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin:12px 0 6px;font-size:12px;font-weight:700}.alert-summary{background:var(--warn-bg);color:#991b1b;border-radius:var(--radius-sm);border:1px solid #fecaca;margin-bottom:12px;padding:10px 12px;font-size:13px}.filter-bar{gap:8px;margin-bottom:16px;display:flex}.filter-bar select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:#fff;flex:1;padding:9px 10px;font-size:14px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:16px;display:grid}.stat-box{background:var(--page-bg);border-radius:var(--radius-sm);text-align:center;padding:12px}.stat-box .stat-value{font-family:var(--font-heading);color:var(--ink);font-size:24px;font-weight:700}.stat-box .stat-label{color:var(--ink-soft);margin-top:3px;font-size:11px}.nav-tabs{gap:4px;margin-bottom:20px;display:flex}.nav-tab{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-soft);background:#fff;flex:1;padding:10px;font-size:14px;font-weight:600;text-decoration:none}.nav-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.empty-state{text-align:center;color:var(--ink-soft);padding:40px 20px}.clark-topbar{background:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000001f}.clark-topbar-brand{font-family:var(--font-heading);color:#fff;font-size:19px;font-weight:700}.clark-topbar-subtitle{letter-spacing:.03em;color:#ffffffa6;font-size:12px}.clark-topbar-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.clark-topbar-tabs::-webkit-scrollbar{display:none}.clark-tab-btn{color:#ffffffa6;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.clark-tab-btn.active{color:var(--navy);background:#fff}.clark-page{width:100%;max-width:720px;margin:0 auto;padding:16px 12px 60px}.clark-pill-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex;overflow-x:auto}.clark-pill-row::-webkit-scrollbar{display:none}.clark-pill{scroll-snap-align:start;border:1px solid var(--border);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.clark-pill.selected{background:var(--navy);border-color:var(--navy);color:#fff}.clark-pill-badge{background:#00000014;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.clark-pill.selected .clark-pill-badge{background:#ffffff40}.clark-item-table-head{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);grid-template-columns:1fr 70px 60px;gap:8px;padding:0 4px 8px;font-size:11px;font-weight:700;display:grid}.clark-category-header{text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);padding:10px 4px 6px;font-size:12px;font-weight:700}.clark-item-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 70px 60px;align-items:center;gap:8px;padding:10px 4px;font-size:14px;display:grid}.clark-item-row input{border:1px solid var(--border);text-align:center;border-radius:6px;width:100%;min-height:40px;padding:8px 4px}@media (width<=480px){.clark-topbar{flex-direction:column;align-items:flex-start}.clark-topbar-tabs{width:100%}}.toast{background:var(--ok);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}