.kh-phone{position:relative;width:316px;max-width:100%;background:#fff;border:1px solid #B3CDE3;border-radius:26px;padding:10px;box-shadow:0 12px 34px #0d525721}.kh-screen{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #eef2f5}.kh-appbar{background:#0d5257;color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:13px;padding:11px 14px;text-align:center}.kh-body{padding:13px;display:flex;flex-direction:column;gap:7px;font-family:Inter,sans-serif}.kh-label{font-size:9.5px;font-weight:600;color:#8b9499;text-transform:uppercase;letter-spacing:.06em}.kh-input,.kh-select{background:#f5f7fa;border:1px solid #e6ecf1;border-radius:9px;padding:8px 10px;font-size:11.5px;color:#111;min-height:32px;display:flex;align-items:center}.kh-select{justify-content:space-between;font-weight:600;color:#0d5257}.kh-dropdown{background:#fff;border:1px solid #B3CDE3;border-radius:9px;box-shadow:0 8px 20px #0000001a;overflow:hidden}.kh-option{padding:8px 10px;font-size:11px;color:#333;display:flex;align-items:center;gap:5px}.kh-option-hl{background:#0d525712;color:#0d5257;font-weight:600}.kh-btn{border-radius:9px;padding:9px;text-align:center;font-size:11.5px;font-weight:700;color:#fff;margin-top:2px}.kh-btn-coral{background:#e85435}.kh-btn-teal{background:#0d5257}.kh-toast{display:flex;align-items:center;gap:5px;border-radius:8px;padding:7px 9px;font-size:10.5px;font-weight:700}.kh-toast-ok{background:#e8f5e9;color:#2e7d32}.kh-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kh-card{position:relative;border:1px solid #e6ecf1;border-radius:10px;padding:9px 7px;text-align:center;font-size:10px;font-weight:600;color:#8b9499;display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff}.kh-card-on{border-color:#0d5257;box-shadow:0 0 0 2px #0d52572e;color:#0d5257;background:#0d52570a}.kh-tick{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:999px;background:#0d5257;display:flex;align-items:center;justify-content:center}.kh-dropdown-sm{margin-top:-3px}.kh-row{display:flex;gap:5px;align-items:stretch}.kh-mini{flex:1;background:#f5f7fa;border:1px solid #e6ecf1;border-radius:8px;padding:7px 6px;font-size:9.5px;color:#0d5257;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center}.kh-qty{width:34px;background:#f5f7fa;border:1px solid #e6ecf1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#111}.kh-notif{position:absolute;right:-14px;bottom:46px;display:flex;align-items:center;gap:8px;background:#111;color:#fff;border-radius:11px;padding:8px 11px;box-shadow:0 10px 24px #00000038;font-family:Inter,sans-serif;max-width:205px}.kh-notif b{display:block;font-size:10.5px;font-weight:700;line-height:1.25}.kh-notif small{display:block;font-size:9.5px;opacity:.62}.kh-notif-ico{width:22px;height:22px;border-radius:7px;background:#e85435;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kh-notif-ico-teal{background:#2e7d32}.kh-summary{background:#f5f7fa;border:1px solid #e6ecf1;border-radius:10px;padding:9px}.kh-badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:8.5px;font-weight:700;color:#fff}.kh-badge-coral{background:#e85435}.kh-summary-title{font-size:11px;font-weight:700;color:#111;margin:6px 0 5px;line-height:1.35}.kh-budget{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:#8a6d1f;background:#f5b73126;border-radius:6px;padding:4px 6px}.kh-dialog{border:1px solid #B3CDE3;border-radius:11px;padding:10px;background:#fff;box-shadow:0 10px 26px #00000024}.kh-dialog b{font-size:11px;color:#111;display:block}.kh-dialog small{font-size:11px;font-weight:700;color:#e85435;display:block;margin-top:3px}.kh-dialog p{font-size:9.5px;color:#8b9499;margin-top:4px;line-height:1.4}.kh-dialog-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.kh-btn-ghost{font-size:10px;font-weight:600;color:#8b9499;padding:5px 9px}.kh-btn-mini{font-size:10px;font-weight:700;color:#fff;background:#e85435;border-radius:7px;padding:5px 11px}.kh-statusline{display:flex;justify-content:flex-end}.kh-pill{border-radius:999px;padding:3px 9px;font-size:9px;font-weight:700}.kh-pill-grey{background:#eceff1;color:#62717a}.kh-pill-amber{background:#fff8e6;color:#b8860b}.kh-pill-green{background:#e8f5e9;color:#2e7d32}.kh-article{background:#f5f7fa;border-radius:7px;padding:7px 9px;font-size:10px;color:#445;font-weight:500}.kh-locked{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#8b9499;padding:2px 1px}.kh-sign{border:1px dashed #B3CDE3;border-radius:10px;padding:5px 8px 3px;background:#fff}.kh-sign-svg{width:100%;height:44px;display:block}.kh-sign-cap{font-size:8.5px;color:#a8b2b8;display:block;text-align:center;padding-bottom:3px}.kh-parties{display:flex;gap:6px}.kh-party{flex:1;display:flex;align-items:center;gap:4px;justify-content:center;background:#e8f5e9;color:#2e7d32;border-radius:7px;padding:5px;font-size:9px;font-weight:700}.kh-party i{width:12px;height:12px;border-radius:999px;background:#2e7d32;display:flex;align-items:center;justify-content:center}.kh-amount{font-family:Outfit,sans-serif;font-size:25px;font-weight:700;color:#0d5257;text-align:center;padding:3px 0 1px}.kh-amount small{font-size:12px;font-weight:600;color:#8b9499}.kh-methods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.kh-method{position:relative;border:1px solid #e6ecf1;border-radius:10px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff}.kh-method-on{border-color:#0d5257;box-shadow:0 0 0 2px #0d52572e}.kh-escrow{display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 0}.kh-coin{background:#f5b731;color:#4a3a06;border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:800}.kh-vault{display:inline-flex;align-items:center;gap:5px;background:#e8f5e9;color:#2e7d32;border-radius:8px;padding:5px 9px}.kh-vault b{font-size:9.5px;font-weight:700}.kh-contact{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#0d5257;background:#0d525712;border-radius:8px;padding:6px 9px}.kh-cursor{position:absolute;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:20;opacity:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.kh-ripple{position:absolute;top:2px;left:2px;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:999px;background:#e854358c;opacity:0;transform:scale(0)}@media (max-width: 380px){.kh-phone{width:100%}.kh-notif{right:0}}