:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-text: #1f2937;--color-muted: #6b7280;--color-border: #e5e7eb;--color-danger: #dc2626;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}input{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-weight:600;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.field label{font-size:13px;color:var(--color-muted)}.field input{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius);outline:none}.field input:focus{border-color:var(--color-primary)}.error-text{color:var(--color-danger);font-size:13px;min-height:18px}.page-title{margin:4px 0 16px;font-size:20px}.panel{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.btn-sm{padding:6px 10px;font-size:13px;font-weight:500;border-radius:8px}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff;border:none}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.input,.select{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius);outline:none;background:#fff}.input:focus,.select:focus{border-color:var(--color-primary)}.table-wrap{overflow-x:auto}table.grid{table-layout:fixed;border-collapse:collapse;font-size:14px}table.grid th,table.grid td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.grid th{color:var(--color-muted);font-weight:600;background:#fafbfc}table.grid td .input,table.grid td .select{width:100%;box-sizing:border-box}table.grid td .actions{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}table.grid td .actions .btn-sm{white-space:nowrap;flex-shrink:0}table.grid td a,table.grid td span.badge,table.grid td span.perm-tag,table.grid td span.pickup-code{white-space:nowrap}table.grid tbody tr:hover{background:#f8fafc}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;line-height:18px}.badge-green{background:#dcfce7;color:#166534}.badge-gray{background:#eef0f3;color:#4b5563}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.muted{color:var(--color-muted)}.actions{display:flex;gap:6px;flex-wrap:wrap}.ok-text{color:#166534;font-size:13px;min-height:18px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:0 10px 40px #0003;width:100%;max-width:640px;padding:16px}.modal-header{display:flex;align-items:center;margin-bottom:10px}.modal-header h3{margin:0;flex:1}.close-x{border:none;background:transparent;font-size:20px;color:var(--color-muted);line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.form-grid .full{grid-column:1 / -1}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}