:root{--rad:16px}
.nmsp-auth{max-width:420px;margin:40px auto;padding:24px;border:1px solid #e5e7eb;border-radius:var(--rad);background:#fff}
.nmsp-auth h2{margin:0 0 16px}
.nmsp-auth input, .nmsp-auth select{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:10px}
.nmsp-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:0;background:#2563eb;color:#fff;cursor:pointer;text-decoration:none}
.nmsp-alert{margin:8px 0;padding:8px 12px;border-radius:10px;background:#fee2e2}
.nmsp-alert.success{background:#dcfce7}
.nms-member{max-width:1100px;margin:24px auto;padding:0 10px}
.nms-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.nms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.nms-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}
.nms-doc-preview{background:#fafafa;border:1px dashed #ddd;border-radius:12px;padding:12px;margin-bottom:10px}
.nms-idcard{border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#fff;padding:6px}
.nms-id-header,.nms-id-footer{width:100%;display:block}
.nms-id-body{display:flex;gap:12px;align-items:center;justify-content:flex-start;padding:10px;position:relative;min-height:120px}
.nms-id-logo{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid #ddd}

.nmsp-panel{display:flex;min-height:70vh}
.nmsp-sidebar{width:240px;background:#111827;color:#fff;padding:16px;border-radius:16px;margin:16px}
.nmsp-sidebar a{display:block;color:#fff;text-decoration:none;padding:8px 10px;border-radius:10px;margin:4px 0;background:#1f2937}
.nmsp-brand{font-weight:700;margin-bottom:8px}
.nmsp-content{flex:1;margin:16px;background:#fff;border:1px solid #eee;border-radius:16px;padding:16px}

.nms-cards{display:grid;gap:14px}
.nms-cards.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.nms-kpi{border-radius:16px;color:#fff;padding:16px;text-decoration:none;display:block;position:relative;overflow:hidden;min-height:110px}
.nms-kpi .kpi-title{opacity:.95}
.nms-kpi .kpi-num{font-size:42px;line-height:1.1;font-weight:700;margin-top:6px}
.nms-kpi .kpi-more{font-size:12px;opacity:.9;margin-top:6px}
.nms-kpi.orange{background:linear-gradient(135deg,#ff9966,#ff5e62)}
.nms-kpi.green{background:linear-gradient(135deg,#00c853,#00e676)}
.nms-kpi.blue{background:linear-gradient(135deg,#36d1dc,#5b86e5)}
.nms-kpi.purple{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}

.nmsp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nmsp-grid label{font-size:12px;color:#374151}
.nmsp-grid input, .nmsp-grid select{width:100%;padding:10px;margin:2px 0 10px;border:1px solid #ddd;border-radius:10px}

@media (max-width:720px){ .nmsp-grid{grid-template-columns:1fr} }
@media print{ .nmsp-sidebar,.nms-top,.nmsp-btn,.nms-kpi{display:none !important} body{background:#fff} }