:root{--kp-blue:#58acd3;--kp-navy:#153449;--kp-bg:#f4f7f9;--kp-line:#dce5ea;--kp-muted:#69808d;--kp-white:#fff;--kp-danger:#b73b46}.kp-app{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--kp-navy);background:var(--kp-bg);border-radius:24px;padding:clamp(16px,3vw,34px);max-width:1180px;margin:auto;box-sizing:border-box}.kp-app *{box-sizing:border-box}.kp-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.kp-head h2{font-size:clamp(28px,4vw,44px);margin:4px 0}.kp-head p{margin:0;color:var(--kp-muted)}.kp-eyebrow{color:var(--kp-blue);font-weight:800;font-size:12px;letter-spacing:.14em}.kp-primary,.kp-secondary,.kp-danger,.kp-tabs button,.kp-icon{border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.kp-primary{background:var(--kp-blue);color:#fff;box-shadow:0 7px 18px #58acd344}.kp-secondary{background:#fff;color:var(--kp-navy);border:1px solid var(--kp-line)}.kp-danger{color:var(--kp-danger);background:#fff1f2}.kp-tabs{display:flex;gap:5px;border-bottom:1px solid var(--kp-line);margin:28px 0 22px;overflow:auto}.kp-tabs button{background:transparent;color:var(--kp-muted);white-space:nowrap;border-radius:10px 10px 0 0}.kp-tabs button.active{color:var(--kp-navy);background:#fff;box-shadow:inset 0 -3px var(--kp-blue)}.kp-tools{display:grid;grid-template-columns:1fr 220px;gap:12px}.kp-app input,.kp-app select,.kp-app textarea{width:100%;border:1px solid var(--kp-line);background:#fff;color:var(--kp-navy);border-radius:11px;padding:12px;font:inherit}.kp-stats{display:flex;gap:10px;margin:16px 0;color:var(--kp-muted);font-size:14px}.kp-pill{background:#e5f4fa;padding:5px 10px;border-radius:999px}.kp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kp-contact,.kp-card{background:#fff;border:1px solid var(--kp-line);border-radius:17px;padding:18px;box-shadow:0 5px 18px #17374a0a}.kp-contact{cursor:pointer;transition:.18s}.kp-contact:hover{transform:translateY(-2px);box-shadow:0 10px 25px #17374a14}.kp-contact h3{margin:10px 0 4px;font-size:18px}.kp-contact p{margin:3px 0;color:var(--kp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-badge{display:inline-block;border-radius:999px;background:#eef4f7;padding:4px 8px;font-size:11px;font-weight:800}.kp-badge.business{background:#e3f3fb;color:#287da4}.kp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kp-card h3{margin-top:0}.kp-card p,.kp-card small{color:var(--kp-muted)}.kp-card input[type=file]{margin:10px 0 14px}.kp-settings{max-width:620px}.kp-settings label,.kp-form-grid label{display:block;font-size:13px;font-weight:700;margin-bottom:13px}.kp-settings input,.kp-form-grid input,.kp-form-grid select,.kp-form-grid textarea{margin-top:6px}dialog#kp-dialog{width:min(760px,calc(100% - 24px));max-height:92vh;border:0;border-radius:20px;padding:0;color:var(--kp-navy)}dialog::backdrop{background:#102b3c99;backdrop-filter:blur(4px)}#kp-form{padding:24px}.kp-modal-head,.kp-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.kp-modal-head h3{margin:4px 0 18px;font-size:26px}.kp-icon{font-size:25px;background:transparent;padding:6px 11px}.kp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.kp-wide{grid-column:1/-1}.kp-check{display:flex!important;align-items:center;gap:8px}.kp-check input{width:auto;margin:0}.kp-modal-actions{border-top:1px solid var(--kp-line);padding-top:16px}.kp-modal-actions span{flex:1}.kp-toast{position:fixed;z-index:99999;right:22px;bottom:22px;background:var(--kp-navy);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 10px 35px #0004}.kp-empty{text-align:center;color:var(--kp-muted);padding:45px 10px}.kp-birthday{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--kp-line)}@media(max-width:850px){.kp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kp-head{align-items:flex-start;flex-direction:column}.kp-head .kp-primary{width:100%}.kp-tools,.kp-grid2,.kp-list,.kp-form-grid{grid-template-columns:1fr}.kp-wide{grid-column:auto}.kp-app{border-radius:0}.kp-modal-actions{flex-wrap:wrap}.kp-modal-actions span{display:none}.kp-modal-actions button{flex:1}.kp-danger{flex-basis:100%!important;order:3}}
