.pmi-page{width:min(1500px,calc(100% - 36px));margin:auto;padding:28px 0 50px;color:var(--text-primary)}.pmi-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.pmi-header span{color:#7aa9ff;font-size:10px;font-weight:900;letter-spacing:.16em}.pmi-header h1{margin:6px 0 0;font-size:clamp(1.75rem,3vw,2.35rem)}.pmi-header p{margin:7px 0 0;color:var(--text-secondary)}.pmi-header a,.pmi-actions button,.pmi-upload button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid #4b8bf5;border-radius:10px;background:#3778dd;color:#fff;font:inherit;font-size:10px;font-weight:900;text-decoration:none;cursor:pointer}.pmi-header a{border-color:var(--border);background:var(--surface-soft);color:var(--text-secondary)}button:disabled{opacity:.5;cursor:wait}
.pmi-card{margin-bottom:18px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md)}.pmi-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.pmi-title>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#214674;color:#a9c9ff;font-size:12px}.pmi-title h2{margin:0;font-size:16px}.pmi-title p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.pmi-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pmi-upload input{flex:1;min-width:280px;min-height:43px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text-primary)}#pmi-upload-message,#pmi-mapping-message,#pmi-confirm-message{color:#fda4af;font-size:11px;font-weight:800}.pmi-file-label{margin:-6px 0 15px;padding:9px 12px;border-radius:9px;background:#101b2b;color:#9fc2ff;font-size:11px;font-weight:800}
.pmi-mapping{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.pmi-map-item{display:grid;gap:6px;color:var(--text-secondary);font-size:9px;font-weight:900;text-transform:uppercase}.pmi-map-item select{min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:#101b2b;color:var(--text-primary)}.pmi-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:11px}.pmi-table-wrap table{width:100%;border-collapse:collapse;min-width:950px}.pmi-table-wrap th{padding:10px;background:var(--surface-soft);color:#91a3bc;font-size:9px;text-align:left;text-transform:uppercase;white-space:nowrap}.pmi-table-wrap td{padding:9px 10px;border-top:1px solid rgba(43,59,82,.76);color:var(--text-secondary);font-size:10px;vertical-align:top}.pmi-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.pmi-actions span{margin-right:auto}
.pmi-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:15px}.pmi-summary div{padding:12px;border:1px solid var(--border);border-radius:10px;background:#101b2b}.pmi-summary strong,.pmi-summary small{display:block}.pmi-summary strong{font-size:19px}.pmi-summary small{margin-top:4px;color:var(--text-muted);font-size:8px;font-weight:900;text-transform:uppercase}.pmi-update{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--text-secondary);font-size:11px;font-weight:800}.pmi-update input{width:17px;height:17px;accent-color:#4b8bf5}.pmi-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.pmi-legend span,.pmi-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.pmi-legend small{margin-left:auto;color:var(--text-muted)}.new{background:#17372f;color:#83e6bd}.existing{background:#172b45;color:#a9c9ff}.unchanged{background:#302b18;color:#facc6b}.invalid{background:#3a2028;color:#fda4af}.pmi-review-select{min-height:32px;padding:0 7px;border:1px solid var(--border);border-radius:7px;background:#101b2b;color:var(--text-primary);font-size:9px}.pmi-negative{color:#fda4af;font-weight:900}.pmi-errors{font-size:11px;color:#fda4af}.pmi-errors li{margin:5px 0}.pmi-toast{position:fixed;right:22px;bottom:22px;z-index:13000;padding:13px 16px;border:1px solid #276752;border-radius:11px;background:#17372f;color:#83e6bd;font-size:12px;font-weight:800;opacity:0;transform:translateY(10px);transition:.2s}.pmi-toast.show{opacity:1;transform:none}.pmi-toast.error{border-color:#753a43;background:#3a2028;color:#fda4af}[hidden]{display:none!important}
@media(max-width:900px){.pmi-header{align-items:stretch;flex-direction:column}.pmi-mapping{grid-template-columns:repeat(2,1fr)}.pmi-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pmi-page{width:calc(100% - 20px)}.pmi-mapping,.pmi-summary{grid-template-columns:1fr}.pmi-upload,.pmi-actions{align-items:stretch;flex-direction:column}}