:root{--ink: #1f2933;--ink-soft: #4a5560;--line: #d5dbe1;--bg: #ffffff;--bg-soft: #f4f6f8;--brand: #136a3b;--brand-dark: #0e5230;--danger: #b3261e;--ok: #1e6b3a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:8px;top:8px;background:var(--bg);padding:8px 12px;z-index:10}main{max-width:960px;margin:0 auto;padding:16px}#app-nav{background:var(--brand);color:#fff}.nav-inner{max-width:960px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.nav-brand{font-weight:700}.nav-links{display:flex;flex-wrap:wrap;gap:4px}.nav-links a{color:#fff;text-decoration:none;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center}.nav-links a[aria-current=page]{text-decoration:underline;font-weight:700}.nav-user{margin-left:auto}#app-nav .btn-link{background:none;border:1px solid #fff;color:#fff}.btn{min-height:44px;min-width:44px;padding:10px 16px;border:1px solid var(--brand);border-radius:6px;background:var(--brand);color:#fff;font-size:16px;cursor:pointer}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.6;cursor:wait}.btn-secondary{background:var(--bg);color:var(--brand)}.btn-small{min-height:44px;padding:8px 12px;font-size:14px}.btn-block{display:block;width:100%}.btn-loading{cursor:progress}input,select{font-size:16px;padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:6px;max-width:100%}label{display:block;font-weight:600;margin-bottom:4px}.field{margin-bottom:16px}.field-check{display:flex;align-items:center;gap:8px}.field-check label{margin-bottom:0}.hint{color:var(--ink-soft);font-size:14px}.field-error{color:var(--danger);margin:4px 0 0;font-size:14px}.banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-bottom:16px}.banner-error{background:#fdecea;color:var(--danger);border:1px solid var(--danger)}.skeleton-row{height:44px;background:var(--bg-soft);border-radius:6px;margin-bottom:8px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.empty-state{padding:32px;text-align:center;color:var(--ink-soft);background:var(--bg-soft);border-radius:8px}.site-title{display:flex;flex-direction:column;margin:8px 0 16px}.brand{font-size:24px}.brand-sub{font-size:18px;color:var(--ink-soft);font-weight:500}.section{border:1px solid var(--line);border-radius:8px;padding:16px;margin:0 0 16px}.section legend{font-weight:700;padding:0 6px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.item-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px;min-height:44px;cursor:pointer}.item-option input[type=checkbox]{width:22px;height:22px;min-height:22px}.item-name{flex:1;font-weight:400}.qty-input{width:64px;min-height:44px}.page-p2{text-align:center;max-width:480px;margin:0 auto}.success-mark{font-size:56px;color:var(--ok)}.code-box{display:flex;flex-direction:column;gap:4px;background:var(--bg-soft);border:2px dashed var(--brand);border-radius:8px;padding:16px;margin:16px 0 8px}.code-value{font-size:28px;font-weight:700;letter-spacing:1px}.echo-list{text-align:left;margin:16px 0}.echo-list dt{font-weight:700}.echo-list dd{margin:0 0 8px}.date-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.roster-counts{font-weight:700}.slot-heading{margin:16px 0 8px;font-size:16px;border-bottom:1px solid var(--line);padding-bottom:4px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 8px;border-bottom:1px solid var(--line)}.row-code{font-family:ui-monospace,monospace;font-weight:700}.row-operator{color:var(--ink-soft);font-size:13px}.row-actions{margin-left:auto;display:flex;gap:8px}.badge{padding:4px 10px;border-radius:999px;font-size:14px;border:1px solid}.badge-pending{color:var(--ink);border-color:var(--ink-soft);background:var(--bg-soft)}.badge-collected,.badge-active{color:var(--ok);border-color:var(--ok);background:#e8f5ec}.badge-inactive{color:var(--ink-soft);border-color:var(--ink-soft);background:var(--bg-soft)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.stock-input{width:110px}.stock-cell{display:flex;gap:8px;align-items:center}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.scrim{position:fixed;inset:0;background:#0f171e73;display:flex;justify-content:flex-end;z-index:20}.drawer{background:var(--bg);width:min(360px,90vw);padding:24px;height:100%}#toast-region{position:fixed;left:50%;transform:translate(-50%);bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px}.toast-action{background:none;border:1px solid #fff;color:#fff;min-height:44px;padding:8px 12px;border-radius:6px;cursor:pointer}.pager{display:flex;gap:12px;align-items:center;margin-top:12px}@media (max-width: 640px){.row{gap:6px 8px}.row-actions{margin-left:0;width:100%}}