*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}.page-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.login-form{flex-direction:column;gap:12px;width:300px;display:flex}.login-form h2{text-align:center}.login-form input{border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.login-form button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;padding:8px;font-size:14px}.login-form button:hover{background:#444}.error{color:#e33;text-align:center;font-size:13px}.layout{height:100vh;display:flex}.sidebar{color:#fff;background:#222;flex-direction:column;flex-shrink:0;width:200px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}.sidebar h3{text-transform:uppercase;letter-spacing:1px;opacity:.6;padding:0 20px 20px;font-size:13px;font-weight:600}.sidebar nav{flex-direction:column;flex:1;display:flex}.sidebar nav a{color:#ccc;padding:10px 20px;font-size:14px;text-decoration:none}.sidebar nav a:hover{color:#fff;background:#333}.sidebar nav a.active{color:#fff;background:#444;font-weight:600}.logout-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;margin:auto 20px 20px;padding:8px;font-size:13px}.logout-btn:hover{color:#fff;background:#333}.main{flex:1;height:100vh;padding:24px;overflow-y:auto}.main h2{margin-bottom:16px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.grid .card{flex-direction:column;gap:6px;display:flex}.grid .card h4{margin-bottom:2px}.grid .card p{color:#666;font-size:14px}.grid .card small{color:#999;font-size:12px}.btn-add{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;margin-top:auto;padding:6px 12px;font-size:13px}.btn-add:hover{background:#444}.cart-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000001a}.cart-item h4{font-size:14px}.cart-item p{color:#666;font-size:13px}.cart-actions{align-items:center;gap:8px;display:flex}.cart-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:28px;height:28px;font-size:14px}.cart-actions button:hover{background:#f0f0f0}.cart-actions span{text-align:center;min-width:20px;font-size:14px}.btn-remove{color:#e33;padding:0 8px;border-color:#e33!important;width:auto!important;font-size:12px!important}.cart-total{text-align:right;margin-top:16px;padding:12px 0;font-size:18px;font-weight:600}.btn-checkout{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;width:100%;margin-top:8px;padding:10px;font-size:15px;display:block}.btn-checkout:hover{background:#444}.checkout-form{flex-direction:column;gap:10px;margin-top:16px;display:flex}.checkout-form h3{font-size:15px}.checkout-form input{border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.checkout-form button[type=submit]{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;padding:10px;font-size:14px}.checkout-form button[type=submit]:hover{background:#444}.checkout-form button:disabled{opacity:.5;cursor:not-allowed}.form-row{gap:8px;display:flex}.form-row input{flex:1}.order-card,.return-card{margin-bottom:10px}.order-card.clickable,.return-card.clickable{cursor:pointer}.order-card.clickable:hover,.return-card.clickable:hover{box-shadow:0 2px 8px #00000026}.order-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-detail{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.order-id-full{color:#666;word-break:break-all;margin-bottom:16px;font-size:13px}.btn-back{color:#222;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px}.btn-back:hover{text-decoration:underline}.detail-section{margin-bottom:12px}.detail-section h3{margin-bottom:10px;font-size:15px}.detail-grid{grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;display:grid}.detail-grid .badge{justify-self:start}.detail-action{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.mono{color:#555;font-family:monospace;font-size:12px}.btn-action{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-size:14px}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-pay{background:#28a745}.btn-pay:hover:not(:disabled){background:#218838}.btn-deliver{background:#007bff}.btn-deliver:hover:not(:disabled){background:#0069d9}.btn-fulfill{background:#6f42c1}.btn-fulfill:hover:not(:disabled){background:#5a32a3}.btn-return{background:#dc3545}.btn-return:hover:not(:disabled){background:#c82333}.btn-ship{background:#17a2b8}.btn-ship:hover:not(:disabled){background:#138496}.btn-receive{background:#28a745}.btn-receive:hover:not(:disabled){background:#218838}.btn-secondary{cursor:default;background:#6c757d}.btn-secondary:hover{background:#6c757d}.btn-confirm{background:#fd7e14}.btn-confirm:hover:not(:disabled){background:#e06b0a}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge-completed{color:#155724;background:#d4edda}.badge-failed{color:#721c24;background:#f8d7da}.badge-running{color:#856404;background:#fff3cd}.badge-unknown{color:#383d41;background:#e2e3e5}.empty{color:#999;font-style:italic}