.customer-contact-page[data-v-ace29e1e]{padding-bottom:84px}.page-heading h1[data-v-ace29e1e]{color:#111827;font-size:1.25rem;font-weight:900;margin-bottom:4px}.customer-panel[data-v-ace29e1e]{margin:0;max-width:none;width:100%}.page-header[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#0f172a,#0f766e 52%,#06b6d4);border-radius:18px;-webkit-box-shadow:0 10px 26px rgba(6,182,212,.22);box-shadow:0 10px 26px rgba(6,182,212,.22);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.15rem;position:sticky;top:60px;z-index:5}.page-header-info[data-v-ace29e1e]{min-width:0}.page-kicker[data-v-ace29e1e],.section-kicker[data-v-ace29e1e]{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.page-kicker[data-v-ace29e1e]{margin-bottom:.25rem;opacity:.85}.page-header h2[data-v-ace29e1e]{color:#fff;font-size:1.2rem;font-weight:900;line-height:1.2;margin:0}.page-subtitle[data-v-ace29e1e]{font-size:.76rem;font-weight:700;margin-top:.3rem;opacity:.88}.header-contact-icon[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.25);border-radius:14px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 44px;flex:0 0 44px;height:44px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-contact-icon i[data-v-ace29e1e]{font-size:1.25rem;line-height:1}.section-title[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:16px;-webkit-box-shadow:0 8px 20px rgba(15,23,42,.06);box-shadow:0 8px 20px rgba(15,23,42,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.85rem;padding:.8rem .9rem}.section-kicker[data-v-ace29e1e]{color:#0891b2;margin-bottom:.15rem}.section-title h3[data-v-ace29e1e]{color:#111827;font-size:1rem;font-weight:900;margin:0}.section-count[data-v-ace29e1e]{background:#ecfeff;border-radius:999px;color:#0e7490;font-size:.75rem;font-weight:900;padding:.4rem .65rem}.contact-list[data-v-ace29e1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.85rem}.empty-state[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc 55%,#ecfeff);border:1px dashed rgba(6,182,212,.34);border-radius:18px;-webkit-box-shadow:0 8px 22px rgba(15,23,42,.06);box-shadow:0 8px 22px rgba(15,23,42,.06);color:#64748b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:190px;padding:1.5rem;text-align:center}.empty-icon[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#cffafe;border-radius:50%;color:#0891b2;display:-webkit-box;display:-ms-flexbox;display:flex;height:52px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:.8rem;width:52px}.empty-title[data-v-ace29e1e]{color:#111827;font-size:1rem;font-weight:900;margin-bottom:.25rem}.empty-subtitle[data-v-ace29e1e]{font-size:.82rem;font-weight:700}.contact-card[data-v-ace29e1e]{background:linear-gradient(135deg,#fff,#f8fafc 55%,#ecfeff);border:1px solid rgba(6,182,212,.14);border-radius:18px;-webkit-box-shadow:0 10px 24px rgba(15,23,42,.08);box-shadow:0 10px 24px rgba(15,23,42,.08);padding:.85rem}.contact-card-pending[data-v-ace29e1e]{background:linear-gradient(135deg,#fff,#f8fafc 55%,#fffbeb);border-color:rgba(245,158,11,.18);-webkit-box-shadow:0 10px 24px rgba(245,158,11,.12);box-shadow:0 10px 24px rgba(245,158,11,.12)}.contact-card-confirmed[data-v-ace29e1e]{border-color:rgba(37,99,235,.18);-webkit-box-shadow:0 10px 24px rgba(37,99,235,.12);box-shadow:0 10px 24px rgba(37,99,235,.12)}.contact-card-approved[data-v-ace29e1e]{background:linear-gradient(135deg,#fff,#f8fafc 55%,#f0fdf4);border-color:rgba(34,197,94,.18);-webkit-box-shadow:0 10px 24px rgba(34,197,94,.12);box-shadow:0 10px 24px rgba(34,197,94,.12)}.contact-status-strip[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:14px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.75rem;padding:.8rem .95rem}.status-pending[data-v-ace29e1e]{background:linear-gradient(135deg,#b45309,#f59e0b)}.status-confirmed[data-v-ace29e1e]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.status-approved[data-v-ace29e1e]{background:linear-gradient(135deg,#15803d,#22c55e)}.status-default[data-v-ace29e1e]{background:linear-gradient(135deg,#475569,#64748b)}.contact-number-wrap[data-v-ace29e1e]{min-width:0}.contact-number[data-v-ace29e1e]{font-size:.95rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-date[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.72rem;font-weight:700;gap:.3rem;margin-top:.2rem;opacity:.88}.contact-status[data-v-ace29e1e]{background:hsla(0,0%,100%,.22);border:1px solid hsla(0,0%,100%,.22);border-radius:999px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.68rem;font-weight:900;letter-spacing:.04em;padding:.38rem .6rem;text-transform:uppercase}.contact-body[data-v-ace29e1e]{background:hsla(0,0%,100%,.82);border:1px solid rgba(226,232,240,.82);border-radius:14px;padding:.95rem}.body-pending[data-v-ace29e1e]{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(255,251,235,.78))}.body-confirmed[data-v-ace29e1e]{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(239,246,255,.78))}.body-approved[data-v-ace29e1e]{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(240,253,244,.78))}.info-grid[data-v-ace29e1e]{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.info-item[data-v-ace29e1e]{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;color:#334155;min-width:0;padding:.7rem}.info-item span[data-v-ace29e1e]{color:#94a3b8;display:block;font-size:.68rem;font-weight:900;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.info-item b[data-v-ace29e1e]{display:block;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}.info-item.highlight[data-v-ace29e1e]{background:#eff6ff;border-color:#dbeafe}.notes-item[data-v-ace29e1e]{grid-column:1/-1}.customer-box[data-v-ace29e1e]{background:#fff;border:1px solid #e2e8f0;border-radius:13px;margin-top:.75rem;padding:.75rem}.customer-box-title[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#334155;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.76rem;font-weight:900;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.55rem;text-transform:uppercase}.customer-box-title div[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.4rem}.customer-box-title span[data-v-ace29e1e]{background:#ecfeff;border-radius:999px;color:#0e7490;padding:.25rem .5rem}.customer-list[data-v-ace29e1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem}.customer-chip[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #a5f3fc;border-radius:9px;color:#0e7490;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.75rem;font-weight:800;gap:.35rem;max-width:100%;padding:.42rem .55rem}.customer-chip span[data-v-ace29e1e]{overflow-wrap:anywhere}.customer-empty[data-v-ace29e1e]{color:#94a3b8;font-size:.78rem;font-weight:700}.action-row[data-v-ace29e1e]{border-top:1px solid #e2e8f0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.85rem}.action-button[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-radius:999px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:1;-ms-flex:1 1 110px;flex:1 1 110px;font-size:.78rem;font-weight:900;gap:.4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:40px;padding:.5rem .7rem;-webkit-transition:-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;transition:-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease,-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease}.action-button[data-v-ace29e1e]:active{-webkit-transform:translateY(0) scale(.97);transform:translateY(0) scale(.97)}.action-view[data-v-ace29e1e]{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.action-edit[data-v-ace29e1e]{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.action-delete[data-v-ace29e1e]{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-confirm[data-v-ace29e1e]{background:linear-gradient(135deg,#15803d,#22c55e);border-color:#16a34a;-webkit-box-shadow:0 7px 16px rgba(22,163,74,.2);box-shadow:0 7px 16px rgba(22,163,74,.2);color:#fff}.action-unapprove[data-v-ace29e1e]{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.action-approve[data-v-ace29e1e]{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff}.empty-new-button[data-v-ace29e1e]{margin-top:1rem;max-width:320px}.button-bottom[data-v-ace29e1e]{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.94);border-top:1px solid #e2e8f0;bottom:0;left:0;padding:.65rem 1rem;position:fixed;right:0;z-index:5}.new-contact-button[data-v-ace29e1e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(135deg,#0f766e,#06b6d4);border:0;border-radius:999px;-webkit-box-shadow:0 8px 20px rgba(6,182,212,.26);box-shadow:0 8px 20px rgba(6,182,212,.26);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9rem;font-weight:900;gap:.45rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;max-width:none;min-height:44px;-webkit-transition:-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;transition:-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease,-webkit-box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;width:100%}.new-contact-button[data-v-ace29e1e]:active{-webkit-transform:translateY(0) scale(.99);transform:translateY(0) scale(.99)}@media (min-width:576px){.action-button[data-v-ace29e1e],.new-contact-button[data-v-ace29e1e]{cursor:pointer}.action-button[data-v-ace29e1e]:hover{-webkit-box-shadow:0 8px 18px rgba(15,23,42,.14);box-shadow:0 8px 18px rgba(15,23,42,.14);-webkit-filter:brightness(1.03) saturate(1.08);filter:brightness(1.03) saturate(1.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button:hover i[data-v-ace29e1e],.new-contact-button:hover i[data-v-ace29e1e]{-webkit-transform:scale(1.1);transform:scale(1.1)}.action-button i[data-v-ace29e1e],.new-contact-button i[data-v-ace29e1e]{-webkit-transition:-webkit-transform .18s ease;transition:-webkit-transform .18s ease;transition:transform .18s ease;transition:transform .18s ease,-webkit-transform .18s ease}.new-contact-button[data-v-ace29e1e]:hover{-webkit-box-shadow:0 12px 26px rgba(6,182,212,.36);box-shadow:0 12px 26px rgba(6,182,212,.36);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@media (max-width:575.98px){.customer-contact-page[data-v-ace29e1e]{padding-left:.5rem;padding-right:.5rem}.page-heading[data-v-ace29e1e]{display:none}.contact-list[data-v-ace29e1e],.section-title[data-v-ace29e1e]{margin-left:.3rem;margin-right:.3rem}.page-header[data-v-ace29e1e]{margin-left:-.4rem;margin-right:-.4rem;padding:.9rem;top:55px}.header-contact-icon[data-v-ace29e1e]{-ms-flex-preferred-size:42px;flex-basis:42px;height:42px}.contact-card[data-v-ace29e1e]{padding:.7rem}.contact-body[data-v-ace29e1e]{padding:.8rem}.contact-status-strip[data-v-ace29e1e]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:.75rem}.contact-status[data-v-ace29e1e]{max-width:42%;text-align:center}.action-button[data-v-ace29e1e]{-ms-flex-preferred-size:calc(50% - 0.25rem);flex-basis:calc(50% - 0.25rem)}}