.kkl-ms-form,.kkl-ms-dashboard,.kkl-ms-login{--kkl:#b51f2b;--ink:#202124;--muted:#667085;max-width:900px;margin:24px auto;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.06);color:var(--ink)}
.kkl-ms-heading{margin-bottom:24px}.kkl-ms-heading h2{margin:0 0 6px;font-size:28px}.kkl-ms-heading p{margin:0;color:var(--muted)}
.kkl-ms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kkl-ms-full{grid-column:1/-1}.kkl-ms-field{display:block;margin:0 0 18px}.kkl-ms-field>span,.kkl-ms-section legend{display:block;margin-bottom:7px;font-weight:650}.kkl-ms-field b,.kkl-ms-consent b{color:var(--kkl)}
.kkl-ms-field input[type=text],.kkl-ms-field input[type=email],.kkl-ms-field input[type=url],.kkl-ms-field input[type=tel],.kkl-ms-field input[type=datetime-local],.kkl-ms-field textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cfd4dc;border-radius:8px;background:#fff;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}
.kkl-ms-field input:focus,.kkl-ms-field textarea:focus{outline:0;border-color:var(--kkl);box-shadow:0 0 0 3px rgba(181,31,43,.12)}.kkl-ms-field small{display:block;margin-top:6px;color:var(--muted)}
.kkl-ms-section{margin:8px 0 22px;padding:18px;border:1px solid #e5e7eb;border-radius:10px}.kkl-ms-section legend{padding:0 8px;font-size:17px}.kkl-ms-section .kkl-ms-field{margin-bottom:0}.kkl-ms-check{display:flex;align-items:center;gap:8px;padding-top:32px}.kkl-ms-check>span{margin:0}
.kkl-ms-consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0;line-height:1.55}.kkl-ms-consent input{margin-top:5px}.kkl-ms-submit,.kkl-ms-button{display:inline-block;padding:12px 20px;border:0;border-radius:8px;background:var(--kkl);color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer}.kkl-ms-submit:hover,.kkl-ms-button:hover{filter:brightness(.92)}
.kkl-ms-notice{max-width:900px;box-sizing:border-box;margin:18px auto;padding:14px 16px;border-radius:8px}.kkl-ms-success{border:1px solid #86d6a6;background:#edfdf3;color:#17633a}.kkl-ms-error{border:1px solid #f2a7a7;background:#fff2f2;color:#8b1e1e}
.kkl-ms-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.kkl-ms-current-image{display:flex;align-items:center;gap:14px;margin-bottom:10px}.kkl-ms-current-image img{width:150px;height:auto;border-radius:8px}.kkl-ms-preview img{display:block;max-width:260px;max-height:180px;margin-top:12px;border-radius:8px;object-fit:cover}
.kkl-ms-table-wrap{overflow-x:auto}.kkl-ms-dashboard table{width:100%;border-collapse:collapse}.kkl-ms-dashboard th,.kkl-ms-dashboard td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.kkl-ms-status{display:inline-block;padding:4px 8px;border-radius:99px;font-size:13px}.status-pending{background:#fff4d6;color:#7a5200}.status-draft{background:#f3f4f6;color:#475467}.status-publish{background:#e8f8ee;color:#17633a}.status-trash{background:#fff2f2;color:#8b1e1e}
.kkl-ms-quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 30px}.kkl-ms-quota{margin:0;padding:18px;border:1px solid #e4e7ec;border-radius:12px;background:#f9fafb}.kkl-ms-quota p{margin:5px 0;color:var(--muted)}.kkl-ms-quota small{display:block;margin-top:10px;color:var(--muted)}.kkl-ms-quota-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.kkl-ms-quota-head>b{flex:none;font-size:24px;color:var(--kkl)}.kkl-ms-progress{height:10px;margin:14px 0 10px;overflow:hidden;border-radius:99px;background:#e4e7ec}.kkl-ms-progress span{display:block;height:100%;border-radius:inherit;background:var(--kkl);transition:width .2s}.kkl-ms-quota .kkl-ms-quota-full{font-weight:700;color:#8b1e1e}.kkl-ms-list-section{margin-top:28px}.kkl-ms-list-section h3{margin:0 0 12px;font-size:20px}.kkl-ms-empty{padding:18px;border:1px dashed #d0d5dd;border-radius:9px;color:var(--muted);background:#fcfcfd}
@media(max-width:640px){.kkl-ms-form,.kkl-ms-dashboard,.kkl-ms-login{padding:18px;border-radius:8px}.kkl-ms-grid,.kkl-ms-quota-grid{grid-template-columns:1fr}.kkl-ms-heading h2{font-size:23px}.kkl-ms-section .kkl-ms-field{margin-bottom:16px}.kkl-ms-check{padding-top:0}}
