.kk { width: 100%; }
.kk-head, .kk-actions { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.kk-head b { color: #f5d90a; }
.kk-modes a { color: #93c5fd; margin-right: 14px; }
.kk-modes a.on { color: #fff; font-weight: 700; }
.kk-note { color: #94a3b8; }
.kk h2 { margin: 18px 0 6px; }
.kk table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; }
.kk th, .kk td { border-bottom: 1px solid rgba(255,255,255,.08); padding: 7px; font-size: 13px; text-align: left; }
.kk input { width: 100%; box-sizing: border-box; background: #0f1724; color: #fff; border: 1px solid #334155; border-radius: 8px; padding: 8px; }
.kk-disc, .kk-pay { background: #4b5563; }
.kk-actions { justify-content: center; margin-top: 8px; }
.kk-actions button { border: 0; border-radius: 8px; padding: 10px 22px; color: #fff; font-weight: 700; }
.kk-submit { background: #0f9f8f; }
.kk-clear { background: #dc2626; }