.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);display:grid;gap:28px;padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff}.login-panel h1{margin:0 0 6px;font-size:24px}.login-panel p{margin:0;color:var(--muted)}.login-panel form{display:grid;gap:15px}.login-error{min-height:18px;color:var(--danger)!important;font-size:12px}.top-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.top-actions a{padding:9px 11px;border:1px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none}.dashboard-head{display:flex;justify-content:space-between;gap:18px}.operator{text-align:right}.operator span,.operator strong{display:block}.operator strong{text-transform:capitalize;color:var(--brand)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.summary-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.summary-card span{display:block;color:var(--muted);font-size:11px;font-weight:700}.summary-card strong{display:block;margin-top:5px;font-size:24px}.summary-card.attention{border-left:4px solid var(--accent)}.view-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--line)}.view-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent}.view-tabs button.active{border-bottom-color:var(--brand);color:var(--brand);font-weight:800}.table-tools{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.table-tools h2{margin:0;font-size:16px}.table-tools p{margin:4px 0 0;color:var(--muted);font-size:12px}.filters{display:flex;gap:8px;align-items:center}.filters input{min-width:230px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f7f9f7;color:#566057;font-size:11px;text-transform:uppercase}td:first-child{white-space:normal;min-width:220px}.table-note{display:block;margin-top:3px;color:var(--muted);font-size:11px}.status-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef1ee;color:#596259;font-size:11px;font-weight:800;text-transform:capitalize}.status-badge.erp_created,.status-badge.synced{background:#eaf7ed;color:#236438}.status-badge.invitation_needed,.status-badge.erp_pending,.status-badge.code_missing,.status-badge.erp_failed{background:#fff4df;color:#87550d}.status-badge.submitted,.status-badge.finance_approved{background:#eaf2fb;color:#315c8d}.user-form{display:grid;grid-template-columns:1fr 1.3fr .8fr 1fr auto;gap:10px;align-items:end;padding:16px 18px;border-bottom:1px solid var(--line)}
.sku-note{padding:12px 18px;border-bottom:1px solid var(--line);background:#f8faf8;color:var(--muted);font-size:12px}.sku-table input{min-width:80px}.sku-table input.sku-name{min-width:210px}.sku-table input.sku-prefix{min-width:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sku-table input[type=number]{width:70px;min-width:70px}.sku-table input[type=checkbox]{width:17px;min-width:17px;min-height:17px}.sku-description{display:block;margin-top:5px;color:var(--muted);font-size:11px;max-width:280px;white-space:normal}.invite-action{color:var(--brand);font-weight:700}
@media(max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.table-tools,.dashboard-head{display:grid}.filters{flex-wrap:wrap}.user-form{grid-template-columns:1fr 1fr}.top-actions a{display:none}}@media(max-width:560px){.metrics-grid{grid-template-columns:1fr}.filters input{min-width:100%}.user-form{grid-template-columns:1fr}}