.guest-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0}.guest-header{text-align:center;padding:2rem 1rem 1.5rem}.guest-header h1{font-size:1.6rem;font-weight:700;color:#e94560;margin-bottom:.4rem}.guest-subtitle{font-size:.85rem;opacity:.7}.guest-section{padding:1rem 1.2rem 2rem;max-width:480px;margin:0 auto}.section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.guest-error{background:#e9456026;color:#e94560;padding:.6rem 1rem;margin:0 1rem 1rem;border-radius:8px;font-size:.85rem;text-align:center}.product-grid{display:flex;flex-direction:column;gap:.8rem}.product-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;color:#e0e0e0;font-size:inherit}.product-card:hover{background:#e9456026;border-color:#e94560}.product-card:active{transform:scale(.98)}.product-icon{font-size:2rem}.product-name{font-size:1rem;font-weight:600}.product-desc{font-size:.78rem;opacity:.6}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;border:2px dashed rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .2s;margin-bottom:1rem}.upload-zone:hover{border-color:#e94560;background:#e945600d}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem;font-weight:500}.upload-hint{font-size:.75rem;opacity:.5}.preview-container{border-radius:12px;overflow:hidden;background:#000;margin-bottom:.8rem}.preview-image{display:block;width:100%;max-height:60vh;object-fit:contain}.preview-info{text-align:center;font-size:.9rem;opacity:.8;margin-bottom:1rem}.preview-actions{display:flex;gap:.8rem}.success-icon{font-size:3rem;text-align:center;margin-bottom:.5rem}.pickup-code-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem;margin:.8rem 0;background:#e945601a;border:2px dashed #e94560;border-radius:16px}.pickup-label{font-size:.8rem;opacity:.7;letter-spacing:.1em}.pickup-code{font-size:2.8rem;font-weight:800;color:#e94560;letter-spacing:.3em;font-family:Courier New,monospace}.success-order-id{text-align:center;font-size:.85rem;opacity:.7;margin-bottom:.3rem;word-break:break-all}.success-hint{text-align:center;font-size:.9rem;margin-bottom:1.5rem}.btn-primary,.btn-secondary,.btn-back{display:block;width:100%;padding:.8rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.btn-primary{background:linear-gradient(135deg,#e94560,#c23152)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#f05670,#d44262)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#e0e0e0}.btn-secondary:hover{background:#ffffff26}.btn-back{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;margin-top:.8rem;font-weight:400;font-size:.85rem}.btn-back:hover{border-color:#ffffff4d;color:#e0e0e0}.btn-query{width:100%;margin-top:.8rem;padding:.7rem;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:#e0e0e0;font-size:.9rem;cursor:pointer}.btn-query:hover{border-color:#ffffff59}.query-bar{display:flex;gap:.5rem;margin:.6rem 0}.query-bar input{flex:1;padding:.6rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#e0e0e0;font-size:1rem}.query-bar button{padding:0 1rem;border-radius:8px;border:none;background:#4f8cff;color:#fff;font-weight:700;cursor:pointer}.query-result{margin:.8rem 0;padding:.9rem;border-radius:10px;background:#ffffff0d}.query-status{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.query-reject{color:#ff8a8a}.query-reject p{margin-bottom:.6rem}.query-hint{opacity:.7;font-size:.85rem}.staff-page{min-height:100vh;background:#0d1117;color:#e0e0e0}.staff-header-main{padding:1.5rem 1.2rem 1rem;background:#161b22;text-align:center;border-bottom:1px solid #21262d}.staff-header-main h1{font-size:1.3rem;color:#e94560;margin-bottom:.2rem}.staff-header-main p{font-size:.8rem;opacity:.6}.staff-section{max-width:480px;margin:0 auto;padding:1rem}.staff-header{padding:1rem 1.2rem;background:#161b22;text-align:center}.staff-header h1{font-size:1.1rem}.header-code{color:#e94560;margin-left:.5rem;font-family:monospace;font-size:1.3rem}.lookup-bar{display:flex;gap:.5rem;margin-bottom:1rem}.lookup-bar input{flex:1;padding:.65rem .8rem;border-radius:8px;border:1px solid #30363d;background:#161b22;color:#e0e0e0;font-size:.95rem}.lookup-bar input:focus{outline:none;border-color:#e94560}.lookup-bar button{padding:.65rem 1rem;border:none;border-radius:8px;background:#e94560;color:#fff;cursor:pointer;font-weight:600}.lookup-error{padding:.5rem;margin-bottom:.5rem;background:#e9456022;color:#e94560;border-radius:6px;font-size:.85rem;text-align:center}.order-list{background:#161b22;border-radius:10px;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #21262d;font-weight:600;font-size:.9rem}.btn-refresh{background:none;border:1px solid #30363d;color:#8b949e;padding:.25rem .6rem;border-radius:6px;cursor:pointer;font-size:.75rem}.list-empty{text-align:center;padding:2rem;opacity:.5;font-size:.9rem}.order-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #21262d20;cursor:pointer;transition:background .15s}.order-row:hover{background:#21262d}.order-row-left{display:flex;flex-direction:column;gap:.2rem}.order-code{font-family:monospace;font-size:1rem;font-weight:700;color:#e94560}.order-sku{font-size:.7rem;opacity:.5}.order-row-right{display:flex;align-items:center;gap:.4rem}.order-status-dot{width:8px;height:8px;border-radius:50%}.order-status-text{font-size:.75rem;opacity:.8}.order-time{font-size:.7rem;opacity:.4;margin-left:.3rem}.staff-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.btn-save{width:100%;padding:.7rem;border:none;border-radius:8px;background:#238636;color:#fff;font-size:.95rem;cursor:pointer;font-weight:600}.btn-save:disabled{opacity:.5}.btn-print{width:100%;padding:.7rem;border:none;border-radius:8px;background:#e94560;color:#fff;font-size:.95rem;cursor:pointer;font-weight:600}.btn-print:disabled{opacity:.5}.btn-print-out{width:100%;padding:.6rem;border:1px solid #e9456055;border-radius:8px;background:transparent;color:#e94560;font-size:.9rem;cursor:pointer}.status-actions{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tabs{display:flex;gap:.4rem;margin-bottom:.8rem}.filter-tab{flex:1;padding:.5rem .2rem;border:1px solid #30363d;border-radius:8px;background:transparent;color:#8b949e;cursor:pointer;font-size:.78rem;white-space:nowrap}.filter-tab.active{border-color:#e94560;color:#e94560;background:#e9456011}.btn-status{flex:1;min-width:120px;padding:.5rem;border:1px solid #30363d;border-radius:8px;background:transparent;color:#e0e0e0;cursor:pointer;font-size:.8rem}.btn-status:hover{border-color:#e94560}.btn-ready{border-color:#3fb95055;color:#3fb950}.btn-back{display:block;width:100%;margin-top:1rem;padding:.5rem;background:transparent;border:1px solid #30363d;border-radius:8px;color:#8b949e;cursor:pointer}.inv-tabbar{display:flex;gap:.4rem;padding:.6rem 1rem;background:#0d1117;border-top:1px solid #21262d;position:sticky;bottom:0}.inv-tabbar-top{position:static;border-top:none;border-bottom:1px solid #21262d}.inv-tabbar button{flex:1;padding:.6rem .2rem;border:1px solid #30363d;border-radius:8px;background:transparent;color:#8b949e;cursor:pointer;font-size:.85rem}.inv-tabbar button.active{border-color:#e94560;color:#e94560;background:#e9456011}.staff-page-inner{min-height:100vh;background:#0d1117;color:#e0e0e0;padding-bottom:4rem}.inv-header{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;background:#161b22;border-bottom:1px solid #21262d;position:sticky;top:0}.inv-header h1{flex:1;text-align:center;font-size:1.1rem;color:#e94560;margin:0}.inv-back{background:none;border:1px solid #30363d;color:#8b949e;padding:.4rem .7rem;border-radius:8px;cursor:pointer;font-size:.8rem}.inv-refresh{background:none;border:1px solid #30363d;color:#8b949e;padding:.4rem .6rem;border-radius:8px;cursor:pointer;font-size:.85rem}.inv-alert-banner{margin:.8rem 1rem;padding:.6rem .8rem;background:#e9456018;border:1px solid #e9456055;border-radius:8px;color:#e94560;font-size:.8rem;line-height:1.6}.inv-alert-chip{display:inline-block;margin:0 .3rem;padding:.1rem .4rem;background:#e9456022;border-radius:4px}.inv-section{padding:.8rem 1rem}.inv-title{font-size:.95rem;margin:.4rem 0 .7rem;color:#e0e0e0}.inv-prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.inv-prod-card{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:.8rem;text-align:center}.inv-prod-name{font-size:.8rem;opacity:.8}.inv-prod-num{font-size:1.8rem;font-weight:700;color:#3fb950;line-height:1.1}.inv-prod-label{font-size:.7rem;opacity:.5;margin-bottom:.5rem}.inv-prod-bom{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.inv-bom-tag{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;background:#21262d;color:#8b949e}.inv-bom-tag.lack{background:#e9456022;color:#e94560}.inv-mat-list{display:flex;flex-direction:column;gap:.6rem}.inv-mat-row{background:#161b22;border:1px solid #21262d;border-radius:10px;padding:.7rem .85rem}.inv-mat-row.low{border-color:#e9456055}.inv-mat-main{display:flex;justify-content:space-between;align-items:baseline}.inv-mat-name{font-size:.95rem;font-weight:600}.inv-mat-id{font-size:.7rem;opacity:.4;font-family:monospace}.inv-mat-stock{display:flex;align-items:baseline;gap:.4rem;margin:.35rem 0 .3rem}.inv-mat-cur{font-size:1.4rem;font-weight:700;color:#58a6ff}.inv-mat-row.low .inv-mat-cur{color:#e94560}.inv-mat-unit{font-size:.7rem;opacity:.6}.inv-mat-safe{font-size:.72rem;opacity:.5;margin-left:auto}.inv-mat-bar{height:6px;background:#21262d;border-radius:3px;overflow:hidden}.inv-mat-bar-fill{height:100%;background:#3fb950}.inv-mat-bar-fill.low{background:#e94560}.inv-mat-used{font-size:.7rem;opacity:.45;margin-top:.3rem}.inv-stockin{display:flex;flex-wrap:wrap;gap:.5rem}.inv-stockin select,.inv-stockin input{padding:.6rem;border-radius:8px;border:1px solid #30363d;background:#0d1117;color:#e0e0e0;font-size:.9rem}.inv-stockin input[type=number]{width:80px}.inv-stockin input[type=text]{flex:1;min-width:120px}.btn-stockin{padding:.6rem 1rem;border:none;border-radius:8px;background:#238636;color:#fff;font-weight:600;cursor:pointer}.btn-stockin:disabled{opacity:.5}.inv-msg-ok{margin-top:.6rem;padding:.5rem;border-radius:6px;background:#23863622;color:#3fb950;font-size:.82rem}.inv-msg-err{margin-top:.6rem;padding:.5rem;border-radius:6px;background:#e9456022;color:#e94560;font-size:.82rem}.imp-settings{display:flex;flex-wrap:wrap;gap:.6rem;padding:.8rem 1rem;background:#161b22}.imp-settings label{display:flex;flex-direction:column;font-size:.7rem;opacity:.7;gap:.25rem}.imp-settings select,.imp-settings input{padding:.45rem;border-radius:6px;border:1px solid #30363d;background:#0d1117;color:#e0e0e0;font-size:.85rem}.imp-settings input[type=number]{width:70px}.imp-settings .imp-rotate{flex-direction:row;align-items:center;gap:.4rem;opacity:.85}.imp-settings .imp-rotate input{width:auto}.imp-section{padding:.8rem 1rem}.imp-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.imp-chip{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;background:#161b22;border:1px solid #21262d;border-radius:8px;font-size:.78rem;cursor:pointer}.imp-chip.on{border-color:#e94560;background:#e9456011}.imp-chip-code{font-family:monospace;font-weight:700;color:#e94560}.imp-chip-sku{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-chip-warn{font-size:.6rem;background:#d2992222;color:#d29922;padding:.1rem .3rem;border-radius:4px}.imp-actions{display:flex;gap:.6rem;padding:.5rem 1rem}.btn-impose{flex:1;padding:.75rem;border:none;border-radius:8px;background:#bc8cff;color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.btn-impose:disabled{opacity:.5}.btn-print-sheet{flex:1;padding:.75rem;border:none;border-radius:8px;background:#e94560;color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.btn-print-sheet:disabled{opacity:.5}.btn-export-pdf{flex:1;padding:.75rem;border:none;border-radius:8px;background:#3fb950;color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.btn-export-pdf:disabled{opacity:.5}.imp-result{margin:0 1rem;padding:.5rem .7rem;border-radius:6px;font-size:.82rem}.imp-result.ok{background:#23863622;color:#3fb950}.imp-result.warn{background:#e9456022;color:#e94560}.print-sheet-wrap{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;overflow:auto}.imp-page{background:#fff;box-shadow:0 2px 12px #00000080;max-width:100%}.imp-shortage{margin:0 1rem;padding:.6rem .8rem;border-radius:8px;background:#e9456022;color:#ff7b92;font-size:.85rem;line-height:1.6}.imp-shortage-item{display:inline-block;margin:0 .4rem;padding:.1rem .5rem;background:#e9456033;border-radius:4px}.imp-shortage-hint{display:block;margin-top:.3rem;color:#8b949e}.inv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:#e94560;color:#fff;font-size:.7rem;font-weight:700;line-height:1;vertical-align:middle}@media print{body *{visibility:hidden!important}.print-sheet-wrap,.print-sheet-wrap *{visibility:visible!important}.print-sheet-wrap{position:absolute;left:0;top:0;padding:0;gap:0}.imp-page{box-shadow:none;max-width:none;page-break-after:always}.imp-page:last-child{page-break-after:auto}}.btn-reject{padding:.5rem .9rem;border-radius:8px;border:1px solid #f85149;background:transparent;color:#f85149;cursor:pointer;font-size:.85rem}.btn-reject:hover{background:#f8514911}.reject-panel{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;width:100%;margin-top:.4rem;padding:.6rem;background:#161b22;border:1px solid #f8514955;border-radius:8px}.reject-panel select{flex:1;min-width:140px;padding:.45rem;border-radius:6px;border:1px solid #30363d;background:#0d1117;color:#e0e0e0}.btn-reject-confirm{padding:.45rem .8rem;border-radius:6px;border:none;background:#f85149;color:#fff;cursor:pointer}.btn-reject-confirm:disabled{opacity:.45;cursor:not-allowed}.btn-reject-cancel{padding:.45rem .8rem;border-radius:6px;border:1px solid #30363d;background:transparent;color:#8b949e;cursor:pointer}.new-order-toast{position:sticky;top:0;z-index:50;margin:.5rem 1rem;padding:.7rem 1rem;border-radius:8px;background:#1f6feb;color:#fff;font-weight:700;text-align:center;box-shadow:0 4px 16px #1f6feb80;animation:toast-in .25s ease}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.app{min-height:100vh}.app-header{background-color:#1a1a2e;color:#e0e0e0;padding:2rem;text-align:center}.app-header h1{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.app-header p{font-size:.9rem;opacity:.7}