.cashier-query-row{display:flex;align-items:center;gap:10px}.cashier-order-no{font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.02em;margin-bottom:4px}.cashier-item-row{grid-template-columns:1fr auto}.cashier-item-amount{font-size:14px;font-weight:500;color:var(--text-primary);text-align:right}.merchants-row{grid-template-columns:1.5fr .6fr 1.4fr .7fr 1fr}.picking-row{grid-template-columns:2fr .8fr .8fr}.order-no{font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.02em;margin-bottom:2px}.products-row{grid-template-columns:2fr .8fr .9fr .7fr 1.4fr}.users-row{grid-template-columns:1fr 1fr 1.2fr .7fr}.users-mgmt-row{grid-template-columns:1fr 1fr 1.2fr .6fr 1.8fr}.logs-row{grid-template-columns:.7fr 1fr 2fr}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header .section-title{margin-bottom:0}.btn-sm{padding:4px 12px;font-size:13px}.action-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.action-btn{padding:3px 8px;font-size:12px;border-radius:4px;border:1px solid #d1d5db;background:#fff;cursor:pointer;color:#374151;transition:background .15s}.action-btn:hover{background:#f3f4f6}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-danger{border-color:#fca5a5;color:#dc2626}.action-btn-danger:hover{background:#fef2f2}.action-btn-success{border-color:#86efac;color:#16a34a}.action-btn-success:hover{background:#f0fdf4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:10px;padding:28px 32px;width:380px;box-shadow:0 8px 32px #0000002e}.modal-title{font-size:16px;font-weight:600;margin-bottom:20px;color:#111827}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-field label{font-size:13px;color:#6b7280;font-weight:500}.form-field input,.form-field select{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:14px;outline:none;transition:border-color .15s}.form-field input:focus,.form-field select:focus{border-color:#6366f1}.form-error{color:#dc2626;font-size:13px;margin-bottom:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-secondary{padding:7px 18px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:14px;color:#374151}.btn-secondary:hover{background:#f3f4f6}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fafafa;font-family:Geist,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.login-card{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a,0 8px 16px -4px #0000000f}.login-brand{display:flex;align-items:center;gap:8px;margin-bottom:32px}.login-brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#171717;color:#fff;border-radius:8px}.login-brand-name{font-size:14px;font-weight:600;color:#171717;letter-spacing:-.28px}.login-header{margin-bottom:28px}.login-title{font-size:24px;font-weight:600;color:#171717;letter-spacing:-.96px;line-height:1.25;margin:0 0 8px}.login-subtitle{font-size:14px;color:#4d4d4d;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:14px;font-weight:500;color:#171717;letter-spacing:-.28px}.login-input{width:100%;height:40px;padding:0 12px;background:#fff;border:1px solid #ebebeb;border-radius:6px;font-size:14px;color:#171717;font-family:inherit;transition:border-color .15s;box-sizing:border-box;min-height:unset}.login-input:focus{outline:none;border-color:#171717;box-shadow:0 0 0 3px #17171714}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-input-wrap{position:relative}.login-input-wrap .login-input{padding-right:40px}.login-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;padding:0;min-height:unset;font-weight:400}.login-eye-btn:hover{color:#171717;background:#f5f5f5}.login-error{font-size:13px;color:#e00;margin:0;padding:10px 12px;background:#fff5f5;border:1px solid #f7d4d6;border-radius:6px;line-height:1.5}.login-submit{width:100%;height:40px;background:#171717;color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s;letter-spacing:-.28px;padding:0;min-height:unset}.login-submit:hover:not(:disabled){background:#2e2e2e}.login-submit:disabled{opacity:.38;cursor:not-allowed}.login-footer{margin:20px 0 0;font-size:12px;color:#888;text-align:center;line-height:1.5}@media(max-width:480px){.login-card{margin:16px;padding:28px 24px;border-radius:12px}}.not-found-page{min-height:calc(100vh - 124px);display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1fr);align-items:center;gap:48px;overflow:hidden}.not-found-visual{position:relative;min-height:360px;border:1px solid #dfe5ee;border-radius:8px;background:linear-gradient(90deg,#ffffffdb,#ffffff94),repeating-linear-gradient(-32deg,#f0f4f9 0,#f0f4f9 14px,#e5ebf4 14px,#e5ebf4 28px);box-shadow:0 28px 70px #2330451a}.not-found-route-line{position:absolute;left:12%;right:12%;top:50%;height:10px;border-radius:999px;background:linear-gradient(90deg,#111827 50%,transparent 0) 0 50% / 36px 4px repeat-x,#cbd5e1;transform:rotate(-7deg)}.not-found-route-line:before,.not-found-route-line:after{position:absolute;top:50%;width:24px;height:24px;border-radius:50%;background:#111827;content:"";transform:translateY(-50%)}.not-found-route-line:before{left:-4px}.not-found-route-line:after{right:-4px;background:#f97316}.not-found-marker{position:absolute;right:15%;top:17%;display:grid;width:72px;height:72px;place-items:center;border:1px solid #f59e0b;border-radius:8px;background:#fff7ed;color:#c2410c;box-shadow:12px 16px #fb923c26;transform:rotate(8deg)}.not-found-crate{position:absolute;left:16%;bottom:17%;display:grid;width:168px;height:136px;place-items:center;border:2px solid #111827;border-radius:8px;background:linear-gradient(135deg,transparent 46%,rgb(17 24 39 / 14%) 47% 53%,transparent 54%),linear-gradient(45deg,transparent 46%,rgb(17 24 39 / 12%) 47% 53%,transparent 54%),#fef3c7;color:#111827;box-shadow:14px 14px #111827;transform:rotate(-5deg)}.not-found-crate span{position:absolute;right:16px;bottom:12px;font-size:28px;font-weight:800;line-height:1}.not-found-copy{max-width:560px}.not-found-eyebrow{margin-bottom:12px;color:#c2410c;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.not-found-copy h2{margin-bottom:18px;color:#111827;font-size:56px;font-weight:800;line-height:1.04}.not-found-copy p:not(.not-found-eyebrow){max-width:500px;color:#64748b;font-size:16px;line-height:1.8}.not-found-copy strong{color:#111827;font-weight:700;word-break:break-all}.not-found-home-link{display:inline-flex;align-items:center;gap:8px;height:42px;margin-top:28px;padding:0 16px;border:1px solid #111827;border-radius:8px;background:#111827;color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:6px 6px #f97316;transition:box-shadow .18s,transform .18s}.not-found-home-link:hover{box-shadow:3px 3px #f97316;transform:translate(3px,3px)}.not-found-home-arrow{transform:rotate(180deg)}@media(max-width:860px){.not-found-page{grid-template-columns:1fr;gap:28px}.not-found-visual{min-height:260px}.not-found-copy h2{font-size:42px}}@media(max-width:640px){.not-found-page{min-height:auto}.not-found-visual{min-height:220px}.not-found-crate{width:132px;height:108px}.not-found-marker{width:58px;height:58px}.not-found-copy h2{font-size:34px}}:root{--bg-app: #fafafa;--bg-card: #ffffff;--border: #ebebeb;--border-focus: #171717;--text-primary: #171717;--text-secondary: #666666;--text-tertiary: #999999;--btn-primary: #171717;--btn-primary-hover: #383838;--green: #16a34a;--orange: #ea580c;--red: #dc2626;--blue: #2563eb;--green-bg: #f0fdf4;--orange-bg: #fff7ed;--red-bg: #fef2f2;--blue-bg: #eff6ff}*{box-sizing:border-box}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:Geist,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:16px;font-weight:600;color:var(--text-primary)}.app-shell{display:grid;min-height:100vh;grid-template-columns:240px 1fr}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px;margin-bottom:20px}.sidebar-brand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--btn-primary);color:#fff;border-radius:8px;flex-shrink:0}.sidebar-brand-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-brand-text span{display:block;font-size:12px;color:var(--text-tertiary);margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;transition:background .1s,color .1s}.nav-item:hover{background:#f5f5f5;color:var(--text-primary)}.nav-item.active{background:#f5f5f5;color:var(--text-primary);border-left-color:var(--text-primary)}.workspace{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;border-bottom:1px solid var(--border);background:var(--bg-app);flex-shrink:0}.topbar-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:10px}.operator-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:100px;background:#f5f5f5;color:var(--text-secondary);font-size:13px;font-weight:500}.logout-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.logout-btn:hover{background:#f5f5f5;color:var(--text-primary);border-color:#d4d4d4}.page-content{padding:32px;flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 24px}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:unset;cursor:pointer;font-size:14px;font-weight:500;line-height:1;border:none;border-radius:100px;transition:background .15s,opacity .15s,border-color .15s}button:disabled{opacity:.38;cursor:not-allowed}.btn-primary{height:36px;padding:0 16px;background:var(--btn-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{height:36px;padding:0 14px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#d4d4d4}.btn-danger{height:36px;padding:0 14px;background:var(--bg-card);color:var(--red);border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:var(--red-bg)}.btn-success{height:36px;padding:0 14px;background:var(--bg-card);color:var(--green);border:1px solid #86efac}.btn-success:hover:not(:disabled){background:var(--green-bg)}.btn-sm{height:30px;padding:0 12px;font-size:13px}.field-input{width:100%;height:36px;padding:0 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #17171714}.field-input:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:100px;font-size:12px;font-weight:500;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-orange{background:var(--orange-bg);color:var(--orange)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-gray{background:#f5f5f5;color:#666}.metric-card{display:flex;flex-direction:column;gap:8px}.metric-label{font-size:13px;color:var(--text-tertiary);font-weight:400}.metric-value{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.data-table{display:flex;flex-direction:column}.data-header{display:grid;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-tertiary);font-weight:500;align-items:center}.data-row{display:grid;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;align-items:center}.data-row:last-child{border-bottom:none;padding-bottom:0}.cell-stack{display:flex;flex-direction:column;gap:2px}.cell-primary{font-size:14px;font-weight:500;color:var(--text-primary)}.cell-secondary{font-size:12px;color:var(--text-secondary)}.stack{display:flex;flex-direction:column;gap:16px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.two-col{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(380px,1.25fr);gap:16px}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-row{display:flex;align-items:center;gap:10px}.flex-grow{flex:1}.actions{display:flex;flex-wrap:wrap;gap:8px}.alert{padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5}.alert-success{background:var(--green-bg);color:var(--green);border:1px solid #86efac}.alert-warning{background:var(--orange-bg);color:var(--orange);border:1px solid #fdba74}.alert-error{background:var(--red-bg);color:var(--red);border:1px solid #fca5a5}.alert-info{background:#f5f5f5;color:var(--text-secondary);border:1px solid var(--border)}.total-row{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.total-amount{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--orange)}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.metrics-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}