.kmp-front-wrap{max-width:1200px;margin:0 auto;padding:24px}
.kmp-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:18px}
.kmp-tabs{display:flex;gap:8px;margin-bottom:12px}
.kmp-tab{border:1px solid #cbd5e1;background:#ffffff;color:#111827;font-weight:600;border-radius:999px;padding:6px 14px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .15s ease}
.kmp-tab:hover{filter:brightness(0.98)}
.kmp-tab.is-active{background:#0f172a;border-color:#0f172a;color:#ffffff;box-shadow:0 2px 6px rgba(15,23,42,.25)}
.kmp-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}
.kmp-row label{font-weight:600;display:block;margin:0 0 6px}
.kmp-row input,.kmp-row select{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;color:#0f172a}
.kmp-featurebar{display:flex;align-items:center;gap:12px;margin-top:12px}
.kmp-btn{background:#111827;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}
.kmp-btn:hover{background:#1e293b}
.kmp-note{color:#334155}
.kmp-front-footer{color:#475569;font-size:14px;text-align:center;margin-top:24px}
#kmp-table{overflow-x:auto;width:100%;max-width:100%}
#kmp-table table{width:100%;border-collapse:collapse;table-layout:auto;word-wrap:break-word}
#kmp-table th,#kmp-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:260px}
#kmp-table th{background:#f8fafc;color:#0f172a}
#kmp-table td{color:#111827}
#kmp-table td:hover{white-space:normal;background:#f1f5f9;position:relative;z-index:2}
@media(max-width:960px){.kmp-row{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kmp-row{grid-template-columns:1fr}}