*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4ef;--surface:#fff;--surface2:#f0ede8;--border:#e3dfd8;--accent:#c96442;--accent-light:#fdf0eb;--text:#1c1917;--muted:#8c8279;--danger:#dc2626;--green:#16a34a;--blue:#2563eb;--yellow:#d97706;--radius:10px;--shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}html{scroll-behavior:smooth;height:-webkit-fill-available;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.7rem 1.4rem;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:#b5562f}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.7rem 1.4rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-ghost:hover{background:var(--surface2);border-color:#ccc8c0}.input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.72rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000a}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c964421f}.input::placeholder{color:#bbb5ac}textarea.input{resize:vertical}.nav{padding:.9rem 5%;padding-top:calc(.9rem + env(safe-area-inset-top));border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:100;box-sizing:border-box;background:#f5f4efeb;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0}.nav-logo{color:var(--accent);letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a,.nav-links button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem;transition:color .15s}.nav-links a:hover,.nav-links button:hover{color:var(--text)}.page{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:2.5rem 5%}.page-wide{box-sizing:border-box;width:100%;max-width:920px;margin:0 auto;padding:2.5rem 5%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;font-size:.875rem;display:flex}.card-row:last-child{border-bottom:none}.card-row .label{color:var(--muted);flex-shrink:0;font-size:.82rem}.badge{white-space:nowrap;letter-spacing:.02em;border-radius:100px;padding:.28rem .75rem;font-size:.72rem;font-weight:600;display:inline-block}.badge-REGISTERED{color:#78716c;background:#f3f2ef;border:1px solid #e3dfd8}.badge-EREEN_ARRIVED{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe}.badge-ARRIVED{color:var(--yellow);background:#fffbeb;border:1px solid #fde68a}.badge-PICKED_UP{color:var(--green);background:#f0fdf4;border:1px solid #bbf7d0}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text);font-size:.82rem;font-weight:500}.form-actions{gap:.6rem;margin-top:.5rem;display:flex}.msg-error{color:var(--danger);margin-top:.5rem;font-size:.82rem}.msg-success{color:var(--green);margin-top:.5rem;font-size:.82rem}.section-title{letter-spacing:-.3px;color:var(--text);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.9rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.admin-nav{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;padding:0 5%;display:flex;overflow-x:auto}.admin-nav-link{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.9rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.admin-nav-link:hover{color:var(--text)}.admin-nav-link.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-left-width:3px;overflow:hidden}.order-card-REGISTERED{border-left-color:#c8c5be}.order-card-EREEN_ARRIVED{border-left-color:var(--blue)}.order-card-ARRIVED{border-left-color:var(--yellow)}.order-card-PICKED_UP{border-left-color:var(--green)}.order-card-head{justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.1rem .65rem;display:flex}.order-card-track{letter-spacing:.02em;color:var(--text);font-family:monospace;font-size:.92rem;font-weight:700}.order-card-meta{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;padding:0 1.1rem .8rem;display:flex}.order-card-row{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.order-card-row span:last-child{color:var(--text);text-align:right}.order-card-price{color:var(--accent);font-size:.88rem;font-weight:700}.status-group-header{align-items:center;gap:.5rem;margin-bottom:.6rem;padding-bottom:.4rem;display:flex}.status-group-count{color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:100px;padding:.1rem .55rem;font-size:.72rem;font-weight:600}@media (max-width:768px){.page-wide{padding:1.5rem 4%}.admin-nav{gap:0;padding:0 3%}.admin-nav-link{padding:.8rem .85rem;font-size:.82rem}.handover-grid{grid-template-columns:1fr!important}}@media (max-width:500px){:root{--radius:8px}.nav{padding:.75rem 4%;padding-top:calc(.75rem + env(safe-area-inset-top))}.nav-logo{font-size:1rem}.nav-links{gap:.6rem}.nav-links a,.nav-links button{font-size:.82rem}.nav-faq-text{display:none}.page,.page-wide{padding:1.2rem 4%}.input{font-size:1rem}.btn,.btn-ghost{min-height:44px;padding:.75rem 1.2rem;font-size:.875rem}.form-actions{flex-direction:column}.form-actions .btn,.form-actions .btn-ghost{justify-content:center;width:100%}.card-row{padding:.75rem 1rem;font-size:.83rem}.order-card-head{padding:.7rem 1rem .6rem}.order-card-meta{padding:0 1rem .75rem}.section-title{font-size:1.1rem}.admin-nav{padding:0 2%}.admin-nav-link{min-height:44px;padding:.75rem;font-size:.8rem}}