@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap);:root{--color-primary:#4285f4;--color-primary-light:#8ab4f8;--color-primary-dark:#2d65db;--color-success:#34a853;--color-warning:#fbbc05;--color-error:#ea4335;--color-text:#202124;--color-text-secondary:#5f6368;--color-bg:#fff;--color-sidebar:#4285f4;--color-card:#f8f9fa;--color-border:#e0e0e0;--color-overlay:#0006;--color-gray-light:#f1f3f4;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001f;--shadow-modal:0 10px 40px #0003;--font-family:"Roboto",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700}body,html{background-color:#fff;background-color:var(--color-bg);color:#202124;color:var(--color-text);font-family:Roboto,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);height:100%;line-height:1.5}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none;padding:0}a{color:inherit;text-decoration:none}ol,ul{list-style:none}.mono{font-family:Consolas,Courier New,monospace;font-size:var(--font-size-sm)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #8ab4f8;border-top:2px solid #4285f4;border:2px solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}.loading-text{padding:24px;padding:var(--spacing-lg);text-align:center}.empty-state,.loading-text{color:#5f6368;color:var(--color-text-secondary)}.empty-state{padding:32px;padding:var(--spacing-xl)}.empty-state h2{font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:16px;margin-bottom:var(--spacing-md)}.empty-state p{margin-bottom:var(--spacing-lg)}.action-btn{border-radius:var(--radius-md);font-size:14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:4px;gap:var(--spacing-xs);padding:8px 16px}.action-btn.primary{background:#4285f4;background:var(--color-primary);color:#fff}.action-btn.primary:hover:not(:disabled){background:#2d65db;background:var(--color-primary-dark);transform:translateY(-1px)}.action-btn.secondary{background:#f1f3f4;background:var(--color-gray-light);color:#202124;color:var(--color-text)}.action-btn.secondary:hover:not(:disabled){background:#e8eaed}.action-btn.danger{background:#ea4335;background:var(--color-error);color:#fff}.action-btn.danger:hover:not(:disabled){opacity:.9}.action-btn:disabled{cursor:not-allowed;opacity:.5}.status-tag{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;padding:4px 12px;text-transform:capitalize}.status-tag.success{background:#e6f4ea;color:#137333}.status-tag.pending{background:#fef7e0;color:#b06000}.status-tag.error,.status-tag.failed,.status-tag.undelivered{background:#fce8e6;color:#c5221f}.status-tag.warning{background:#fef7e0;color:#b06000}@media (max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:inline-flex!important}}*{margin:0;padding:0}body{background:#0a0e1a;color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a}.glass,.glass-dark{border:1px solid #ffffff0f;border-radius:14px}.glass-dark{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172acc}.neumorph{box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff0a}.neumorph-inset{box-shadow:inset 3px 3px 6px #0000004d,inset -3px -3px 6px #ffffff0a}.text-muted{color:#64748b}.text-secondary{color:#94a3b8}.text-primary{color:#f1f5f9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.pp-overlay{align-items:center;background:#0f2c598c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.pp-modal{animation:pp-slide-up .3s cubic-bezier(.16,1,.3,1) both;background:#fff;border:.5px solid #00000014;border-radius:24px;max-width:390px;overflow:hidden;width:100%}@keyframes pp-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-header{background:#0f2c59;overflow:hidden;padding:26px 24px 20px;position:relative}.pp-ring{border:1px solid #ffffff12;border-radius:50%;pointer-events:none;position:absolute}.pp-ring-1{height:140px;right:-36px;top:-56px;width:140px}.pp-ring-2{height:86px;right:14px;top:4px;width:86px}.pp-lock-box{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;height:36px;justify-content:center;margin-bottom:14px;width:36px}.pp-title{color:#fff;font-size:17px;font-weight:500;line-height:1.3}.pp-subtitle{color:#ffffff80;font-size:12px;line-height:1.5}.pp-pill{align-items:center;background:#ffffff1a;border:.5px solid #ffffff26;border-radius:20px;display:inline-flex;gap:6px;margin-top:13px;padding:3px 10px 3px 7px}.pp-pill-dot{background:#1d9e75;border-radius:50%;flex-shrink:0;height:6px;width:6px}.pp-pill-label{color:#ffffffbf;font-size:11px;font-weight:500}.pp-body{padding:18px 20px 16px}.pp-amount-box{align-items:flex-end;background:#eaf3de;border:.5px solid #c0dd97;border-radius:14px;display:flex;justify-content:space-between;margin-bottom:18px;padding:14px 16px}.pp-amount-label{color:#3b6d11;font-size:10px;font-weight:500;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.pp-amount-val{align-items:baseline;display:flex;gap:4px}.pp-loading-price{color:#3b6d11;font-size:14px;font-style:italic}.pp-cur{color:#27500a;font-size:12px;font-weight:500}.pp-num{color:#173404;font-size:30px;font-weight:500;line-height:1}.pp-one-time{background:#c0dd97;border-radius:20px;color:#3b6d11;font-size:11px;padding:2px 9px;white-space:nowrap}.pp-feat-label{color:#94a3b8;font-size:10px;font-weight:500;letter-spacing:.6px;margin:0 0 10px;text-transform:uppercase}.pp-feat-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-bottom:18px}.pp-feat-item{align-items:flex-start;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:9px;display:flex;gap:7px;padding:9px 10px}.pp-chk{align-items:center;background:#eaf3de;border-radius:50%;display:flex;flex-shrink:0;height:14px;justify-content:center;margin-top:1px;width:14px}.pp-feat-text{color:#64748b;font-size:11px;line-height:1.35}.pp-pay-btn{align-items:center;background:#1d9e75;border-radius:11px;display:flex;font-size:15px;font-weight:500;gap:10px;margin-bottom:8px;padding:14px;transition:background .2s ease,transform .15s ease}.pp-pay-btn:hover:not(:disabled){background:#178a65;transform:translateY(-1px)}.pp-pay-btn:active:not(:disabled){transform:scale(.98)}.pp-pay-btn:disabled{background:#94a3b8;opacity:.8}.pp-cancel-btn{background:#0000;border:.5px solid #e2e8f0;border-radius:11px;color:#94a3b8;cursor:pointer;font-size:13px;padding:10px;transition:background .2s ease,color .2s ease;width:100%}.pp-cancel-btn:hover:not(:disabled){background:#f8fafc;color:#64748b}.pp-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.pp-spinner{animation:pp-spin .75s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;flex-shrink:0;height:15px;width:15px}.pp-footer{align-items:center;border-top:.5px solid #f1f5f9;display:flex;gap:7px;justify-content:center;padding:11px 20px 14px}.pp-footer-dot{background:#c0dd97;border-radius:50%;flex-shrink:0;height:4px;width:4px}.pp-footer-text{color:#000306;font-size:11px;margin:0}@media (max-width:480px){.pp-overlay{align-items:flex-end;padding:16px}.pp-modal{border-radius:20px 20px 16px 16px;max-width:100%}.pp-header{padding:22px 18px 16px}.pp-body{padding:16px 16px 14px}.pp-num{font-size:26px}.pp-pay-btn{font-size:14px;padding:13px}}:root{--logo-base-scale:1.2;--logo-base-gap:10px;--logo-base-icon:44px;--logo-base-brand:20px;--logo-base-tagline:10px}.jp-logo{align-items:center;cursor:default;display:inline-flex;gap:12px;gap:calc(var(--logo-base-gap)*var(--logo-base-scale));text-decoration:none;transition:gap .2s ease;-webkit-user-select:none;user-select:none}.jp-logo__mark{align-items:center;display:flex;flex-shrink:0;justify-content:center}.jp-logo__svg{display:block;height:52.8px;height:calc(var(--logo-icon-size, var(--logo-base-icon))*var(--logo-base-scale));transition:transform .22s ease;width:52.8px;width:calc(var(--logo-icon-size, var(--logo-base-icon))*var(--logo-base-scale))}.jp-logo:hover .jp-logo__svg{transform:scale(1.06)}.jp-logo__text{display:flex;flex-direction:column;gap:3.6px;gap:calc(3px*var(--logo-base-scale));line-height:1}.jp-logo__brand{font-size:24px;font-size:calc(var(--logo-brand-size, var(--logo-base-brand))*var(--logo-base-scale));font-weight:800;letter-spacing:-.6px;letter-spacing:calc(-.5px*var(--logo-base-scale));line-height:1.1}.jp-logo__brand,.jp-logo__tagline{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.jp-logo__tagline{font-size:12px;font-size:calc(var(--logo-tagline-size, var(--logo-base-tagline))*var(--logo-base-scale));font-weight:500;letter-spacing:2.4px;letter-spacing:calc(2px*var(--logo-base-scale));line-height:1;text-transform:uppercase}.jp-logo--xs{--logo-icon-size:24px;--logo-brand-size:13px;--logo-tagline-size:7px;--logo-base-gap:6px}.jp-logo--sm{--logo-icon-size:32px;--logo-brand-size:15px;--logo-tagline-size:8.5px;--logo-base-gap:8px}.jp-logo--lg{--logo-icon-size:60px;--logo-brand-size:28px;--logo-tagline-size:12px;--logo-base-gap:14px}.jp-logo--xl{--logo-icon-size:80px;--logo-brand-size:36px;--logo-tagline-size:14px;--logo-base-gap:18px}.jp-logo--2xl{--logo-icon-size:120px;--logo-brand-size:52px;--logo-tagline-size:18px;--logo-base-gap:24px}.jp-logo--default .jp-logo__brand{color:#0f4c81}.jp-logo--default .jp-logo__tagline{color:#00a8cc}.jp-logo--light .jp-logo__brand{color:#fff}.jp-logo--light .jp-logo__tagline{color:#ffffffb3}.jp-logo--mono .jp-logo__brand{color:#0077b6}.jp-logo--mono .jp-logo__tagline{color:#0077b6;opacity:.6}.jp-logo--light .jp-logo__svg{filter:drop-shadow(0 2px 10px rgba(0,212,255,.3))}.jp-logo--icon .jp-logo__text{display:none}.jp-logo--icon .jp-logo__svg{height:48px;height:calc(var(--logo-icon-size, 40px)*var(--logo-base-scale));width:48px;width:calc(var(--logo-icon-size, 40px)*var(--logo-base-scale))}.jp-logo--icon.jp-logo--xs .jp-logo__svg{--logo-icon-size:20px}.jp-logo--icon.jp-logo--sm .jp-logo__svg{--logo-icon-size:28px}.jp-logo--icon.jp-logo--md .jp-logo__svg{--logo-icon-size:40px}.jp-logo--icon.jp-logo--lg .jp-logo__svg{--logo-icon-size:56px}.jp-logo--icon.jp-logo--xl .jp-logo__svg{--logo-icon-size:72px}.Sidebar .jp-logo__svg,.ln-topbar .jp-logo__svg,.wl-nav .jp-logo__svg{filter:drop-shadow(0 2px 8px rgba(0,212,255,.22))}@media (max-width:480px){.jp-logo--xs{--logo-icon-size:22px;--logo-brand-size:12px;--logo-tagline-size:6.5px}.jp-logo--sm{--logo-icon-size:28px;--logo-brand-size:14px;--logo-tagline-size:8px}.jp-logo--md{--logo-icon-size:34px;--logo-brand-size:17px;--logo-tagline-size:8.5px}.jp-logo--lg{--logo-icon-size:46px;--logo-brand-size:22px;--logo-tagline-size:10px}.jp-logo--xl{--logo-icon-size:60px;--logo-brand-size:28px;--logo-tagline-size:12px}}@media (prefers-color-scheme:dark){.jp-logo--default .jp-logo__brand{color:#fff}.jp-logo--default .jp-logo__tagline{color:#00d4ff}}.sb-root{background:var(--jp-grad-electric);color:var(--jp-on-dark);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px 14px}.sb-header{border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:center;margin-bottom:12px;padding-bottom:14px}.sb-top-actions{flex-shrink:0;margin-bottom:4px}.sb-logout{align-items:center;background:#ef44441a;border:1px solid #ef444452;border-radius:var(--r-md);box-shadow:0 0 12px #ef44441a;color:#fca5a5;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.3px;padding:11px 14px;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;width:100%}.sb-logout:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 0 20px #ef444447;color:#fff;transform:scale(1.02)}.sb-logout:active{transform:scale(.98)}.sb-logout-icon{align-items:center;display:flex;flex-shrink:0;font-size:17px}.sb-logout-label{flex:1 1}.sb-logout-arrow{font-size:14px;opacity:.45;transition:opacity .2s,transform .2s}.sb-logout:hover .sb-logout-arrow{opacity:1;transform:translateX(3px)}.sb-divider{background:#ffffff12;flex-shrink:0;height:1px;margin:10px 0 12px}.sb-warning{background:#ef444426;border:1px solid #ef444433;border-radius:var(--r-sm);color:#fca5a5;flex-shrink:0;font-size:11px;margin-bottom:12px;padding:8px 10px;text-align:center}.sb-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding-right:4px}.sb-nav::-webkit-scrollbar{width:3px}.sb-nav::-webkit-scrollbar-track{background:#0000}.sb-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sb-link{align-items:center;border:1px solid #0000;border-radius:var(--r-md);color:#ffffff9e;display:flex;font-size:13px;font-weight:500;gap:12px;min-height:40px;padding:10px 14px;text-decoration:none;transition:background .18s,color .18s,transform .15s}.sb-link:hover{background:#ffffff12;color:#fff;transform:translateX(2px)}.sb-link--active{background:#00d4ff1c;border-color:#00d4ff38;color:#00d4ff;font-weight:600}.sb-link--active:hover{transform:none}.sb-link--disabled{opacity:.38;pointer-events:none}.sb-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;width:20px}.sb-text{flex:1 1}.sb-bottom{border-top:1px solid #ffffff12;flex-shrink:0;margin-top:8px;padding-top:10px}.sb-switch{color:#ffffff80;font-size:12px}@media (max-width:860px){.sb-root{padding:16px 10px}.sb-link{padding:12px 10px}.sb-logout{font-size:12px;padding:11px 10px}}@media (max-width:480px){.sb-text{font-size:12px}.sb-link{gap:8px;padding:10px 8px}.sb-logout-label{font-size:12px}}:root{--sh-card:0 12px 32px #0028461f,0 2px 8px #0000000f;--sh-btn:0 6px 18px #00b4dc59;--sh-input:0 0 0 3px #0096c81f}body{background:#f0faff;background:var(--jp-light);color:#0a2a38;color:var(--jp-text);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body)}.dash-root{overflow:hidden;position:relative}.dash-main{overflow-y:auto;transition:margin .3s ease}.dash-card{background:var(--jp-white);border:1px solid #0077b614;border-radius:20px;border-radius:var(--r-lg);box-shadow:0 12px 32px #0028461f,0 2px 8px #0000000f;box-shadow:var(--sh-card);padding:24px;transition:transform .2s,box-shadow .2s}.dash-card:hover{box-shadow:0 16px 40px #0077b626}.dash-card__header{margin-bottom:18px}.dash-card__title{color:#023e58;font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:18px;letter-spacing:-.5px}.dash-card__badge{background:#e0f5ff;background:var(--jp-pale);border-radius:99px;color:#0077b6;color:var(--jp-ocean);font-size:11px;font-weight:700;padding:3px 10px}.dash-btn{border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-weight:600;gap:8px;transition:all .22s}.dash-btn--primary{background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);box-shadow:0 6px 18px #00b4dc59;box-shadow:var(--sh-btn);color:var(--jp-white);font-size:13px;padding:10px 22px}.dash-btn--primary:hover:not(:disabled){box-shadow:0 8px 24px #00b4dc73}.dash-btn--primary:disabled{cursor:not-allowed;opacity:.6}.dash-btn--outline{background:#0000;border:1.5px solid #0096c7;border:1.5px solid var(--jp-mid);color:#0096c7;color:var(--jp-mid);font-size:12px;padding:8px 18px}.dash-btn--outline:hover{background:#0096c814}.dash-btn--ghost{background:#0096c80f;color:#0077b6;color:var(--jp-ocean);font-size:12px;padding:6px 14px}.dash-btn--ghost:hover{background:#0096c81f}.dash-field{gap:6px;margin-bottom:16px}.dash-label{color:#023e58;color:var(--jp-deep);font-weight:600;letter-spacing:.02em}.dash-input,.dash-select,.dash-textarea{background:#f7fbfe;border:1.5px solid #d0e8f4;border-radius:14px;border-radius:var(--r-md);color:#023e58;color:var(--jp-deep);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.dash-input:focus,.dash-select:focus,.dash-textarea:focus{background:#fff;background:var(--jp-white);border-color:#0096c7;border-color:var(--jp-mid);box-shadow:0 0 0 3px #0096c81f;box-shadow:var(--sh-input)}.dash-textarea{line-height:1.6;min-height:100px;resize:vertical}.dash-table-wrap{border-radius:14px;border-radius:var(--r-md)}.dash-table{font-size:13px}.dash-table th{border-bottom:1px solid #e2e8f0;color:#5a7a8a;color:var(--jp-muted);padding:12px 16px;text-align:left}.dash-table td{border-bottom:1px solid #f1f5f9;color:#0a2a38;color:var(--jp-text);padding:12px 16px}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:#f9fcff}.dash-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;gap:4px;padding:4px 10px}.dash-badge--warning{background:#fef3c7;color:#92400e}.dash-badge--danger{background:#fee2e2;color:#991b1b}.dash-badge--info{background:#dbeafe;color:#1e40af}.dash-grid{grid-gap:20px;display:grid;gap:20px}.dash-flex{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dash-muted{color:#5a7a8a;color:var(--jp-muted);font-size:12px}.dash-loading{gap:12px;height:100%;padding:40px}.dash-spinner{animation:dash-spin .7s linear infinite;border:2.5px solid #0096c833;border-top:2.5px solid var(--jp-ocean);height:24px;width:24px}@media (max-width:860px){.dash-main{padding:16px}.dash-grid{grid-template-columns:1fr}}.dash-root{background:#f0faff;background:var(--jp-light);display:flex;min-height:100vh}.dash-sidebar{background:#fff;background:var(--jp-white);border-right:1px solid #0077b614;transition:transform .3s ease;width:260px;z-index:100}.dash-main{flex:1 1;margin:0 auto;max-width:1400px;padding:24px;width:100%}.dash-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#011f2e66;inset:0;position:fixed;z-index:90}.dash-hamburger{background:#fff;background:var(--jp-white);border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--r-sm);box-shadow:0 12px 32px #0028461f,0 2px 8px #0000000f;box-shadow:var(--sh-card);color:#023e58;color:var(--jp-deep);cursor:pointer;left:16px;padding:8px 12px;position:fixed;top:16px;z-index:110}@media (max-width:860px){.dash-sidebar{bottom:0;box-shadow:10px 0 30px #00000026;left:0;position:fixed;top:0;transform:translateX(-100%)}.dash-sidebar.open{transform:translateX(0)}.dash-main{padding-top:60px}}.dash-modal-overlay{background:#011f2e73;padding:20px}.dash-modal{animation:pdFadeIn .3s ease;background:var(--jp-white);border-radius:28px;border-radius:var(--r-xl);box-shadow:0 12px 32px #0028461f,0 2px 8px #0000000f;box-shadow:var(--sh-card);max-width:500px;padding:24px;position:relative}.dash-modal__head{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.dash-modal__head h3{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-weight:700}.dash-modal__close{background:#f1f5f9;border:none;border-radius:50%;color:#5a7a8a;color:var(--jp-muted);height:32px;justify-content:center;transition:.2s;width:32px}.dash-modal__close:hover{background:#fee2e2;color:#dc2626}.dash-modal__body{display:flex;flex-direction:column;gap:16px}.dash-modal__actions{gap:12px;margin-top:12px}.dash-modal__foot{text-align:center}.test-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.test-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--r-sm);padding:10px 12px}.test-item:hover{border-color:#0096c7;border-color:var(--jp-mid)}.dash-modal-overlay{z-index:1050}.page-subtitle{color:#5a7a8a;color:var(--jp-muted);font-size:13px}.approval-status-banner{display:flex;flex-direction:column;gap:12px}.status-approved,.status-pending,.status-rejected{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;border-radius:var(--r-md);display:flex;gap:12px;padding:16px}.status-pending{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.status-rejected{border-color:#fecaca}.status-approved{background:#f0fdf4;border-color:#bbf7d0}.rejection-reason{margin:4px 0 8px}.edit-onboarding-btn{background:#0000;border:1px solid;border-radius:8px;border-radius:var(--r-sm);font-weight:600}.ModernDashboard__progress-section{background:var(--jp-white);border:1px solid #0077b614;border-radius:20px;border-radius:var(--r-lg);padding:24px}.progress-bar-container{background:#e5e7eb;border-radius:99px}.progress-step{flex-direction:column;font-weight:500;gap:6px}.progress-step,.step-number{align-items:center;color:#5a7a8a;color:var(--jp-muted);display:flex}.step-number{background:#e5e7eb;font-weight:700;height:28px;justify-content:center;width:28px}.progress-step.completed .step-number{background:#0077b6;background:var(--jp-ocean)}.progress-step.completed{color:#023e58;color:var(--jp-deep)}.stats-card{position:relative}.stat-value-large{font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:32px;line-height:1}.stat-sub-label{color:#5a7a8a;color:var(--jp-muted);font-size:12px}.stat-description{color:#0a2a38;color:var(--jp-text)}.balance-warning{color:#dc2626;font-weight:600}.progress-bar{background:#e5e7eb;border-radius:99px;height:10px}.last-updated{color:#5a7a8a;color:var(--jp-muted)}.sender-id-list{gap:8px}.sender-id-badge{background:#e0f5ff;background:var(--jp-pale);border-radius:99px;color:#0077b6;color:var(--jp-ocean);font-size:12px;padding:4px 10px}.add-sender-inline-btn{margin-top:16px;width:100%}.upgrade-link{color:#0096c7;color:var(--jp-mid);font-size:13px;font-weight:600;text-decoration:none}.upgrade-link:hover{text-decoration:underline}.section-header{margin-bottom:12px}.management-card{padding:0}.member-info{gap:10px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:#e0f5ff;background:var(--jp-pale);border-radius:50%;color:#0077b6;color:var(--jp-ocean);font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.status-badge{border-radius:99px;font-size:11px;font-weight:600;padding:3px 8px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.revoked{background:#fee2e2;color:#dc2626}.status-badge.pending{background:#fef9c3;color:#854d0e}.deactivate-btn{color:#dc2626;padding:4px 8px}.limit-warning{color:#dc2626;font-size:11px;margin-left:8px}.cred-username{display:flex;flex-direction:column}.cred-desc{color:#5a7a8a;color:var(--jp-muted);font-size:11px;margin-top:2px}.api-endpoint-cell{align-items:center;display:flex;gap:8px}.endpoint-url{align-items:center;background:#f1f5f9;border-radius:8px;border-radius:var(--r-sm);display:flex;font-size:12px;gap:6px;max-width:200px;overflow:hidden;padding:4px 8px}.url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn{background:#0000;border-radius:4px;color:#5a7a8a;color:var(--jp-muted);padding:4px}.action-btn:hover{background:#e2e8f0;color:#0a2a38;color:var(--jp-text)}.copy-endpoint-btn:hover,.copy:hover{background:#e0f5ff;background:var(--jp-pale);color:#0077b6;color:var(--jp-ocean)}.revoke:hover{background:#fee2e2;color:#dc2626}.info-note{background:#f8fafc;border-radius:14px;border-radius:var(--r-md);color:#5a7a8a;color:var(--jp-muted);font-size:12px;margin-top:16px;padding:12px}.ApiDocsPage{background:#f8fafc;min-height:100vh}.code-block{background:#1e293b;border-radius:14px;border-radius:var(--r-md);color:#e2e8f0;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.badge--primary{background:#dbeafe;color:#1e40af}.badge--success{background:#dcfce7;color:#15803d}.badge--info{background:#e0f5ff;color:#0077b6}.text--muted{color:#5a7a8a;color:var(--jp-muted);font-size:13px;margin:8px 0}@keyframes pdFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-spin{to{transform:rotate(1turn)}}.spinning{animation:dash-spin .8s linear infinite}@media (max-width:860px){.progress-steps{align-items:flex-start;flex-direction:column;gap:8px}.step-number{font-size:11px;height:24px;width:24px}.ApiDocsPage .dash-grid{grid-template-columns:1fr!important}.dash-modal{max-width:95%}}:root{--jp-light:#f0faff;--jp-pale:#e0f5ff;--jp-text:#0a2a38;--jp-grad:linear-gradient(135deg,var(--jp-ocean) 0%,var(--jp-cyan) 100%);--jp-grad-dark:linear-gradient(160deg,var(--jp-darker) 0%,var(--jp-deep) 40%,#005580 100%);--jp-grad-card:linear-gradient(160deg,#0077b6d9,#006094eb);--sh-card:0 24px 56px #00284647,0 4px 16px #0000001f;--sh-feat:0 8px 32px #0077b61a}*,:after,:before{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.wl-root{background:var(--jp-grad-electric);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);min-height:100vh;overflow-x:hidden;position:relative}.wl-orb{border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none;position:fixed;z-index:0}.wl-orb1{background:radial-gradient(circle,#00d4ff,#0077b6);background:radial-gradient(circle,var(--jp-cyan),var(--jp-ocean));height:560px;right:-140px;top:-180px;width:560px}.wl-orb2{background:radial-gradient(circle,#0077b6,#023e58);background:radial-gradient(circle,var(--jp-ocean),var(--jp-deep));bottom:60px;height:420px;left:-160px;opacity:.22;width:420px}.wl-orb3{background:radial-gradient(circle,#00d4ff,#0000);background:radial-gradient(circle,var(--jp-cyan),#0000);height:300px;left:40%;opacity:.1;top:45%;width:300px}.wl-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--grad-hero);border-bottom:1px solid #00d4ff1f;position:-webkit-sticky;position:sticky;top:0;z-index:200}.wl-nav-inner{gap:32px;height:66px;margin:0 auto;max-width:1240px;padding:0 40px}.wl-nav-inner,.wl-nav-links{align-items:center;display:flex}.wl-nav-links{flex:1 1;gap:6px;justify-content:center}.wl-nav-links a,.wl-nav-links button{background:none;border:none;border-radius:8px;border-radius:var(--r-sm);color:#ffffffd1;color:var(--jp-on-dark);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:14px;font-weight:500;letter-spacing:.01em;padding:8px 14px;text-decoration:none;transition:color .2s,background .2s}.wl-nav-links a:hover,.wl-nav-links button:hover{background:#00d4ff14;color:#00d4ff;color:var(--jp-cyan)}.wl-nav-ctas{align-items:center;display:flex;flex-shrink:0;gap:10px}.wl-nav-outline{background:#0000;border:1.5px solid #00d4ff73;border-radius:8px;border-radius:var(--r-sm);color:#fff;color:var(--jp-white);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13px;font-weight:600;letter-spacing:.02em;padding:8px 20px;transition:all .2s}.wl-nav-outline:hover{background:#00d4ff1a;border-color:#00d4ff;border-color:var(--jp-cyan)}.wl-nav-fill{background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border:none;border-radius:8px;border-radius:var(--r-sm);box-shadow:0 4px 14px #00b4dc5c;color:#fff;color:var(--jp-white);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13px;font-weight:700;letter-spacing:.02em;padding:8px 22px;transition:all .22s}.wl-nav-fill:hover{box-shadow:0 8px 28px #00b4dc66;box-shadow:var(--sh-btn);transform:translateY(-1px)}.wl-burger{background:none;border:none;color:#fff;color:var(--jp-white);cursor:pointer;display:none;font-size:20px;margin-left:auto;padding:4px}.wl-hero{min-height:calc(100vh - 66px);padding:80px 40px 88px;position:relative;z-index:5}.wl-hero,.wl-hero-inner{align-items:center;display:flex}.wl-hero-inner{gap:60px;margin:0 auto;max-width:1240px;width:100%}.wl-hero-copy{flex:1 1;min-width:0}.wl-badge{align-items:center;background:var(--jp-grad-electric);border:1px solid #00d4ff47;border-radius:40px;color:#00d4ff;color:var(--jp-cyan);display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:12px;font-weight:600;gap:10px;letter-spacing:.06em;margin-bottom:28px;padding:7px 18px;text-transform:uppercase}.wl-badge-pulse{animation:pulse 2s infinite;background:#00d4ff;background:var(--jp-cyan);border-radius:50%;box-shadow:0 0 0 0 #00d4ff99;display:inline-block;height:8px;width:8px}.wl-h1{color:#fff;color:var(--jp-white);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:clamp(42px,5.5vw,64px);font-weight:800;letter-spacing:-2px;line-height:1.06;margin-bottom:22px}.wl-h1-em{background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-style:normal}.wl-hero-sub{color:#ffffffd1;color:var(--jp-on-dark);font-size:17px;font-weight:400;line-height:1.72;margin-bottom:38px;max-width:480px}.wl-hero-btns{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px}.wl-btn-primary{align-items:center;background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border:none;border-radius:14px;border-radius:var(--r-md);box-shadow:0 8px 28px #00b4dc66;box-shadow:var(--sh-btn);color:#fff;color:var(--jp-white);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:15px;font-weight:700;gap:9px;letter-spacing:.01em;padding:14px 32px;transition:all .25s}.wl-btn-primary:hover{box-shadow:0 14px 36px #00b4dc85;transform:translateY(-2px)}.wl-btn-ghost{align-items:center;background:#ffffff12;border:1.5px solid #ffffff38;border-radius:14px;border-radius:var(--r-md);color:#fff;color:var(--jp-white);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:15px;font-weight:600;gap:9px;letter-spacing:.01em;padding:14px 32px;transition:all .22s}.wl-btn-ghost:hover{background:#00d4ff1a;border-color:#00d4ff73}.wl-trust{flex-wrap:wrap;gap:14px}.wl-trust,.wl-trust span{align-items:center;display:flex}.wl-trust span{color:#fff9;font-size:13px;font-weight:500;gap:6px;letter-spacing:.01em}.wl-dot{background:#00d4ff;background:var(--jp-cyan);border-radius:50%;flex-shrink:0;height:6px;width:6px}.wl-divider,.wl-dot{display:inline-block}.wl-divider{background:#ffffff2e;height:14px;width:1px}.wl-dash-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#0077b6d9,#006094eb);background:var(--jp-grad-card);border:1px solid #00d4ff38;border-radius:28px;border-radius:var(--r-xl);box-shadow:0 24px 56px #00284647,0 4px 16px #0000001f,inset 0 0 0 1px #ffffff0f;box-shadow:var(--sh-card),0 0 0 1px #ffffff0f inset;flex:0 0 360px;padding:32px}.wl-dc-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.wl-live-badge{align-items:center;background:#00d4ff26;border:1px solid #00d4ff59;border-radius:20px;color:#00d4ff;color:var(--jp-cyan);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.wl-live-dot{animation:pulse 1.8s infinite;background:#00d4ff;background:var(--jp-cyan);border-radius:50%;display:inline-block;height:6px;width:6px}.wl-dc-stats{background:#0000002e;border-radius:14px;border-radius:var(--r-md);display:flex;gap:0;margin-bottom:28px;overflow:hidden}.wl-dc-stat{align-items:center;border-right:1px solid #ffffff14;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 8px}.wl-dc-stat:last-child{border-right:none}.wl-dc-num{color:#fff;color:var(--jp-white);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:20px;font-weight:800;letter-spacing:-.5px}.wl-dc-lbl{color:#ffffff8c;font-size:10.5px;font-weight:500;letter-spacing:.02em;line-height:1.3;text-align:center}.wl-dc-activity-title{color:#ffffff73;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.wl-dc-row{align-items:center;border-bottom:1px solid #ffffff12;display:flex;gap:10px;padding:9px 0}.wl-dc-row:last-of-type{border-bottom:none}.wl-dc-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.wl-dc-rlabel{color:#ffffffb8;flex:1 1;font-size:13px;font-weight:500}.wl-dc-rval{font-family:Outfit,sans-serif;font-family:var(--f-display)}.wl-dc-cta,.wl-dc-rval{color:#fff;color:var(--jp-white);font-size:14px;font-weight:700}.wl-dc-cta{align-items:center;background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border:none;border-radius:14px;border-radius:var(--r-md);box-shadow:0 6px 20px #0096c859;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);gap:9px;justify-content:center;letter-spacing:.02em;margin-top:20px;padding:13px;transition:all .22s;width:100%}.wl-dc-cta:hover{box-shadow:0 10px 30px #0096c87a;transform:translateY(-2px)}.wl-section-wrap{margin:0 auto;max-width:1240px;padding:0 40px}.wl-sec-head{margin-bottom:56px;text-align:center}.wl-eyebrow{background:#0096c81a;border:1px solid #0096c838;border-radius:20px;color:#0096c7;color:var(--jp-mid);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:14px;padding:4px 14px;text-transform:uppercase}.wl-sec-head h2{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:clamp(28px,3.5vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:12px}.wl-sec-head p{color:#5a7a8a;color:var(--jp-muted);font-size:16px;line-height:1.68;margin:0 auto;max-width:500px}.wl-features{background:#fff;background:var(--jp-white);padding:88px 0;position:relative;z-index:5}.wl-feat-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}.wl-feat-card{align-items:center;background:#fff;background:var(--jp-white);border:1.5px solid #0077b61a;border-radius:20px;border-radius:var(--r-lg);box-shadow:0 8px 32px #0077b61a;box-shadow:var(--sh-feat);display:flex;flex-direction:column;padding:32px 24px 28px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}.wl-feat-card:hover{border-color:#0096c847;box-shadow:0 18px 48px #0077b629;transform:translateY(-6px)}.wl-feat-icon{align-items:center;background:linear-gradient(135deg,#e4f6ff,#00d4ff33);border-radius:16px;color:#0077b6;color:var(--jp-ocean);display:flex;font-size:26px;height:60px;justify-content:center;margin-bottom:20px;transition:transform .25s;width:60px}.wl-feat-card:hover .wl-feat-icon{transform:scale(1.1) rotate(-4deg)}.wl-feat-card h3{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:10px}.wl-feat-card p{color:#5a7a8a;color:var(--jp-muted);flex:1 1;font-size:13.5px;line-height:1.68;margin-bottom:18px}.wl-tag-link{border:1.5px solid #0077b6;border:1.5px solid var(--jp-ocean);border-radius:30px;color:#0077b6;color:var(--jp-ocean);display:inline-block;font-size:13px;font-weight:600;letter-spacing:.02em;padding:6px 20px;text-decoration:none;transition:all .2s}.wl-tag-link:hover{background:#0077b6;background:var(--jp-ocean);color:#fff;color:var(--jp-white)}.wl-how{background:linear-gradient(160deg,#edf8ff,#d6f1fb);padding:88px 0;position:relative;z-index:5}.wl-how-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:900px}.wl-how-card{align-items:flex-start;background:#fff;background:var(--jp-white);border:1px solid #0096c81f;border-radius:20px;border-radius:var(--r-lg);box-shadow:0 6px 24px #0064a012;display:flex;gap:24px;padding:36px 32px;transition:transform .25s,box-shadow .25s}.wl-how-card:hover{box-shadow:0 16px 44px #0064a021;transform:translateY(-5px)}.wl-how-icon{align-items:center;background:linear-gradient(135deg,#e4f6ff,#00d4ff38);border-radius:15px;color:#0077b6;color:var(--jp-ocean);display:flex;flex-shrink:0;font-size:26px;height:62px;justify-content:center;width:62px}.wl-how-card h3{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:10px}.wl-how-card p{color:#5a7a8a;color:var(--jp-muted);font-size:13.5px;line-height:1.7;margin-bottom:18px}.wl-how-cta{align-items:center;background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border-radius:30px;box-shadow:0 5px 16px #0096c84d;color:#fff;color:var(--jp-white);display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.02em;padding:9px 22px;text-decoration:none;transition:all .22s}.wl-how-cta:hover{box-shadow:0 9px 24px #0096c86b;transform:translateY(-1px)}.wl-footer{background:var(--grad-hero);border-top:1px solid #00d4ff1a;position:relative;z-index:5}.wl-footer-inner{gap:20px;justify-content:space-between;margin:0 auto;max-width:1240px;padding:28px 40px}.wl-footer-inner,.wl-footer-links{align-items:center;display:flex;flex-wrap:wrap}.wl-footer-links{gap:6px}.wl-footer-links a,.wl-footer-links button{background:none;border:none;border-radius:8px;border-radius:var(--r-sm);color:#ffffff94;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s}.wl-footer-links a:hover,.wl-footer-links button:hover{background:#00d4ff0f;color:#00d4ff;color:var(--jp-cyan)}.wl-footer-copy{color:#ffffff52;font-size:12px;letter-spacing:.02em}@media (max-width:1024px){.wl-feat-grid{grid-template-columns:repeat(2,1fr)}.wl-hero-inner{gap:40px}.wl-dash-card{flex:0 0 320px}}@media (max-width:860px){.wl-nav-inner{padding:0 24px}.wl-nav-links{align-items:flex-start;background:#011f2ef7;border-bottom:1px solid #00d4ff1f;display:none;flex-direction:column;gap:4px;left:0;padding:16px 24px 20px;position:absolute;right:0;top:66px}.wl-nav-links.is-open{display:flex}.wl-nav-ctas{display:none}.wl-burger{display:flex}.wl-hero{min-height:auto;padding:52px 24px 60px}.wl-hero-inner{align-items:stretch;flex-direction:column;gap:44px}.wl-h1{font-size:40px;letter-spacing:-1.5px}.wl-hero-sub{font-size:16px;max-width:100%}.wl-dash-card{flex:none;margin:0 auto;max-width:480px;width:100%}.wl-features,.wl-how{padding:68px 0}.wl-section-wrap{padding:0 24px}.wl-how-grid{grid-template-columns:1fr;margin:0 auto;max-width:560px}.wl-footer-inner{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}}@media (max-width:580px){.wl-feat-grid{grid-template-columns:1fr}.wl-h1{font-size:34px;letter-spacing:-1px}.wl-hero-btns{align-items:stretch;flex-direction:column}.wl-btn-ghost,.wl-btn-primary{justify-content:center}.wl-trust{gap:10px}.wl-trust .wl-divider{display:none}.wl-how-card{flex-direction:column;gap:16px}.wl-how-icon{font-size:22px;height:52px;width:52px}.wl-dc-stats{flex-direction:column}.wl-dc-stat{border-bottom:1px solid #ffffff14;border-right:none;padding:12px}.wl-dc-stat:last-child{border-bottom:none}}.ln-root{background:linear-gradient(160deg,#011f2e,#023e58 40%,#005580);background:var(--jp-grad-dark)}.ln-subtitle{margin-bottom:28px}.ln-form{gap:18px}.ln-input{box-sizing:border-box}.ln-input:disabled{cursor:not-allowed;opacity:.6}.ln-otp-counter{background:#e8f4fc;border-radius:20px;color:#0096c7;color:var(--jp-mid);font-size:11px;font-weight:700;padding:2px 8px;position:absolute;right:14px}.ln-strength-bar{align-items:center;display:flex;gap:10px;margin-top:6px}.ln-strength-track{display:flex;flex:1 1;gap:4px}.ln-strength-seg{border-radius:4px;flex:1 1;height:4px;transition:background .3s}.ln-strength-bar>span{font-size:11px;font-weight:700;white-space:nowrap}.ln-error--success{background:#f0fdf4;border-color:#86efac}.ln-error--success .ln-err-ico{color:#16a34a}.ln-error--success .ln-err-body{color:#14532d}.ln-submit:disabled{transform:none}.ln-spinner{animation:ln-spin .7s linear infinite;flex-shrink:0}@keyframes ln-spin{to{transform:rotate(1turn)}}.ln-signup-prompt{margin-top:4px}.rg-type-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.rg-type-btn{align-items:flex-start;background:#f7fbfe;border:2px solid #d0e8f4;border-radius:20px;border-radius:var(--r-lg);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);gap:16px;padding:18px 20px;position:relative;text-align:left;transition:all .22s;width:100%}.rg-type-btn:hover{background:#eff8ff;border-color:#0096c7;border-color:var(--jp-mid);box-shadow:0 4px 16px #0096c81a}.rg-type-active{background:#e8f4fc!important;border-color:#0077b6!important;border-color:var(--jp-ocean)!important;box-shadow:0 0 0 3px #0096c824!important}.rg-type-icon{align-items:center;background:linear-gradient(135deg,#e4f6ff,#00d4ff33);border-radius:12px;color:#0077b6;color:var(--jp-ocean);display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.rg-type-icon--org{background:linear-gradient(135deg,#0077b626,#00d4ff40)}.rg-type-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.rg-type-info strong{color:#023e58;color:var(--jp-deep);display:block;font-size:14px;font-weight:700}.rg-type-info span{color:#5a7a8a;color:var(--jp-muted);font-size:12.5px;line-height:1.5}.rg-type-radio{border:2px solid #c0d8e8;border-radius:50%;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s;width:20px}.rg-type-radio--active{background:#0077b6;background:var(--jp-ocean);border-color:#0077b6;border-color:var(--jp-ocean)}.rg-type-radio--active:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.rg-account-badge{align-items:center;background:#0096c81a;border:1px solid #0096c840;border-radius:20px;color:#0096c7;color:var(--jp-mid);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.03em;padding:4px 12px}.rg-account-badge--org{background:#0077b61a;border-color:#0077b640;color:#0077b6;color:var(--jp-ocean)}.rg-terms-row{margin-top:4px}.rg-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.rg-checkbox-input{display:none}.rg-checkbox-custom{align-items:center;background:#f7fbfe;border:2px solid #c0d8e8;border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;transition:all .2s;width:20px}.rg-checked{background:#0077b6;background:var(--jp-ocean);border-color:#0077b6;border-color:var(--jp-ocean)}.rg-checkbox-label span{color:#5a7a8a;color:var(--jp-muted);font-size:13px;line-height:1.6}.rg-terms-link{background:none;border:none;color:#0077b6;color:var(--jp-ocean);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13px;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px}.rg-terms-link:hover{color:#0096c7;color:var(--jp-mid)}.rg-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#011f2e99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}.rg-modal{background:#fff;background:var(--jp-white);border-radius:28px;border-radius:var(--r-xl);box-shadow:0 32px 80px #00285052;display:flex;flex-direction:column;max-height:80vh;max-width:540px;overflow:hidden;width:100%}.rg-modal-header{align-items:center;border-bottom:1px solid #e8f4fb;display:flex;justify-content:space-between;padding:24px 28px 20px}.rg-modal-header h3{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:18px;font-weight:800;letter-spacing:-.4px;margin:0}.rg-modal-close{background:none;border:none;border-radius:6px;color:#5a7a8a;color:var(--jp-muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.rg-modal-close:hover{background:#f0f5f9;color:#023e58;color:var(--jp-deep)}.rg-modal-body{flex:1 1;overflow-y:auto;padding:20px 28px}.rg-modal-body pre{color:#5a7a8a;color:var(--jp-muted);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13.5px;line-height:1.75;margin:0;white-space:pre-wrap}.rg-modal-footer{border-top:1px solid #e8f4fb;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.rg-modal-decline{background:#f7fbfe;border:1.5px solid #d0e8f4;border-radius:14px;border-radius:var(--r-md);color:#5a7a8a;color:var(--jp-muted);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.rg-modal-decline:hover{background:#e8f4fb;border-color:#0096c7;border-color:var(--jp-mid)}.rg-invite-info{background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:14px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:14px 18px}.rg-invite-row{align-items:center;color:#ffffffd9;display:flex;font-size:13.5px;font-weight:500;gap:10px}.rg-invite-row svg{color:#00d4ff;color:var(--jp-cyan);flex-shrink:0;font-size:16px}.ob-hero-strip{background:linear-gradient(160deg,#00d4ff14,#0000 60%);border-bottom:1px solid #00d4ff1f;padding:36px 48px 32px;position:relative;text-align:center;z-index:5}.ob-hero-inner{margin:0 auto;max-width:720px}.ob-hero-badge{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff47;border-radius:40px;color:#00d4ff;color:var(--jp-cyan);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.06em;margin-bottom:16px;padding:5px 16px;text-transform:uppercase}.ob-hero-title{color:#fff;color:var(--jp-white);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.8px;line-height:1.2;margin-bottom:10px}.ob-hero-sub{color:#ffffffd1;color:var(--jp-on-dark);font-size:15px;margin-bottom:28px}.ob-steps-row{flex-wrap:wrap;gap:0;justify-content:center}.ob-step-pill,.ob-steps-row{align-items:center;display:flex}.ob-step-pill{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;color:#ffffff8c;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:13px;font-weight:600;gap:8px;letter-spacing:.01em;padding:8px 16px;transition:all .22s}.ob-step-pill:hover{background:#ffffff1a;color:#fffc}.ob-step-active{background:#00d4ff26!important;border-color:#00d4ff66!important;color:#00d4ff!important;color:var(--jp-cyan)!important}.ob-step-done{background:#16a34a26!important;border-color:#16a34a59!important;color:#4ade80!important}.ob-step-num{align-items:center;background:#ffffff1f;border-radius:50%;display:flex;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.ob-step-line{background:#ffffff26;height:1px;margin:0 4px;width:32px}.ob-step-line-done{background:#4ade8066}.ob-form-wrap{margin:0 auto;max-width:760px;padding:32px 48px 56px;position:relative;width:100%;z-index:5}.ob-form-card{overflow:hidden;padding:0!important}.ob-section{border-radius:0}.ob-section-hd{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);justify-content:space-between;padding:24px 32px;text-align:left;transition:background .2s;width:100%}.ob-section-hd:hover{background:#0096c808}.ob-sec-left{align-items:flex-start;display:flex;gap:16px}.ob-sec-tag{align-items:center;background:linear-gradient(135deg,#e4f6ff,#00d4ff33);border:1px solid #0096c833;border-radius:10px;color:#0077b6;color:var(--jp-ocean);display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:36px;justify-content:center;transition:all .2s;width:36px}.ob-sec-tag-done{background:linear-gradient(135deg,#dcfce7,#4ade8033);border-color:#4ade804d;color:#16a34a;font-size:18px}.ob-section-title{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 3px}.ob-section-desc{font-size:13px;margin:0}.ob-sec-arrow,.ob-section-desc{color:#5a7a8a;color:var(--jp-muted)}.ob-sec-arrow{font-size:12px;transition:all .2s}.ob-fields{display:flex;flex-direction:column;gap:18px;padding:8px 32px 28px}.ob-divider{background:#e8f4fb;height:1px;margin:0 24px}.ob-upload-card{background:#f7fbfe;border:2px dashed #c8e4f4;border-radius:20px;border-radius:var(--r-lg);padding:20px;position:relative;transition:all .22s}.ob-upload-card:hover{background:#eff8ff;border-color:#0096c7;border-color:var(--jp-mid)}.ob-upload-badge{border-radius:0 0 8px 8px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 10px;position:absolute;right:16px;text-transform:uppercase;top:-1px}.ob-badge-required{background:#fee2e2;color:#dc2626}.ob-badge-optional{background:#f0f9ff;color:#0096c7;color:var(--jp-mid)}.ob-upload-label{align-items:center;cursor:pointer;display:flex;gap:16px}.ob-upload-icon{align-items:center;background:#0096c81a;border:1px solid #0096c833;border-radius:12px;color:#0077b6;color:var(--jp-ocean);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.ob-upload-meta{display:flex;flex-direction:column;gap:3px}.ob-upload-meta strong{color:#023e58;color:var(--jp-deep);font-size:13.5px;font-weight:700}.ob-upload-meta span{color:#5a7a8a;color:var(--jp-muted);font-size:12px}.ob-file-name{color:#16a34a!important;font-size:12px!important;font-weight:600!important}.ob-file-input{display:none}.ob-doc-tips{align-items:flex-start;background:#f0f9ff;border:1px solid #0096c826;border-radius:14px;border-radius:var(--r-md);color:#5a7a8a;color:var(--jp-muted);display:flex;font-size:14px;gap:14px;padding:16px 18px}.ob-doc-tips svg{color:#0096c7;color:var(--jp-mid);flex-shrink:0;font-size:20px;margin-top:2px}.ob-doc-tips strong{color:#023e58;color:var(--jp-deep);display:block;font-size:13.5px;font-weight:700;margin-bottom:4px}.ob-doc-tips p{font-size:13px;line-height:1.6;margin:0}@media (max-width:860px){.ln-layout{flex-direction:column;gap:28px;padding:16px 24px 40px}.ln-panel{justify-content:flex-start;padding:0}.ln-panel-content{max-width:100%}.ln-panel-title{font-size:26px}.ln-form-side{flex:none;max-width:500px;width:100%}.ln-topbar{padding:18px 24px}.ob-form-wrap{padding:24px 20px 48px}.ob-hero-strip{padding:28px 24px 24px}.ob-section-hd{padding:20px}.ob-fields{padding:8px 20px 24px}.ob-divider{margin:0 16px}}@media (max-width:580px){.ln-card{padding:28px 20px}.ln-title{font-size:24px}.ln-panel-list{display:none}.rg-type-btn{flex-wrap:wrap}.ob-steps-row{gap:4px}.ob-step-line{width:16px}}:root{--jp-ocean:#0077b6;--jp-mid:#0096c7;--jp-cyan:#00d4ff;--jp-deep:#023e58;--jp-darker:#011f2e;--jp-on-dark:#ffffffd1;--jp-muted:#5a7a8a;--jp-grad:linear-gradient(135deg,#0077b6,#00d4ff);--jp-grad-dark:linear-gradient(160deg,#011f2e,#023e58 40%,#005580);--sh-btn-electric:0 8px 28px #005ff973;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--sh-btn:0 8px 28px #00b4dc66;--f-display:"Outfit",sans-serif;--f-body:"Plus Jakarta Sans",sans-serif}.ln-root{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);display:flex;flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);min-height:100vh;overflow:hidden;position:relative}.ln-orb{border-radius:50%;filter:blur(80px);pointer-events:none;position:fixed;z-index:0}.ln-orb1{background:radial-gradient(circle,#00d4ff,#0077b6);background:radial-gradient(circle,var(--jp-cyan),var(--jp-ocean));height:500px;opacity:.22;right:-150px;top:-150px;width:500px}.ln-orb2{background:radial-gradient(circle,#0077b6,#023e58);background:radial-gradient(circle,var(--jp-ocean),var(--jp-deep));bottom:-100px;height:380px;left:-120px;opacity:.18;width:380px}.ln-topbar{align-items:center;display:flex;gap:16px;padding:20px 48px;position:relative;z-index:10}.ln-topbar-sep{background:#fff3;height:20px;width:1px}.ln-topbar-text{color:#ffffff80;font-size:13px;font-weight:500;letter-spacing:.04em}.ln-layout{gap:0;justify-content:center;margin:0 auto;max-width:1080px;padding:20px 48px 48px;position:relative;width:100%;z-index:5}.ln-layout,.ln-panel{align-items:center;display:flex;flex:1 1}.ln-panel{padding:48px 56px 48px 24px}.ln-panel-content{max-width:420px}.ln-panel-icon{align-items:center;background:#00d4ff1f;border:1px solid #00d4ff40;border-radius:18px;color:#00d4ff;color:var(--jp-cyan);display:flex;font-size:30px;height:64px;justify-content:center;margin-bottom:28px;width:64px}.ln-panel-title{color:#fff;color:var(--jp-white);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.18;margin-bottom:18px}.ln-panel-sub{color:#ffffffd1;color:var(--jp-on-dark);font-size:15px;line-height:1.72;margin-bottom:32px}.ln-panel-list{display:flex;flex-direction:column;gap:13px;list-style:none}.ln-panel-list li{align-items:center;color:#ffffffbf;display:flex;font-size:14px;font-weight:500;gap:12px}.ln-check{background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border-radius:50%;display:inline-block;flex-shrink:0;height:20px;position:relative;width:20px}.ln-check:after{border:2px solid #fff;border-left:none;border-top:none;content:"";height:8px;left:6px;position:absolute;top:4px;transform:rotate(45deg);width:5px}.ln-form-side{flex:0 0 420px}.ln-card{background:#fff;background:var(--jp-white);border-radius:28px;border-radius:var(--r-xl);box-shadow:0 28px 64px #00285047,0 0 0 1px #00d4ff1a;padding:44px 40px}.ln-title{color:#023e58;color:var(--jp-deep);font-family:Outfit,sans-serif;font-family:var(--f-display);font-size:28px;font-weight:800;letter-spacing:-.8px;line-height:1.2;margin-bottom:6px}.ln-subtitle{color:#5a7a8a;color:var(--jp-muted);font-size:14px;line-height:1.5;margin-bottom:32px}.ln-form{gap:20px}.ln-field,.ln-form{display:flex;flex-direction:column}.ln-field{gap:7px}.ln-label-row{align-items:center;display:flex;justify-content:space-between}.ln-label{color:#023e58;color:var(--jp-deep);font-size:13px;font-weight:600;letter-spacing:.02em}.ln-forgot{color:#0096c7;color:var(--jp-mid);font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.ln-forgot:hover{color:#0077b6;color:var(--jp-ocean)}.ln-input-wrap{align-items:center;display:flex;position:relative}.ln-iicon{color:#0096c7;color:var(--jp-mid);font-size:17px;left:14px;pointer-events:none;position:absolute;z-index:1}.ln-input{background:#f7fbfe;border:1.5px solid #d0e8f4;border-radius:14px;border-radius:var(--r-md);color:#023e58;color:var(--jp-deep);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:14px;outline:none;padding:12px 16px 12px 44px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.ln-input::placeholder{color:#a0b8c8}.ln-input:focus{background:#fff;background:var(--jp-white);border-color:#0096c7;border-color:var(--jp-mid);box-shadow:0 0 0 3px #0096c81f}.ln-eye{align-items:center;background:none;border:none;color:#a0b8c8;cursor:pointer;display:flex;font-size:18px;padding:4px;position:absolute;right:12px;transition:color .2s}.ln-eye:hover{color:#0096c7;color:var(--jp-mid)}.ln-error{align-items:flex-start;background:#fff2f2;border:1px solid #fca5a5;border-radius:14px;border-radius:var(--r-md);display:flex;gap:10px;padding:12px 14px}.ln-error--disabled{background:#fff7ed;border-color:#fdba74}.ln-err-ico{color:#ef4444;flex-shrink:0;font-size:18px;margin-top:1px}.ln-error--disabled .ln-err-ico{color:#f97316}.ln-err-body{color:#7f1d1d;display:flex;flex-direction:column;font-size:13px;gap:6px;line-height:1.5}.ln-error--disabled .ln-err-body{color:#7c2d12}.ln-err-link{align-items:center;color:#0077b6;color:var(--jp-ocean);display:inline-flex;font-size:12px;font-weight:600;gap:5px;text-decoration:none}.ln-err-link:hover{text-decoration:underline}.ln-submit{align-items:center;background:linear-gradient(135deg,#0077b6,#00d4ff);background:var(--jp-grad);border:none;border-radius:14px;border-radius:var(--r-md);box-shadow:0 8px 28px #00b4dc66;box-shadow:var(--sh-btn);color:#fff;color:var(--jp-white);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--f-body);font-size:15px;font-weight:700;gap:9px;justify-content:center;letter-spacing:.02em;margin-top:4px;padding:14px;transition:all .25s;width:100%}.ln-submit:hover:not(:disabled){box-shadow:0 14px 36px #00b4dc80;transform:translateY(-2px)}.ln-submit:disabled{cursor:not-allowed;opacity:.65}.ln-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:17px;width:17px}.ln-signup-prompt{color:#5a7a8a;color:var(--jp-muted);font-size:13.5px;text-align:center}.ln-signup-link{color:#0077b6;color:var(--jp-ocean);font-weight:700;text-decoration:none;transition:color .2s}.ln-signup-link:hover{color:#0096c7;color:var(--jp-mid);text-decoration:underline}.ln-copy{color:#ffffff47;font-size:12px;letter-spacing:.02em;padding:16px;position:relative;text-align:center;z-index:5}@media (max-width:860px){.ln-layout{flex-direction:column;gap:32px;padding:16px 24px 40px}.ln-panel{justify-content:flex-start;padding:0}.ln-panel-content{max-width:100%}.ln-panel-title{font-size:26px}.ln-form-side{flex:none;max-width:480px;width:100%}.ln-topbar{padding:18px 24px}}@media (max-width:480px){.ln-card{padding:32px 24px}.ln-title{font-size:24px}.ln-panel-list{display:none}}.sms-modal-overlay{align-items:center;animation:smsFadeIn .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f2c59b3;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}@keyframes smsFadeIn{0%{opacity:0}to{opacity:1}}.sms-modal-container{animation:smsSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes smsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sms-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.sms-modal-header:after{background:#fff3;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.sms-modal-header-content{align-items:center;display:flex;gap:1rem}.sms-modal-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:16px;display:flex;height:48px;justify-content:center;width:48px}.sms-modal-icon{color:#fff;font-size:1.5rem}.sms-modal-title-wrapper h2{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.sms-modal-id{background:#ffffff1a;border-radius:100px;color:#ffffffe6;display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .75rem}.sms-modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}.sms-modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.sms-status-banner{align-items:center;background:#fff;border-bottom:1px solid #0000000d;display:flex;gap:.75rem;padding:1rem 2rem}.sms-status-icon{align-items:center;display:flex;font-size:1.25rem}.sms-status-label{font-size:1rem;font-weight:600}.sms-status-time{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-left:auto}.sms-modal-body{background:#fafbfc;flex:1 1;overflow-y:auto;padding:2rem}.sms-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.sms-info-card{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;padding:1.5rem;transition:all .2s}.sms-info-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d}.sms-info-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.sms-info-icon{color:#0f2c59;font-size:1.125rem}.sms-info-card-header h3{color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.sms-info-content{gap:1rem}.sms-info-content,.sms-info-row{display:flex;flex-direction:column}.sms-info-row{gap:.25rem}.sms-info-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.sms-info-value{color:#0f172a;font-size:1rem;font-weight:500;word-break:break-word}.sms-mono{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:JetBrains Mono,Courier New,monospace;font-size:.9375rem;padding:.5rem .75rem}.sms-timeline{display:flex;flex-direction:column;gap:1rem}.sms-timeline-item{align-items:flex-start;display:flex;gap:.75rem}.sms-timeline-dot{border-radius:50%;height:12px;margin-top:.375rem;position:relative;width:12px}.sms-timeline-dot.sent{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.sms-timeline-dot.delivered{background:#10b981;box-shadow:0 0 0 3px #10b98133}.sms-timeline-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.sms-timeline-label{color:#64748b;font-size:.75rem;font-weight:600}.sms-timeline-value{color:#0f172a;font-size:.875rem;font-weight:500}.sms-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.5rem;overflow:hidden}.sms-content-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.sms-content-title{align-items:center;display:flex;gap:.75rem}.sms-content-title h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.sms-copy-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.sms-copy-btn:hover{background:#0f2c59;border-color:#0f2c59;color:#fff}.sms-content-body{padding:1.5rem}.sms-content-text{word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,monospace;font-size:.9375rem;line-height:1.7;margin:0 0 1rem;padding:1.25rem;white-space:pre-wrap}.sms-content-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.sms-content-length{background:#f1f5f9;color:#475569}.sms-content-length,.sms-content-type{border-radius:100px;font-size:.75rem;font-weight:600;padding:.375rem 1rem}.sms-content-type.single{background:#dbeafe;color:#1e40af}.sms-content-type.multi{background:#fef9c3;color:#854d0e}.sms-content-parts{background:#e2e8f0;border-radius:100px;color:#334155;font-size:.75rem;font-weight:600;padding:.375rem 1rem}.sms-content-empty{background:#f8fafc;border-radius:16px;color:#64748b;font-style:italic;padding:3rem;text-align:center}.sms-error-card{background:#fff;border:1px solid #fecaca;border-radius:20px;overflow:hidden}.sms-error-card-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.sms-error-icon{color:#dc2626;font-size:1.125rem}.sms-error-card-header h3{color:#991b1b;font-size:1rem;font-weight:600;margin:0}.sms-error-content{padding:1.5rem}.sms-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:16px;color:#991b1b;font-family:JetBrains Mono,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem;padding:1.25rem}.sms-error-help{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem}.sms-error-help strong{color:#1e293b;display:block;font-size:.875rem;margin-bottom:.75rem}.sms-error-help ul{color:#475569;font-size:.875rem;margin:0;padding-left:1.25rem}.sms-error-help li{margin-bottom:.375rem}.sms-modal-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 2rem}.sms-modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.sms-modal-btn-primary{background:#0f2c59;color:#fff}.sms-modal-btn-primary:hover{background:#1e3a5f;box-shadow:0 8px 12px -4px #0f2c5933;transform:translateY(-2px)}.sms-modal-btn-secondary{background:#f1f5f9;color:#475569}.sms-modal-btn-secondary:hover{background:#e2e8f0;color:#1e293b}@media (max-width:768px){.sms-modal-overlay{padding:1rem}.sms-modal-container{max-height:95vh}.sms-modal-header{padding:1.25rem 1.5rem}.sms-modal-body{padding:1.5rem}.sms-info-grid{grid-template-columns:1fr}.sms-status-banner{flex-wrap:wrap;padding:1rem 1.5rem}.sms-status-time{margin-left:0;width:100%}.sms-content-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.sms-modal-footer{padding:1rem 1.5rem}}@media (max-width:480px){.sms-modal-header{align-items:flex-start;flex-direction:column;gap:1rem}.sms-modal-close-btn{position:absolute;right:1rem;top:1rem}.sms-content-meta{align-items:flex-start;flex-direction:column}.sms-modal-btn{width:100%}}.mt-2{margin-top:.5rem}.add-sender-id-modal{max-width:500px;width:90%}.sender-id-form{gap:20px}.form-group,.sender-id-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-weight:600}.form-group input[type=text]{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease}.form-group input[type=text]:focus{border-color:#007bff;outline:none}.form-group small{color:#666;font-size:12px}.file-upload-area{position:relative}.file-upload-label{align-items:center;background-color:#f8f9fa;border:2px dashed #e1e5e9;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:20px;transition:all .3s ease}.file-upload-label:hover{background-color:#f0f8ff;border-color:#007bff}.file-upload-label svg{color:#666;font-size:20px}.file-upload-label span{color:#666;font-size:14px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.btn-cancel{background-color:#fff;border:2px solid #e1e5e9;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background-color:#f8f9fa;border-color:#ccc}.btn-cancel:disabled{cursor:not-allowed;opacity:.6}.btn-submit{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-submit:hover:not(:disabled){background-color:#0056b3}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.spinner{border:2px solid #fff;border-top-color:#0000;height:14px;width:14px}.modal-footer{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px}.modal-footer p{color:#666;font-size:13px;line-height:1.4}.modal-footer strong{color:#333}.asm-modal{background:var(--jp-white);border-radius:var(--r-lg);box-shadow:var(--sh-card);left:50%;max-width:450px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.asm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.asm-header h3{color:var(--jp-deep);font-family:var(--f-display);font-size:18px;margin:0}.asm-close{background:none;border:none;font-size:16px}.asm-close,.asm-dropzone{color:var(--jp-muted);cursor:pointer}.asm-dropzone{border:2px dashed #cbd5e1;border-radius:var(--r-md);padding:24px;text-align:center;transition:all .2s}.asm-dropzone:hover{background:var(--jp-light);border-color:var(--jp-mid)}.asm-file{align-items:center;color:var(--jp-ocean);display:flex;font-weight:600;gap:8px;justify-content:center}.asm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.asm-footer{background:var(--jp-light);border-radius:var(--r-sm);color:var(--jp-muted);font-size:11px;margin-top:16px;padding:8px}.ModernDashboardContent{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;padding:0}.ModernDashboard__top-bar{background:#fff;box-shadow:0 2px 8px #0f2c5914;flex-wrap:wrap;justify-content:space-between;padding:16px 24px}.ModernDashboard__top-bar,.user-info{align-items:center;display:flex;gap:12px}.user-info{flex:1 1;min-width:0}.user-avatar{align-items:center;background:#0f2c59;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#1e293b;font-size:clamp(14px,4vw,18px);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-org{color:#64748b;font-size:13px;margin:0}.top-bar__right{align-items:center;display:flex;gap:12px}.ModernDashboard__progress-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px 24px}.progress-header{flex-wrap:wrap;gap:8px;margin-bottom:12px}.progress-percentage{color:#0f2c59;font-weight:600;white-space:nowrap}.progress-bar-container{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:#0f2c59;height:100%;transition:width .4s ease}.progress-steps{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.progress-step{color:#94a3b8;flex:1 1;font-size:12px;min-width:100px;text-align:center}.progress-step.completed{color:#0f2c59}.step-number{background:#e2e8f0;border-radius:50%;display:inline-block;height:24px;line-height:24px;margin-bottom:6px;width:24px}.progress-step.completed .step-number{background:#0f2c59;color:#fff}.ModernDashboard__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-bottom:24px}.stats-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:20px}.card-header{gap:8px;margin-bottom:12px}.card-title{color:#1e293b;font-size:16px;margin:0}.card-content{display:flex;flex:1 1;flex-direction:column;padding:4px 0}.balance-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.stat-value-large{font-size:clamp(24px,5vw,32px);font-weight:800;margin:10px 0 4px}.stat-value{color:#0f2c59;font-size:clamp(20px,4vw,24px);margin-bottom:4px}.stat-description{color:#64748b;font-size:13px;margin-top:auto;padding-top:8px}.package-badge,.status-badge,.usage-percentage{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.package-badge{background:#dbeafe;color:#1d4ed8}.usage-percentage{background:#f0f9ff;color:#0369a1}.payment-required{color:#dc2626;font-weight:600}.progress-bar{border-radius:4px;height:8px;margin-top:12px}.progress-fill{background:#0f2c59;transition:width .3s}.last-updated{color:#94a3b8;font-size:11px;margin-top:8px;text-align:right}.sender-id-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.sender-id-badge{background:#e6f0ff;border-radius:4px;color:#0f2c59;font-size:.8rem;font-weight:600;padding:4px 8px}.sender-count{background:#0f2c59;border-radius:12px;color:#fff;font-size:.75rem;padding:2px 8px}.empty-state{font-size:13px;font-style:italic;margin:8px 0}.ModernDashboard__management-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:24px;padding:20px 24px}.section-header{gap:12px;margin-bottom:16px}.add-sender-inline-btn,.invite-member-btn{align-items:center;background:#0f2c59;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px}.dash-table-wrap{border:1px solid #e2e8f0}.dash-table{border-collapse:collapse;font-size:clamp(12px,3vw,14px);width:100%}.dash-table td,.dash-table th{border-bottom:1px solid #f1f5f9;padding:12px 10px;text-align:left;white-space:nowrap}.dash-table th{background:#f8fafc;color:#64748b;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.dash-btn{border:none;border-radius:var(--r-md);font-weight:500;gap:6px;min-height:36px;padding:8px 14px;transition:.2s}.dash-btn--primary{background:#0f2c59}.dash-btn--primary:hover{background:#0b2245}.dash-btn--ghost{background:#f1f5f9;color:#475569}.dash-btn--ghost:hover{background:#e2e8f0}.dash-btn--danger{background:#0000;border:1px solid #ef4444;color:#ef4444}.dash-btn--danger:hover{background:#fef2f2}.btn-recharge{margin-top:16px;width:100%}.approval-status-banner{margin-bottom:24px}.approval-status-banner>div{align-items:flex-start;border-radius:12px;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;padding:14px 18px}.status-pending{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.status-rejected{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-approved{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.rejection-reason{font-size:13px;font-weight:500;margin:6px 0 10px}.edit-onboarding-btn{background:#0f2c59;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px}@media (max-width:768px){.ModernDashboard__top-bar{padding:12px 16px}.user-info{flex:1 1 100%}.top-bar__right{justify-content:flex-end;width:100%}.ModernDashboard__stats-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column}.add-sender-inline-btn,.invite-member-btn{justify-content:center;width:100%}.ModernDashboard__management-section,.ModernDashboard__progress-section,.stats-card{border-radius:12px;padding:16px}}@media (max-width:480px){.ModernDashboardContent{padding:0 10px}.progress-steps{align-items:flex-start;flex-direction:column;gap:10px}.progress-step{flex-direction:row;gap:10px;justify-content:flex-start;text-align:left}.step-number{margin-bottom:0}.balance-actions{flex-direction:column;width:100%}.balance-actions>*{justify-content:center;width:100%}.dash-table-wrap{font-size:12px}}.generic-modal-overlay{align-items:center;animation:genericFadeIn .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f2c59b3;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}@keyframes genericFadeIn{0%{opacity:0}to{opacity:1}}.generic-modal-container{animation:genericSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;min-width:320px;overflow:hidden;width:100%}@keyframes genericSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generic-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:relative}.generic-modal-header:after{background:#fff3;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.generic-modal-header-content{align-items:center;display:flex;gap:1rem}.generic-modal-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:16px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.generic-modal-icon-placeholder{color:#fff;font-size:1.5rem;line-height:1}.generic-modal-title{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.generic-modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}.generic-modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.generic-modal-body{background:#fafbfc;flex:1 1;overflow-y:auto;padding:2rem;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.generic-modal-body::-webkit-scrollbar{width:8px}.generic-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.generic-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.generic-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.generic-modal-footer{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 2rem}@media (max-width:768px){.generic-modal-overlay{padding:1rem}.generic-modal-container{max-height:95vh}.generic-modal-header{padding:1.25rem 1.5rem}.generic-modal-body{padding:1.5rem}.generic-modal-footer{padding:1rem 1.5rem}}@media (max-width:480px){.generic-modal-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.generic-modal-close-btn{position:absolute;right:1rem;top:1rem}.generic-modal-footer{flex-direction:column}.generic-modal-footer button{width:100%}}.generic-info-card{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;padding:1.5rem;transition:all .2s}.generic-info-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d}.generic-info-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.generic-info-card-header h3{color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.generic-info-icon{color:#0f2c59;font-size:1.125rem}.generic-info-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.generic-info-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.generic-info-value{color:#0f172a;font-size:1rem;font-weight:500;word-break:break-word}.generic-mono{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:JetBrains Mono,Courier New,monospace;font-size:.9375rem;padding:.5rem .75rem}.payment-page{padding:0 24px 24px}.section-title{color:#1e293b;font-size:22px;font-weight:600;margin-bottom:24px}.calculator-section{margin-bottom:40px}.calculator-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0f2c5914;margin:0 auto;max-width:800px;padding:32px}.calculator-input-group{margin-bottom:32px}.calculator-input-group label{color:#1e293b;display:block;font-size:18px;font-weight:600;margin-bottom:16px}.sms-quantity-control{display:flex;flex-direction:column;gap:24px}.quantity-control-buttons{gap:16px}.quantity-btn,.quantity-control-buttons{align-items:center;display:flex;justify-content:center}.quantity-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#0f2c59;cursor:pointer;font-size:28px;font-weight:700;height:60px;transition:all .2s;width:60px}.quantity-btn:hover{background:#f8fafc;border-color:#0f2c59}.quantity-btn.decrease{color:#ef4444}.quantity-btn.increase{color:#10b981}.quantity-input-container{flex:1 1;max-width:300px;position:relative}.quantity-input-large{background:#f8fafc;border:3px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Courier New,monospace;font-size:32px;font-weight:700;padding:24px 20px;text-align:center;transition:all .3s;width:100%}.quantity-input-large:focus{background:#fff;border-color:#0f2c59;box-shadow:0 0 0 3px #0f2c591a;outline:none}.quantity-input-large:hover{border-color:#cbd5e1}.input-suffix-large{background:#0000;color:#64748b;font-size:20px;font-weight:600;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.quantity-range-slider{margin-top:20px}.quantity-slider-large{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#e2e8f0,#0f2c59);border-radius:6px;height:12px;outline:none;width:100%}.quantity-slider-large::-webkit-slider-thumb{-webkit-appearance:none;background:#0f2c59;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:32px;-webkit-transition:all .2s;transition:all .2s;width:32px}.quantity-slider-large::-webkit-slider-thumb:hover{background:#1a365d;transform:scale(1.1)}.slider-labels{color:#64748b;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-top:8px;padding:0 10px}.quantity-presets-large{margin-top:20px}.presets-header{color:#64748b;font-size:16px;font-weight:600;margin-bottom:12px}.presets-grid{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:200px;overflow-y:auto;padding:10px}.preset-btn-large{background:#fff;border:2px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:15px;font-weight:600;padding:14px 10px;text-align:center;transition:all .2s;white-space:nowrap}.preset-btn-large:hover{background:#e2e8f0;border-color:#94a3b8;transform:translateY(-2px)}.preset-btn-large.active{background:#0f2c59;border-color:#0f2c59;box-shadow:0 4px 8px #0f2c5933;color:#fff}.price-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:24px}.price-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.price-row:last-child{border-bottom:none}.price-row.total{border-top:2px dashed #cbd5e1;color:#0f2c59;font-size:24px;font-weight:700;margin-top:8px;padding-top:20px}.price-label{color:#64748b;font-size:17px}.price-value{color:#1e293b;font-size:17px;font-weight:600}.price-row.total .price-value{font-size:28px}.buy-btn-primary{background:linear-gradient(90deg,#0f2c59,#1a365d);border:none;border-radius:12px;box-shadow:0 6px 12px #0f2c5926;color:#fff;cursor:pointer;font-size:20px;font-weight:600;letter-spacing:.5px;padding:20px;transition:all .3s;width:100%}.buy-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#1a365d,#2c5282);box-shadow:0 10px 20px #0f2c5933;transform:translateY(-3px)}.buy-btn-primary:active:not(:disabled){transform:translateY(-1px)}.buy-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.pricing-tiers-section{margin-top:40px}.tiers-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0f2c5914;overflow:hidden;overflow-x:auto}.tiers-table{border-collapse:collapse;min-width:600px;width:100%}.tiers-table thead{background:#0f2c59}.tiers-table th{color:#fff;font-weight:600;letter-spacing:.5px;text-align:left}.tiers-table td,.tiers-table th{font-size:16px;padding:18px 24px}.tiers-table td{border-bottom:1px solid #f1f5f9;color:#1e293b}.tiers-table tr:last-child td{border-bottom:none}.tiers-table tr.selected-tier{background:linear-gradient(90deg,#0f2c5914,#0f2c590d);border-left:4px solid #0f2c59}.tier-range{color:#1e293b;font-weight:600}.tier-price{color:#0f2c59;font-size:18px;font-weight:700}.selected-badge{align-items:center;background:#0f2c59;border-radius:25px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px}.check-icon{font-size:16px}.select-tier-btn{background:#fff;border:2px solid #0f2c59;border-radius:8px;color:#0f2c59;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s}.select-tier-btn:hover{background:#0f2c59;box-shadow:0 4px 8px #0f2c5933;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.payment-page{padding:0 16px 16px}.calculator-card{padding:24px}.quantity-control-buttons{align-items:stretch;flex-direction:column}.quantity-btn{height:50px;margin-top:10px;order:3;width:100%}.quantity-input-container{max-width:100%;order:1}.quantity-btn.decrease{margin-top:20px;order:2}.quantity-input-large{font-size:28px;padding:20px}.input-suffix-large{font-size:18px;right:15px}.presets-grid{grid-template-columns:repeat(2,1fr);max-height:180px}.price-row{align-items:flex-start;flex-direction:column;gap:6px}.price-row .price-value{align-self:flex-end}.tiers-table{min-width:500px}.tiers-table td,.tiers-table th{padding:14px 16px}.buy-btn-primary{font-size:18px;padding:18px}}.presets-grid::-webkit-scrollbar{width:8px}.presets-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.presets-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.presets-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pay-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.pay-calc{background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:24px}.pay-summary{background:var(--jp-grad);border-radius:var(--r-lg);color:var(--jp-white);display:flex;flex-direction:column;gap:16px;padding:24px}.pay-sum-label{font-size:12px;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.pay-sum-val{font-family:var(--f-display);font-size:28px;font-weight:800}.pay-btn{background:var(--jp-white);border:none;border-radius:var(--r-md);color:var(--jp-ocean);cursor:pointer;font-size:15px;font-weight:700;margin-top:12px;padding:14px;transition:all .2s;width:100%}.pay-btn:hover:not(:disabled){background:#f0faff;transform:translateY(-1px)}.pay-btn:disabled{cursor:not-allowed;opacity:.6}.qty-control{align-items:center;display:flex;gap:8px;margin-bottom:16px}.qty-btn{border:1px solid #e2e8f0;border-radius:50%;color:var(--jp-ocean);cursor:pointer;font-size:18px;height:36px;justify-content:center;width:36px}.qty-btn,.qty-input-wrap{align-items:center;background:#f8fafc;display:flex}.qty-input-wrap{border:1.5px solid #e2e8f0;border-radius:var(--r-md);flex:1 1;padding:0 12px;position:relative}.qty-input{background:#0000;border:none;font-family:var(--f-display);font-size:18px;font-weight:600;outline:none;padding:10px 0;width:100%}.qty-suffix{color:var(--jp-muted);font-size:12px;font-weight:600}.qty-slider{margin:12px 0;width:100%}.qty-slider input[type=range]{accent-color:var(--jp-ocean);width:100%}.qty-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.qty-preset{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:var(--jp-muted);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s}.qty-preset.active{background:var(--jp-ocean);border-color:var(--jp-ocean);color:var(--jp-white)}.tiers-table td,.tiers-table th{padding:12px 14px}.tiers-table th{background:#f8fafc;color:var(--jp-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tier-row.selected{background:var(--jp-pale)}.tier-badge{background:var(--jp-grad);border-radius:4px;color:var(--jp-white);font-size:10px;font-weight:700;padding:3px 8px}.tier-btn{background:#0000;border:1px solid var(--jp-mid);border-radius:4px;color:var(--jp-mid);cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px}.tier-btn:hover{background:#0096c81a}@media (max-width:860px){.pay-grid{grid-template-columns:1fr}}.qty-spinbox{align-items:center;background:#f8fafc;background:var(--jp-pale,#f8fafc);border:1.5px solid #e2e8f0;border-radius:var(--r-md);display:flex;height:60px;overflow:hidden}.qty-spinbox:focus-within{border-color:var(--jp-ocean);box-shadow:0 0 0 3px #0077b61f}.qty-spin-btn{background:none;border:none;color:var(--jp-ocean);cursor:pointer;flex-shrink:0;font-size:22px;height:100%;transition:background .15s;width:52px}.qty-spin-btn:hover{background:#0077b614}.qty-spin-btn:active{transform:scale(.94)}.qty-spin-input{-moz-appearance:textfield;background:#0000;border:none;color:#1e293b;color:var(--jp-dark,#1e293b);flex:1 1;font-family:var(--f-display);font-size:26px;font-weight:600;outline:none;padding:0 4px;text-align:center}.qty-spin-input::-webkit-inner-spin-button,.qty-spin-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-spin-unit{color:var(--jp-muted);flex-shrink:0;font-size:12px;font-weight:600;padding-right:12px}.cpp-page{box-sizing:border-box;margin:0 auto;max-width:100vw;overflow-x:hidden;padding:12px}.cpp-page *,.cpp-page :after,.cpp-page :before{box-sizing:border-box;max-width:100%}.cpp-header{word-wrap:break-word;margin-bottom:16px;overflow-wrap:break-word}.cpp-eyebrow{align-items:center;color:var(--jp-ocean);display:flex;flex-wrap:wrap;font-size:10px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.cpp-eyebrow:before{background:var(--jp-grad);border-radius:var(--r-full);content:"";flex-shrink:0;height:2px;width:14px}.cpp-title{color:var(--jp-deep);font-family:var(--f-display);font-size:20px;font-weight:900;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.5px;line-height:1.15}.cpp-subtitle,.cpp-title{word-wrap:break-word;overflow-wrap:break-word}.cpp-subtitle{color:var(--jp-muted);font-size:12px;line-height:1.5;margin-top:4px}.cpp-grid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr;max-width:100%;overflow:hidden;width:100%}.dash-card{box-sizing:border-box;max-width:100%;padding:16px}.dash-card__header{gap:6px;margin-bottom:12px}.dash-card__title{word-wrap:break-word;color:var(--jp-deep);font-size:13px;font-weight:700;overflow-wrap:break-word}.dash-badge{border-radius:12px;display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 10px;white-space:nowrap}.dash-badge--info{background:#e0f2fe;color:#0369a1}.dash-badge--success{background:#dcfce7;color:#15803d}.cpp-label{align-items:center;color:var(--jp-deep);display:flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:.05em;margin-bottom:8px;margin-top:16px;text-transform:uppercase}.cpp-label:before{background:var(--jp-grad);border-radius:2px;content:"";flex-shrink:0;height:14px;width:4px}.cpp-divider{background:#0077b614;height:1px;margin:12px 0;width:100%}.cpp-rate-pill{align-items:baseline;background:#f0f9ff;border:1.5px solid #0077b626;border-radius:var(--r-md);display:flex;flex-wrap:wrap;gap:4px 8px;overflow:hidden;padding:10px 14px;width:100%}.cpp-rate-pill__currency{color:var(--jp-ocean);flex-shrink:0;font-size:11px;font-weight:700;opacity:.65}.cpp-rate-pill__value{color:var(--jp-deep);font-family:var(--f-display);font-size:26px;font-weight:900;letter-spacing:-.5px;line-height:1;word-break:break-all}.cpp-rate-pill__unit{color:var(--jp-muted);flex-shrink:0;font-size:11px;font-weight:600}.cpp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px;width:100%}.cpp-chip{background:#fff;border:2px solid #0077b6;border-radius:var(--r-full);box-shadow:0 2px 4px #0077b614;color:#0077b6;cursor:pointer;flex:0 1 auto;font-family:var(--f-body);font-size:13px;font-weight:800;min-width:52px;padding:9px 16px;text-align:center;touch-action:manipulation;transition:all .18s ease;white-space:nowrap}.cpp-chip:hover{background:#e0f5ff;border-color:var(--jp-ocean);box-shadow:0 4px 8px #0077b62e;transform:translateY(-1px)}.cpp-chip.active{background:var(--jp-grad);border-color:#0000;box-shadow:0 4px 14px #0096c866;color:#fff;transform:translateY(-1px)}.cpp-stepper{align-items:center;background:#fff;border:2px solid #0077b6;border-radius:var(--r-md);box-shadow:0 2px 8px #0077b61f;display:flex;max-width:100%;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cpp-stepper:focus-within{border-color:var(--jp-mid);box-shadow:0 0 0 4px #0096c82e,0 4px 12px #0077b633}.cpp-stepper__btn{align-items:center;background:#f0f9ff;border:none;border-right:1px solid #0077b626;color:#0077b6;cursor:pointer;display:flex;flex-shrink:0;font-family:var(--f-body);font-size:24px;font-weight:400;height:52px;justify-content:center;line-height:1;min-width:48px;touch-action:manipulation;transition:background .15s ease,color .15s ease;width:48px}.cpp-stepper__btn:last-child{border-left:1px solid #0077b626;border-right:none}.cpp-stepper__btn:hover{background:#d0eeff;color:#005a8c}.cpp-stepper__btn:active{background:#a8dcf0}.cpp-stepper__input{background:#94b1e1;border:none;color:#041218;flex:1 1;font-family:var(--f-display);font-size:22px;font-weight:800;height:52px;letter-spacing:.5px;max-width:100%;min-width:60px;outline:none;padding:0 12px;text-align:center;width:100%}.cpp-stepper__input::placeholder{color:#94a3b8;font-size:16px;font-weight:500}.cpp-stepper__input::-webkit-inner-spin-button,.cpp-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cpp-stepper__input[type=number]{-moz-appearance:textfield;color:#041218}.cpp-stepper__hint{word-wrap:break-word;color:var(--jp-muted);font-size:11px;font-weight:600;margin-top:6px;overflow-wrap:break-word}.cpp-summary-row{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:4px 0;width:100%}.cpp-summary-row__label{color:var(--jp-muted);flex-shrink:0;font-weight:600}.cpp-summary-row__value{word-wrap:break-word;color:var(--jp-deep);font-size:14px;font-weight:800;overflow-wrap:break-word;text-align:right}.cpp-total{align-items:stretch;background:var(--jp-grad);border-radius:var(--r-lg);color:var(--jp-white);display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:14px;text-align:center;width:100%}.cpp-total__label{font-size:9px;font-weight:700;letter-spacing:.06em;opacity:.7;text-transform:uppercase}.cpp-total__sub{font-size:9px;margin-top:1px;opacity:.55}.cpp-total__value{word-wrap:break-word;font-family:var(--f-display);font-size:20px;font-weight:900;letter-spacing:-.5px;line-height:1;overflow-wrap:break-word}.cpp-total__sms{font-size:9px;margin-top:1px;opacity:.6}.cpp-pay-btn{background:var(--jp-grad);border:none;border-radius:var(--r-md);box-shadow:var(--sh-btn);color:var(--jp-white);cursor:pointer;font-family:var(--f-display);font-size:14px;font-weight:700;letter-spacing:-.2px;margin-top:12px;max-width:100%;overflow:hidden;padding:12px;text-overflow:ellipsis;touch-action:manipulation;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;width:100%}.cpp-pay-btn:hover:not(:disabled){box-shadow:0 8px 28px #0096c880;transform:translateY(-2px)}.cpp-pay-btn:active:not(:disabled){transform:translateY(0)}.cpp-pay-btn:disabled{cursor:not-allowed;opacity:.55}.cpp-pay-btn--loading{gap:8px}.cpp-pay-btn--loading,.cpp-trust{align-items:center;display:flex;justify-content:center}.cpp-trust{color:var(--jp-muted);flex-wrap:wrap;font-size:10px;gap:4px;line-height:1.5;margin-top:8px;text-align:center;width:100%}.cpp-trust__icon{color:var(--jp-ocean);flex-shrink:0;font-size:12px}.cpp-info-card{background:var(--jp-white);border:1px solid #0077b617;border-radius:var(--r-lg);box-shadow:var(--sh-card);max-width:100%;overflow:hidden;padding:14px;width:100%}.cpp-info-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:8px 0;width:100%}.cpp-info-row:last-child{border-bottom:none}.cpp-info-row__icon{align-items:center;border-radius:var(--r-sm);display:flex;flex-shrink:0;font-family:var(--f-display);font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.cpp-info-row__icon--step{background:var(--jp-pale);color:var(--jp-ocean)}.cpp-info-row__icon--done{background:#dcfce7;color:#15803d}.cpp-info-row__title{color:var(--jp-deep);font-size:11px;font-weight:700;margin-bottom:1px}.cpp-info-row__desc,.cpp-info-row__title{word-wrap:break-word;overflow-wrap:break-word}.cpp-info-row__desc{color:var(--jp-muted);font-size:10px;line-height:1.5}.cpp-balance{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:12px;width:100%}.cpp-balance__value{word-wrap:break-word;align-items:baseline;color:var(--jp-deep);display:flex;flex-wrap:wrap;font-family:var(--f-display);font-size:24px;font-weight:900;gap:4px;letter-spacing:-.5px;line-height:1;margin-bottom:6px;overflow-wrap:break-word}.cpp-balance__unit{color:var(--jp-muted);flex-shrink:0;font-size:11px;font-weight:600}.cpp-balance__bar{background:var(--jp-pale);border-radius:var(--r-full);height:5px;margin-bottom:6px;overflow:hidden;width:100%}.cpp-balance__bar-fill{background:var(--jp-grad);border-radius:var(--r-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.cpp-balance__hint{word-wrap:break-word;color:var(--jp-muted);font-size:10px;overflow-wrap:break-word}.cpp-modal-backdrop{animation:cppFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#011f2e99;inset:0;position:fixed;z-index:9998}.cpp-modal-shell{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.cpp-modal{animation:cppSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:var(--jp-white);border-radius:var(--r-xl);box-shadow:0 24px 64px #00285040;margin:16px;max-height:90vh;max-width:380px;overflow-y:auto;width:100%}.cpp-modal__accent{height:4px}.cpp-modal__body{padding:20px;text-align:center}.cpp-modal__icon{align-items:center;border-radius:var(--r-lg);display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.cpp-modal__title{color:var(--jp-deep);font-family:var(--f-display);font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.cpp-modal__text,.cpp-modal__title{word-wrap:break-word;overflow-wrap:break-word}.cpp-modal__text{color:var(--jp-muted);font-size:13px;line-height:1.6;margin-bottom:18px}.cpp-modal__dots{display:flex;gap:5px;justify-content:center;margin-bottom:18px}.cpp-modal__dot{animation:cppDotPulse 1.4s ease-in-out infinite;background:var(--jp-ocean);border-radius:50%;height:7px;width:7px}.cpp-modal__dot:nth-child(2){animation-delay:.2s}.cpp-modal__dot:nth-child(3){animation-delay:.4s}.cpp-modal__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cpp-modal__actions .dash-btn{font-size:12px;min-width:90px;padding:8px 14px}@keyframes cppFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cppSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cppDotPulse{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}@media (min-width:768px){.cpp-page{padding:20px 24px}.cpp-header{margin-bottom:20px}.cpp-title{font-size:24px}.cpp-grid{gap:20px}.dash-card{padding:20px}.cpp-rate-pill{padding:14px 18px}.cpp-rate-pill__value{font-size:30px}.cpp-stepper__btn{font-size:26px;height:58px;min-width:54px;width:54px}.cpp-stepper__input{font-size:26px;font-weight:900;height:58px}.cpp-chip{font-size:14px;font-weight:800;padding:10px 18px}.cpp-total{flex-direction:row;gap:12px;padding:16px 20px;text-align:left}.cpp-total__value{font-size:22px;text-align:right}.cpp-total__sms{text-align:right}.cpp-pay-btn{font-size:15px;padding:14px}.cpp-info-card{padding:18px}.cpp-balance__value{font-size:26px}.cpp-modal{max-width:400px}.cpp-modal__body{padding:24px}.cpp-modal__icon{font-size:26px;height:56px;width:56px}.cpp-modal__title{font-size:19px}}@media (min-width:1024px){.cpp-page{max-width:1024px;padding:28px 32px}.cpp-header{margin-bottom:24px}.cpp-title{font-size:26px}.cpp-subtitle{font-size:13px;margin-top:5px}.cpp-grid{gap:24px;grid-template-columns:1fr 320px}.cpp-rate-pill__value{font-size:34px}.cpp-stepper__input{font-size:28px;height:62px}.cpp-total__value{font-size:24px}.cpp-balance__value{font-size:28px}.cpp-modal{max-width:420px}.cpp-modal__body{padding:28px}.cpp-modal__icon{font-size:28px;height:60px;width:60px}.cpp-modal__title{font-size:20px}}@media (min-width:1280px){.cpp-page{max-width:1100px;padding:32px 40px}.cpp-grid{gap:28px;grid-template-columns:1fr 360px}.cpp-title{font-size:28px}.cpp-info-card{padding:22px}}@media (max-width:374px){.cpp-page{padding:8px}.cpp-title{font-size:17px}.cpp-rate-pill__value{font-size:22px}.cpp-chip{font-size:11px;font-weight:800;min-width:40px;padding:6px 10px}.cpp-stepper__btn{font-size:18px;height:42px;min-width:38px;width:38px}.cpp-stepper__input{font-size:18px;font-weight:800;height:42px;min-width:40px}.dash-card{padding:12px}.cpp-total__value{font-size:18px}.cpp-balance__value{font-size:20px}.cpp-info-card{padding:12px}.cpp-modal{margin:8px}.cpp-modal__body{padding:16px}.cpp-modal__title{font-size:15px}.cpp-modal__text{font-size:12px}.cpp-modal__actions .dash-btn{font-size:11px;min-width:70px;padding:6px 10px}}@media (max-height:600px) and (orientation:landscape){.cpp-page{padding:8px 12px 60px}.cpp-header{margin-bottom:10px}.cpp-title{font-size:16px}.cpp-subtitle{font-size:10px;margin-top:2px}.cpp-grid{gap:10px}.cpp-label{margin-bottom:4px;margin-top:8px}.dash-card{padding:10px}.cpp-rate-pill{padding:6px 10px}.cpp-rate-pill__value{font-size:20px}.cpp-stepper__btn{font-size:18px;height:36px;min-width:36px;width:36px}.cpp-stepper__input{font-size:16px;height:36px}.cpp-chip{font-size:10px;padding:5px 10px}.cpp-info-row{padding:4px 0}.cpp-balance{margin-top:8px;padding-top:8px}.cpp-balance__value{font-size:18px}.cpp-total{margin-top:6px;padding:10px}.cpp-total__value{font-size:16px}.cpp-pay-btn{font-size:12px;margin-top:6px;padding:8px}.cpp-info-card{padding:10px}.cpp-modal{max-height:90vh}.cpp-modal__body{padding:14px}.cpp-modal__icon{font-size:18px;height:36px;margin-bottom:8px;width:36px}.cpp-modal__title{font-size:15px}.cpp-modal__text{font-size:11px}.cpp-modal__dots,.cpp-modal__text{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cpp-modal,.cpp-modal__dot{animation:none!important}.cpp-balance__bar-fill,.cpp-pay-btn{transition:none!important}.cpp-pay-btn:hover:not(:disabled){transform:none!important}.cpp-chip{transition:none!important}.cpp-modal-backdrop{animation:none!important}}@media (prefers-color-scheme:dark){.cpp-rate-pill{background:#0077b626;border-color:#0077b633}.cpp-stepper{background:#ffffff0d;border-color:#0096c880}.cpp-stepper__btn{background:#0077b626;border-color:#ffffff1a;color:#60c4e8}.cpp-stepper__input{background:#0000;color:var(--jp-white);font-weight:800}.cpp-chip{background:#ffffff0d;border-color:#0096c866;color:#60c4e8}.cpp-chip:hover{background:#0096c826}.cpp-chip.active{background:var(--jp-grad);color:var(--jp-white)}.cpp-info-card{background:#ffffff08;border-color:#ffffff0d}.cpp-info-row{border-bottom-color:#ffffff0d}.cpp-balance{border-top-color:#ffffff0d}.cpp-balance__bar{background:#ffffff1a}.cpp-divider{background:#ffffff0d}.cpp-modal{background:#1a1a2e}.cpp-modal__title{color:var(--jp-white)}.cpp-modal__text{color:#ffffffb3}.cpp-modal__dot{background:#60a5fa}.cpp-total{background:linear-gradient(135deg,#0d9488,#06b6d4)}}.pp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;min-height:300px}.pp-spinner{animation:pp-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0f2c59;height:40px;width:40px}@keyframes pp-spin{to{transform:rotate(1turn)}}.pp-page{display:flex;flex-direction:column;gap:28px;max-width:960px;padding:0 24px 40px}.pp-lock-banner{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:10px;color:#dc2626;font-size:14px;font-weight:600;margin-top:8px;padding:12px 20px}.pp-overdue-alert{background:#fff7ed;border:2px solid #fb923c;border-radius:14px;justify-content:space-between;padding:20px 24px}.pp-overdue-alert,.pp-overdue-left{align-items:center;display:flex;gap:16px}.pp-overdue-icon{flex-shrink:0;font-size:28px}.pp-overdue-left strong{color:#92400e;display:block;font-size:16px;margin-bottom:4px}.pp-overdue-left p{color:#a16207;font-size:14px;margin:0}.pp-cycle-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 4px 16px #0f2c5917;padding:32px}.pp-cycle-header{align-items:flex-start;margin-bottom:28px}.pp-cycle-label{color:#64748b;display:block;font-size:13px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.pp-cycle-period{font-feature-settings:"tnum";color:#0f2c59;font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.pp-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:24px}.pp-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.pp-metric--highlight{background:#eff6ff;border-color:#bfdbfe}.pp-metric--total{background:#0f2c59;border-color:#0000;grid-column:span 2}.pp-metric--total .pp-metric-label{color:#ffffffb3}.pp-metric--total .pp-metric-value{color:#fff}.pp-metric-label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pp-metric-value{font-feature-settings:"tnum";color:#1e293b;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.pp-metric-value--large{font-size:26px}.pp-credit-bar-wrap{margin-bottom:24px}.pp-credit-bar-labels{color:#64748b;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:8px}.pp-credit-bar{background:#e2e8f0;border-radius:10px;height:10px;overflow:hidden}.pp-credit-bar-fill{background:#0f2c59;border-radius:10px;height:100%;transition:width .6s ease}.pp-credit-bar-fill--warn{background:#f59e0b}.pp-credit-bar-fill--danger{background:#ef4444}.pp-limit-exceeded{color:#dc2626;font-size:13px;font-weight:500;margin-top:8px}.pp-action-area{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pp-bank-notice{align-items:center;background:#f0f9ff;border:1.5px solid #7dd3fc;border-radius:10px;display:flex;flex:1 1;gap:12px;padding:14px 18px}.pp-bank-notice-icon{font-size:22px}.pp-bank-notice strong{color:#0369a1;display:block;font-size:14px}.pp-bank-notice p{color:#0c4a6e;font-size:13px;margin:2px 0 0}.pp-pay-btn{background:linear-gradient(135deg,#0f2c59,#1a4a8a);border:none;border-radius:12px;box-shadow:0 4px 12px #0f2c5940;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .25s;white-space:nowrap}.pp-pay-btn:hover:not(:disabled){box-shadow:0 8px 20px #0f2c594d;transform:translateY(-2px)}.pp-pay-btn:disabled{opacity:.5}.pp-pay-btn--urgent{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;flex-shrink:0}.pp-pay-btn--urgent:hover:not(:disabled){box-shadow:0 8px 20px #dc262659}.pp-bank-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f2c590f;padding:28px;transition:border-color .3s,box-shadow .3s}.pp-bank-card--active{border-color:#93c5fd;box-shadow:0 4px 16px #3b82f626}.pp-bank-card-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.pp-bank-icon{flex-shrink:0;font-size:30px}.pp-bank-card-header h3{color:#0f2c59;font-size:18px;font-weight:700;margin:0 0 4px}.pp-bank-card-header p{color:#64748b;font-size:13px;margin:0}.pp-bank-required-badge{background:#dbeafe;border-radius:20px;color:#1d4ed8;font-size:12px;font-weight:700;margin-left:auto;padding:6px 14px;white-space:nowrap}.pp-bank-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pp-bank-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.pp-bank-field--full{grid-column:1/-1}.pp-bank-field-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.pp-bank-field-value{color:#1e293b;font-size:15px;font-weight:600}.pp-bank-field-value--mono{color:#0f2c59;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;letter-spacing:.5px}.pp-receipt-upload-section{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1.5px solid #7dd3fc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding:18px 20px}.pp-receipt-upload-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.pp-receipt-upload-info strong{color:#0369a1;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.pp-receipt-upload-info p{color:#0c4a6e;font-size:13px;margin:0}.pp-upload-receipt-btn{background:linear-gradient(135deg,#0f2c59,#1a4a8a);border:none;border-radius:10px;box-shadow:0 4px 12px #0f2c5940;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;padding:12px 24px;transition:all .25s;white-space:nowrap}.pp-upload-receipt-btn:hover{box-shadow:0 8px 20px #0f2c594d;transform:translateY(-2px)}.pp-table-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f2c590f;padding:28px}.pp-table-title{color:#0f2c59;font-size:18px;font-weight:700;margin:0 0 20px}.pp-table-wrap{overflow-x:auto}.pp-table{border-collapse:collapse;font-size:14px;min-width:560px;width:100%}.pp-table thead{background:#f1f5f9}.pp-table th{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.pp-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px}.pp-table tr:last-child td{border-bottom:none}.pp-table tr:hover td{background:#f8fafc}.pp-td-period{color:#0f2c59;font-weight:700}.pp-td-amount{font-feature-settings:"tnum";color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.pp-td-ref{color:#64748b;font-family:Courier New,monospace;font-size:12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 12px;white-space:nowrap}.badge--open{background:#eff6ff;color:#1d4ed8}.badge--invoiced{background:#fef9c3;color:#a16207}.badge--paid{background:#f0fdf4;color:#15803d}.badge--overdue{background:#fef2f2;color:#dc2626}.badge--pending{background:#f5f3ff;color:#7c3aed}.badge--processing{background:#fff7ed;color:#c2410c}.pp-empty{color:#94a3b8;padding:60px 20px;text-align:center}.pp-empty span{display:block;font-size:40px;margin-bottom:12px}.pp-empty p{font-size:15px;margin:0}.modal-overlay{animation:modal-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1c328c;z-index:1000}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-box{animation:modal-slide .25s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-width:440px;padding:40px;position:relative}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.modal-close:hover{background:#e2e8f0}.modal-header{margin-bottom:24px;text-align:center}.modal-icon{font-size:40px;margin-bottom:10px}.modal-header h2{color:#0f2c59;font-size:22px;font-weight:700;margin:0 0 6px}.modal-period{color:#64748b;font-size:14px;margin:0}.modal-amount-display{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;margin-bottom:24px;padding:20px}.modal-amount-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.modal-amount-value{font-feature-settings:"tnum";color:#0f2c59;font-size:28px;font-variant-numeric:tabular-nums;font-weight:800}.modal-field{margin-bottom:18px}.modal-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.modal-input{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:15px;padding:12px 14px;transition:border-color .2s;width:100%}.modal-input:focus{border-color:#0f2c59;box-shadow:0 0 0 3px #0f2c591a;outline:none}.modal-input-hint{color:#94a3b8;display:block;font-size:12px;margin-top:6px}.modal-pay-btn{background:linear-gradient(135deg,#0f2c59,#1a4a8a);border:none;border-radius:12px;box-shadow:0 4px 12px #0f2c5940;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:16px;transition:all .25s;width:100%}.modal-pay-btn:hover:not(:disabled){box-shadow:0 8px 20px #0f2c594d;transform:translateY(-2px)}.modal-pay-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn-loading{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:pp-spin .7s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;flex-shrink:0;height:18px;width:18px}.modal-bank-notice{background:#f0f9ff;border:1.5px solid #7dd3fc;border-radius:12px;padding:20px;text-align:center}.bank-notice-icon{font-size:32px;margin-bottom:10px}.modal-bank-notice p{color:#0369a1;font-size:14px;margin:6px 0 0}.bank-notice-sub{color:#0c4a6e!important;font-size:13px!important}.pp-table-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pp-download-btn{align-items:center;background:#0f2c59;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:all .2s}.pp-download-btn:hover{background:#1a4a7a;transform:translateY(-1px)}.pp-download-invoice-btn{align-items:center;background:#fff;border:2px solid #0f2c59;border-radius:6px;color:#0f2c59;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-left:10px;padding:10px 20px;transition:all .2s}.pp-download-invoice-btn:hover{background:#0f2c59;color:#fff;transform:translateY(-1px)}.pp-overdue-actions{display:flex;gap:10px}.pp-bank-field-value-row{align-items:center;display:flex;gap:8px}.pp-copy-btn{align-items:center;background:#0000;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s}.pp-copy-btn:hover{background:#f1f5f9;border-color:#0f2c59;color:#0f2c59}.copied-hint{color:#16a34a;font-weight:600}.brm-box{max-height:90vh;max-width:520px!important;overflow-y:auto;padding:32px 28px!important}.brm-tabs{display:flex;gap:8px;margin-bottom:22px}.brm-tab{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:9px 0;transition:all .2s}.brm-tab--active{background:#0f2c59;color:#fff}.brm-tab:hover:not(.brm-tab--active){background:#e2e8f0;color:#374151}.brm-textarea{min-height:68px;resize:vertical}.brm-dropzone{align-items:center;background:#f8fafc;border:2.5px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:110px;padding:24px 16px;text-align:center;transition:border-color .2s,background .2s}.brm-dropzone--filled,.brm-dropzone:hover{background:#eff6ff;border-color:#0f2c59}.brm-dropzone-placeholder p{color:#64748b;font-size:14px;margin:8px 0 4px}.brm-dropzone-placeholder small{color:#94a3b8;font-size:12px}.brm-pdf-preview{align-items:center;display:flex;flex-direction:column;gap:4px}.brm-pdf-preview strong{color:#1e293b;font-size:14px}.brm-pdf-preview small{color:#64748b;font-size:12px}.brm-img-preview{border-radius:8px;max-height:130px;max-width:100%;object-fit:contain}.brm-remove-file{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;margin-top:8px;padding:0}.brm-remove-file:hover{text-decoration:underline}.brm-footer-note{color:#94a3b8;font-size:12px;line-height:1.5;margin-bottom:0;margin-top:14px;text-align:center}.brm-history{display:flex;flex-direction:column;gap:12px}.brm-history-loading{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;justify-content:center;padding:40px 0}.brm-history-empty{color:#94a3b8;padding:40px 20px;text-align:center}.brm-history-empty p{font-size:14px;margin:8px 0 0}.brm-receipt-card{background:#fafafa;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;transition:border-color .2s}.brm-receipt-card:hover{border-color:#cbd5e1}.brm-receipt-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.brm-receipt-payer{color:#1e293b;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.brm-receipt-amount{font-feature-settings:"tnum";color:#0f2c59;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.brm-receipt-status{border-radius:99px;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.brm-receipt-meta{color:#94a3b8;font-size:12px;margin-bottom:4px}.brm-receipt-note{background:#f1f5f9;border-radius:6px;color:#374151;font-size:12px;margin-top:6px;padding:6px 10px}.brm-receipt-sms-granted{color:#16a34a;font-size:12px;font-weight:700;margin-top:6px}@media (max-width:768px){.pp-page{gap:20px;padding:0 12px 32px}.pp-cycle-card{padding:20px}.pp-metrics-grid{grid-template-columns:1fr 1fr}.pp-metric--total{grid-column:span 2}.pp-bank-grid{grid-template-columns:1fr}.pp-overdue-alert{align-items:flex-start;flex-direction:column}.pp-cycle-period{font-size:22px}.modal-box{padding:28px 20px}.modal-amount-value{font-size:22px}.pp-receipt-upload-section{align-items:flex-start;flex-direction:column}.pp-upload-receipt-btn{text-align:center;width:100%}.brm-box{padding:24px 16px!important}}.pp-overpayment-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0f2c590f;padding:24px 28px}.pp-overpayment-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.pp-overpayment-icon{flex-shrink:0;font-size:28px}.pp-overpayment-header h3{color:#0f2c59;font-size:16px;font-weight:700;margin:0 0 2px}.pp-overpayment-header p{color:#64748b;font-size:13px;margin:0}.pp-overpayment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.pp-overpayment-metric{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px}.pp-op-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.pp-op-value{font-feature-settings:"tnum";color:#15803d;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.pp-overpayment-note{background:#f0f9ff;border-radius:8px;color:#0c4a6e;font-size:13px;line-height:1.4;margin:0;padding:10px 14px}@media (max-width:768px){.pp-overpayment-card{padding:20px 16px}.pp-overpayment-grid{grid-template-columns:1fr}}.pp-root{margin:0 auto;max-width:900px}.pp-topbar{margin-bottom:24px}.pp-title{color:var(--jp-deep);font-family:var(--f-display);font-size:24px;margin:0 0 4px}.pp-subtitle{color:var(--jp-muted);font-size:13px;margin:0}.pp-card{background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);box-shadow:var(--sh-card);margin-bottom:20px;padding:20px}.pp-card-header{align-items:center;color:var(--jp-deep);display:flex;font-family:var(--f-display);font-weight:600;gap:10px;margin-bottom:12px}.pp-label{color:var(--jp-muted);display:block;font-size:11px}.pp-value{color:var(--jp-deep);font-size:16px;font-weight:700}.pp-note{background:var(--jp-light);border-radius:var(--r-sm);color:var(--jp-muted);font-size:12px;margin-top:12px;padding:8px}.pp-credit-card{border-left:4px solid #7c3aed}.pp-credit-grid{display:flex;gap:24px}.pp-debt-card{background:#fef2f2;border-left:4px solid;border-color:#fca5a5}.pp-debt-amount{color:#dc2626;font-family:var(--f-display);font-size:28px;font-weight:800;margin:8px 0}.pp-cycle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.pp-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.pp-metric{background:var(--jp-light);border-radius:var(--r-sm);padding:10px}.pp-metric span{color:var(--jp-muted);display:block;font-size:11px;margin-bottom:4px}.pp-metric strong{color:var(--jp-deep);font-size:15px}.pp-limit-bar{margin-bottom:16px}.pp-limit-label{color:var(--jp-muted);display:flex;font-size:11px;justify-content:space-between;margin-bottom:6px}.pp-limit-track{background:#e2e8f0;border-radius:99px;height:6px;overflow:hidden}.pp-limit-fill{height:100%;transition:width .4s ease}.pp-pay-btn{font-size:14px;justify-content:center;padding:12px;width:100%}.pp-pay-btn:disabled{background:#cbd5e1;cursor:not-allowed}.pp-alert{align-items:center;border-radius:var(--r-md);display:flex;font-size:13px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.pp-alert--overdue{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.pp-bank-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:12px}.pp-bank-grid div{border-bottom:1px solid #e2e8f0;padding-bottom:8px}.pp-bank-grid span{color:var(--jp-muted);font-size:11px}.pp-bank-grid p{color:var(--jp-deep);font-weight:600;margin:4px 0 0}.pp-mono{color:var(--jp-ocean)!important;font-family:monospace}.pp-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.pp-dropzone{border:2px dashed #cbd5e1;border-radius:var(--r-md);color:var(--jp-muted);cursor:pointer;margin-bottom:12px;padding:20px;text-align:center}.pp-dropzone:hover{background:var(--jp-light);border-color:var(--jp-mid)}.pp-status{border-radius:99px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.pp-status--invoiced,.pp-status--open{background:#dbeafe;color:#1e40af}.pp-status--paid{background:#dcfce7;color:#15803d}.pp-status--overdue{background:#fee2e2;color:#dc2626}.logs-page{padding:0 24px 24px}.logs-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0f2c5914;padding:24px}.card-header{align-items:flex-start;margin-bottom:24px}.search-wrapper{max-width:400px;width:100%}.search-input{border-radius:10px;color:#1e293b;font-size:15px;padding:12px 16px;width:100%}.search-input:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px #2b6cb033}.sortable{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.sortable:hover{color:#0f2c59}.modern-table td,.modern-table th{color:#1e293b;font-size:15px;padding:14px 12px}.modern-table th{border-bottom:1px solid #e2e8f0;color:#64748b}.modern-table td{border-bottom:1px solid #f1f5f9}.pagination-controls{margin-top:20px}.pagination-controls button{background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-weight:500;padding:8px 16px}.pagination-controls button:hover:not(:disabled){background:#e2e8f0}.logs-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.logs-title{color:var(--jp-deep);font-family:var(--f-display);font-size:24px;font-weight:800;margin:0}.logs-sub{color:var(--jp-muted);font-size:13px;margin:4px 0 0}.logs-controls{display:flex;flex-wrap:wrap;gap:10px}.logs-search{min-width:200px}.logs-table td,.logs-table th{padding:12px 14px}.logs-table th{background:#f8fafc;color:var(--jp-muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.logs-table th:hover{background:#e2e8f0}.logs-table tr{cursor:pointer;transition:background .2s}.logs-table tr:hover{background:#f9fcff}.logs-user-info{display:flex;flex-direction:column;gap:2px}.logs-user-name{color:var(--jp-deep);font-size:13px;font-weight:600}.logs-user-email{color:var(--jp-muted);font-family:monospace;font-size:11px}.logs-action-badge{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase}.logs-modal-overlay{align-items:center;background:#011f2e80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.logs-modal{background:var(--jp-white);border-radius:var(--r-lg);box-shadow:0 20px 50px #0003;max-height:85vh;max-width:560px;overflow-y:auto;width:100%}.logs-modal__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.logs-modal__body{display:flex;flex-direction:column;gap:16px;padding:20px}.logs-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.logs-row__label{color:var(--jp-muted);flex-shrink:0;font-size:12px}.logs-row__value{color:var(--jp-deep);font-size:13px;font-weight:500;text-align:right;word-break:break-all}.logs-user-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md);overflow:hidden}.logs-user-card__head{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:var(--jp-muted);font-size:11px;font-weight:700;padding:10px 14px}.logs-user-card__body{display:flex;flex-direction:column;gap:10px;padding:14px}.sms-page-layout{display:flex;flex-direction:column;gap:24px}.sms-composer{margin:0;max-width:100%;width:100%}@media (min-width:1400px){.sms-composer{margin:0 auto;max-width:1000px}}@media (min-width:1800px){.sms-composer{max-width:1100px}}.sms-mode{display:flex;gap:12px;margin-bottom:20px}.sms-mode-btn{align-items:center;background:var(--jp-white);border:1.5px solid #d0e8f4;border-radius:var(--r-md);color:var(--jp-muted);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.sms-mode-btn.active{background:var(--jp-pale);border-color:var(--jp-ocean);color:var(--jp-ocean)}.phonebook-grid,.test-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:8px}.pb-item,.tn-item{align-items:center;background:#f9fcff;border:1px solid #e2e8f0;border-radius:var(--r-sm);cursor:pointer;display:flex;font-size:13px;gap:8px;min-width:0;padding:8px 12px}.pb-item input,.tn-item input{accent-color:var(--jp-ocean)}.pb-item:hover,.tn-item:hover{border-color:var(--jp-mid)}.var-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.var-btn{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #38bdf8;border-radius:20px;color:#0369a1;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.var-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:#0284c7;color:#fff;transform:translateY(-1px)}.char-count{color:var(--jp-muted);font-size:11px;margin-top:4px;text-align:right}.schedule-toggle{align-items:center;display:flex;gap:10px;margin:16px 0}.toggle-switch{height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background:var(--jp-ocean)}input:checked+.slider:before{transform:translateX(20px)}.schedule-input{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md);display:flex;gap:12px;margin-top:12px;padding:12px 16px;width:400px}.schedule-input svg{stroke:#0ea5e9;color:#0ea5e9}.single-number-wrap{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--r-sm);display:flex;padding:0 12px}.single-number-icon{color:var(--jp-ocean);flex-shrink:0}.single-number-input{background:#0000;border:none!important;color:#1e293b;flex:1 1;font-size:14px;outline:none!important;padding:10px 8px}.single-number-input:focus{box-shadow:none}.single-number-wrap:focus-within{border-color:var(--jp-ocean)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;vertical-align:middle;width:14px}.message-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-header-actions{align-items:center;display:flex;gap:8px}.tpl-modal-trigger-btn{align-items:center;background:#e0f2fe;border:1px solid #38bdf8;border-radius:10px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s;white-space:nowrap}.tpl-modal-trigger-btn:hover{background:#bae6fd;border-color:#0284c7;transform:translateY(-1px)}.tpl-modal-overlay{align-items:center;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2c5959;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tpl-modal-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}.tpl-modal-content .tpl-panel{background:#0000;border:none;border-radius:0;box-shadow:none;max-height:none;padding:0}.tpl-panel__header{align-items:center;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.tpl-panel__title{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:8px}.tpl-panel__actions{align-items:center;display:flex;gap:10px}.tpl-search{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:6px;padding:6px 10px}.tpl-search-input{background:#0000;border:none;color:#1e293b;font-size:13px;outline:none;width:110px}.tpl-new-btn{align-items:center;background:linear-gradient(135deg,var(--jp-ocean) 0,#023e8a 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.tpl-new-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.tpl-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:.2s;width:32px}.tpl-close-btn:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.tpl-editor{background:#fff;border-bottom:1px solid #f1f5f9;padding:20px 24px}.tpl-input{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:14px;margin-bottom:8px;padding:10px 14px;width:100%}.tpl-input:focus{background:#fff;border-color:var(--jp-ocean);outline:none}.tpl-textarea{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:14px;min-height:80px;padding:10px 14px;resize:vertical;width:100%}.tpl-textarea:focus{background:#fff;border-color:var(--jp-ocean);outline:none}.tpl-var-chips{align-items:center;background:#f0f9ff;border:1px dashed #bae6fd;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;padding:10px}.tpl-var-label{color:#0369a1;font-size:11px;font-weight:600;text-transform:uppercase}.tpl-var-chip{background:#fff;border:1px solid #38bdf8;border-radius:20px;color:#0284c7;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:.15s}.tpl-var-chip:hover{background:#38bdf8;color:#fff}.tpl-editor-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.tpl-save-btn{background:#0f172a;color:#fff;font-weight:600}.tpl-cancel-btn,.tpl-save-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;gap:6px;padding:8px 16px}.tpl-cancel-btn{background:#f1f5f9;color:#475569}.tpl-list{max-height:50vh;overflow-y:auto;padding:16px 24px}.tpl-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;padding:14px;transition:.2s}.tpl-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.tpl-item__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.tpl-item__info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.tpl-item__name{color:#0f172a;font-size:15px;font-weight:700}.tpl-item__category{background:#e2e8f0;border-radius:10px;color:#475569;font-size:10px;padding:2px 6px;white-space:nowrap}.tpl-item__actions{display:flex;gap:6px}.tpl-icon-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;transition:.15s;width:28px}.tpl-icon-btn:hover{background:#e2e8f0;color:#1e293b}.tpl-icon-btn--danger:hover{background:#fee2e2;color:#dc2626}.tpl-item__body{background:#fff;border:1px dashed #e2e8f0;border-radius:8px;color:#475569;font-size:13px;line-height:1.5;margin:8px 0;padding:8px}.tpl-use-btn{align-items:center;background:linear-gradient(135deg,var(--jp-ocean) 0,#023e8a 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;justify-content:center;padding:9px;transition:.2s;width:100%}.tpl-use-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.tpl-empty,.tpl-loading{color:#64748b;font-size:14px;padding:30px;text-align:center}.tpl-loading{align-items:center;display:flex;gap:10px;justify-content:center}@media (max-width:640px){.tpl-modal-content{max-height:90vh;max-width:95%}.tpl-panel__header{align-items:stretch;flex-direction:column;gap:12px}.tpl-panel__actions{justify-content:space-between}}.ai-inline-trigger{align-items:center;background:#0077b6;background:var(--jp-ocean,#0077b6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.2px;padding:6px 13px;transition:all .2s;white-space:nowrap}.ai-inline-trigger:hover{background:#023e8a;box-shadow:0 4px 12px #0077b659;transform:translateY(-1px)}.ai-inline-trigger svg{flex-shrink:0}.ai-overlay{align-items:center;animation:aiFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#021e3c73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes aiFadeIn{0%{opacity:0}to{opacity:1}}.ai-modal{animation:aiSlideUp .28s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 24px 60px #021e3c38,0 0 0 1px #0077b614;display:flex;flex-direction:column;max-height:82vh;max-width:500px;overflow:hidden;width:100%}@keyframes aiSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-header{background:linear-gradient(135deg,#0077b6,#023e8a);border-bottom:none;justify-content:space-between;padding:18px 22px}.ai-header,.ai-header-brand{align-items:center;display:flex}.ai-header-brand{gap:12px}.ai-header-icon{align-items:center;background:#ffffff2e;border:1px solid #ffffff40;border-radius:14px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.ai-header-title{color:#fff;font-size:16px;font-weight:700;margin:0}.ai-header-sub{color:#ffffffb3;font-size:11px;margin:2px 0 0}.ai-close-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ai-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.ai-tabs{background:#f0f7ff;border-bottom:2px solid #dbeafe;display:flex;gap:0}.ai-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:-2px;padding:11px 8px;transition:all .2s}.ai-tab.active{background:#fff;border-bottom-color:#0077b6;color:#0077b6}.ai-tab:hover:not(.active){background:#e0f2fe;color:#0369a1}.ai-body{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:20px}.ai-body::-webkit-scrollbar{width:4px}.ai-body::-webkit-scrollbar-track{background:#f8fafc}.ai-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-section{display:flex;flex-direction:column;gap:0}.ai-label{align-items:center;color:#0369a1;display:flex;font-size:11px;font-weight:700;letter-spacing:.6px;margin:0 0 10px;text-transform:uppercase}.ai-tones{display:flex;flex-wrap:wrap;gap:8px}.ai-tone-pill{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 13px;transition:all .18s}.ai-tone-pill.active{background:#e0f2fe;border-color:#0077b6;color:#0077b6;font-weight:600}.ai-tone-pill:hover:not(.active){background:#f0f9ff;border-color:#93c5fd}.ai-textarea{background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;line-height:1.5;margin:16px 0 12px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.ai-textarea:focus{background:#fff;border-color:#0077b6;outline:none}.ai-textarea::placeholder{color:#94a3b8}.ai-primary-btn{align-items:center;background:linear-gradient(135deg,#0077b6,#023e8a);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.ai-primary-btn:hover:not(:disabled){box-shadow:0 6px 16px #0077b659;filter:brightness(1.1);transform:translateY(-1px)}.ai-primary-btn:disabled{cursor:not-allowed;opacity:.55}.ai-primary-btn.teal{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.ai-results-block{margin-top:20px}.ai-draft-card{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:14px;margin-bottom:10px;padding:14px;transition:all .18s}.ai-draft-card:hover{border-color:#93c5fd}.ai-draft-text{background:#fff;border:1px solid #e0f2fe;border-radius:10px;color:#1e293b;font-size:14px;line-height:1.6;margin-bottom:10px;padding:10px 12px;word-break:break-word}.ai-card-actions{display:flex;gap:8px;justify-content:flex-end}.ai-chip-btn{align-items:center;background:#e2e8f0;border:none;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:all .18s}.ai-chip-btn:hover{background:#cbd5e1}.ai-chip-btn.use{background:linear-gradient(135deg,#0077b6,#023e8a);color:#fff}.ai-chip-btn.use:hover{filter:brightness(1.1);transform:translateY(-1px)}.ai-chip-btn.save{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.ai-chip-btn.save:hover{filter:brightness(1.1);transform:translateY(-1px)}.ai-history-row{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;padding:9px 12px;text-align:left;transition:all .18s;width:100%}.ai-history-row:hover{background:#e0f2fe;transform:translateX(3px)}.ai-history-text{color:#475569;flex:1 1;font-size:13px}.ai-preview-box{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e293b;font-size:13px;line-height:1.5;margin-bottom:16px;max-height:100px;overflow-y:auto;padding:12px 14px;word-break:break-word}.ai-placeholder-text{color:#94a3b8;font-style:italic}.ai-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ai-action-pill{align-items:center;background:#fff;border:1.5px solid #bfdbfe;border-radius:20px;color:#0369a1;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:9px 14px;transition:all .18s}.ai-action-pill:hover:not(:disabled){background:#0077b6;border-color:#0077b6;color:#fff;transform:translateY(-1px)}.ai-action-pill:disabled{cursor:not-allowed;opacity:.45}.ai-loading{align-items:center;color:#0077b6;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:20px}.ai-spin{animation:spin .9s linear infinite}.ai-footer{align-items:center;background:#f0f7ff;border-top:1px solid #e0f2fe;color:#64748b;display:flex;font-size:11px;gap:6px;justify-content:center;padding:12px 20px}@media (max-width:640px){.ai-modal{max-height:88vh;max-width:96%}.sms-mode{flex-direction:column}.phonebook-grid,.test-grid{grid-template-columns:1fr}.schedule-input{flex-wrap:wrap}.message-header-actions{gap:6px}.ai-inline-trigger,.tpl-modal-trigger-btn{font-size:12px;padding:5px 10px}}.pb-modal-overlay{align-items:center;animation:pbFadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f2c59cc;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:10000}@keyframes pbFadeIn{0%{opacity:0}to{opacity:1}}.pb-modal-container{animation:pbSlideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:22px;box-shadow:0 32px 64px -16px #00000040;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:560px;min-width:320px;overflow:hidden;width:50%}@keyframes pbSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pb-modal-header{align-items:center;background:linear-gradient(90deg,#fff,#fafbfc);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.75rem 2rem}.pb-modal-header-left{align-items:center;display:flex;gap:1rem}.pb-modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0f2c59,#1e3a5f);border-radius:18px;box-shadow:0 8px 16px -4px #0f2c5933;display:flex;height:56px;justify-content:center;width:56px}.pb-modal-icon{color:#fff;font-size:1.75rem}.pb-modal-title-wrapper h2{color:#0f2c59;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.pb-modal-subtitle{color:#64748b;font-size:.875rem;font-weight:400;margin:.25rem 0 0}.pb-modal-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}.pb-modal-close-btn:hover{background:#e2e8f0;color:#0f2c59;transform:rotate(90deg)}.pb-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.pb-progress-steps{gap:.5rem;padding:1.5rem 2rem 0}.pb-progress-steps,.pb-step{align-items:center;display:flex}.pb-step{flex:1 1;flex-direction:column;position:relative}.pb-step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;margin-bottom:.5rem;transition:all .3s;width:32px}.pb-step.active .pb-step-number{background:#0f2c59;box-shadow:0 0 0 4px #0f2c591a;color:#fff}.pb-step.completed .pb-step-number{background:#10b981;color:#fff}.pb-step-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.pb-step.active .pb-step-label{color:#0f2c59;font-weight:600}.pb-step-line{background:#e2e8f0;flex:1 1;height:2px;margin:0 .5rem 1.25rem}.pb-step-line.active{background:#0f2c59}.pb-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:2rem}.pb-form-container{display:flex;flex-direction:column;gap:1.5rem}.pb-template-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.pb-template-header{align-items:center;color:#475569;display:flex;gap:.75rem}.pb-template-icon{color:#0f2c59;font-size:1.125rem}.pb-template-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.pb-template-btn:hover{background:#0f2c59;border-color:#0f2c59;color:#fff}.pb-form-group{display:flex;flex-direction:column;gap:.5rem}.pb-form-label{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.pb-label-icon{color:#0f2c59;font-size:1rem}.pb-required{color:#dc2626}.pb-optional,.pb-required{font-size:.75rem;margin-left:.25rem}.pb-optional{color:#64748b;font-weight:400}.pb-form-input,.pb-form-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;color:#0f172a;font-size:.9375rem;padding:.875rem 1.25rem;transition:all .2s;width:100%}.pb-form-input:hover,.pb-form-textarea:hover{border-color:#94a3b8}.pb-form-input:focus,.pb-form-textarea:focus{border-color:#0f2c59;box-shadow:0 0 0 4px #0f2c591a;outline:none}.pb-form-input:disabled,.pb-form-textarea:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.pb-input-hint{color:#64748b;font-size:.75rem;margin-top:.25rem}.pb-file-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;overflow:hidden;position:relative;transition:all .2s}.pb-file-upload-area:hover{background:#f1f5f9;border-color:#0f2c59}.pb-file-upload-area.error{background:#fef2f2;border-color:#dc2626}.pb-file-upload-area.has-file{background:#fff;border:1.5px solid #0f2c59}.pb-file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.pb-file-label{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1.5rem}.pb-file-icon{color:#0f2c59;font-size:2rem}.pb-file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.pb-file-name{color:#0f172a;font-size:.9375rem;font-weight:600}.pb-file-size{color:#64748b;font-size:.75rem}.pb-file-change{background:#f1f5f9;border-radius:10px;color:#0f2c59;font-size:.8125rem;font-weight:600;padding:.5rem 1rem}.pb-file-text{display:flex;flex-direction:column;gap:.25rem}.pb-file-text strong{color:#0f2c59}.pb-file-text span{color:#64748b;font-size:.75rem}.pb-file-error{align-items:center;color:#dc2626;display:flex;font-size:.8125rem;gap:.5rem;margin-top:.5rem}.pb-format-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:.5rem;padding:1.25rem}.pb-guide-header{align-items:center;color:#0f2c59;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.pb-guide-content{color:#475569;font-size:.875rem}.pb-guide-content p{margin:.5rem 0}.pb-guide-content code{background:#e2e8f0;border-radius:6px;color:#0f2c59;font-size:.8125rem;padding:.25rem .5rem}.pb-example{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;padding:1rem}.pb-example pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:.75rem;margin:.75rem 0 0;overflow-x:auto;padding:.75rem}.pb-progress-container{align-items:center;display:flex;flex-direction:column;padding:2rem 1rem;text-align:center}.pb-progress-circle{height:120px;margin-bottom:2rem;position:relative;width:120px}.pb-progress-svg{transform:rotate(-90deg)}.pb-progress-bg{fill:none;stroke:#e2e8f0}.pb-progress-fill{fill:none;stroke:#0f2c59;stroke-linecap:round;transition:stroke-dashoffset .3s}.pb-progress-percentage{color:#0f2c59;font-size:1.5rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pb-upload-details{max-width:400px;width:100%}.pb-upload-details h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.pb-upload-status{color:#64748b;font-size:.9375rem;margin-bottom:1.5rem}.pb-upload-progress-bar{background:#e2e8f0;border-radius:100px;height:8px;overflow:hidden;width:100%}.pb-upload-progress-fill{background:linear-gradient(90deg,#0f2c59,#1e3a5f);border-radius:100px;height:100%;transition:width .3s ease}.pb-success-container{align-items:center;display:flex;flex-direction:column;padding:2rem 1rem;text-align:center}.pb-success-animation{animation:pbScaleIn .5s cubic-bezier(.16,1,.3,1);margin-bottom:1.5rem}@keyframes pbScaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pb-success-icon{color:#10b981;font-size:4rem}.pb-success-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.pb-success-message{color:#64748b;margin-bottom:1.5rem}.pb-success-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:1.5rem 0;padding:1.25rem;width:100%}.pb-detail-item{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:.75rem;padding:.5rem 0}.pb-detail-item:not(:last-child){border-bottom:1px solid #e2e8f0}.pb-detail-item svg{color:#0f2c59;font-size:1rem}.pb-success-auto-close{color:#94a3b8;font-size:.8125rem;margin-top:1rem}.pb-modal-footer{background:#fafbfc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.pb-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.75rem;padding:.875rem 1.75rem;transition:all .2s}.pb-btn-primary{background:#0f2c59;box-shadow:0 4px 8px -2px #0f2c5933;color:#fff}.pb-btn-primary:hover:not(:disabled){background:#1e3a5f;box-shadow:0 8px 16px -4px #0f2c594d;transform:translateY(-2px)}.pb-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.pb-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.pb-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.pb-btn-arrow{margin-left:.25rem;transition:transform .2s}.pb-btn-primary:hover .pb-btn-arrow{transform:translateX(4px)}.pb-modal-body::-webkit-scrollbar{width:6px}.pb-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.pb-modal-body::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.pb-modal-body::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width:768px){.pb-modal-container{border-radius:18px;max-height:92vh;max-width:100%}.pb-modal-overlay{padding:16px}.pb-modal-body,.pb-modal-header{padding:1.5rem}.pb-template-section{align-items:flex-start;flex-direction:column;gap:1rem}.pb-template-btn{justify-content:center;width:100%}.pb-file-label{flex-direction:column;text-align:center}.pb-file-info{align-items:center}.pb-progress-steps{padding:1.25rem 1.5rem 0}.pb-modal-footer{padding:1.25rem 1.5rem}}@media (max-width:480px){.pb-modal-overlay{padding:10px}.pb-modal-container{border-radius:16px;height:90%;width:90%}.pb-modal-header{align-items:flex-start;flex-direction:column;gap:1rem}.pb-modal-close-btn{position:absolute;right:1rem;top:1rem}.pb-progress-steps{flex-wrap:wrap}.pb-step{margin-bottom:.5rem}.pb-step-line{display:none}.pb-btn{justify-content:center;width:100%}.pb-modal-footer{flex-direction:column}}.pb-root{max-width:1200px;padding:10px 0}.pb-toolbar{align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.pb-title{color:var(--jp-deep);font-family:var(--f-display);font-size:22px;font-weight:700}.pb-actions{gap:10px}.pb-test-card{margin-bottom:24px}.pb-test-list{gap:8px;margin:16px 0}.pb-test-item{background:var(--jp-light);border:1px solid #0077b60d;border-radius:var(--r-sm);padding:10px 14px}.pb-phone{color:var(--jp-ocean);font-family:monospace;font-weight:600;letter-spacing:.5px}.pb-test-edit{gap:8px}.pb-input-sm{font-size:13px;min-width:160px;padding:6px 10px;width:auto}.pb-icon-btn{font-size:12px;padding:4px 6px}.pb-list-card .pb-row{cursor:pointer;transition:background .15s ease}.pb-list-card .pb-row:hover{background:var(--jp-pale)}.pb-contacts-card{padding:0}.pb-contacts-header{align-items:center;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.pb-count{color:var(--jp-muted);font-size:12px;font-weight:500}.pb-search{background:var(--jp-white);border:1.5px solid #d0e8f4;border-radius:var(--r-md);gap:8px;padding:6px 12px}.pb-search:focus-within{border-color:var(--jp-mid);box-shadow:var(--sh-input)}.pb-search-input{box-shadow:none!important;padding:4px!important;width:200px}.pb-var-th{color:var(--jp-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pb-var-label{transition:color .2s}.pb-var-label:hover{color:var(--jp-ocean);text-decoration:underline}.pb-cell-mono{color:var(--jp-deep);font-family:monospace}.pb-pagination{background:#f8fafc;border-top:1px solid #e2e8f0;color:var(--jp-muted);font-size:13px;gap:16px;padding:14px}.dash-modal--sm{max-width:380px!important}.dash-grid-2{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.dash-grid-2{grid-template-columns:1fr}}.dash-empty{color:var(--jp-muted);padding:30px 20px}.ai-modal-overlay{align-items:center;animation:ai-fade-in .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#011f2e99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes ai-fade-in{0%{opacity:0}to{opacity:1}}.ai-modal-container{animation:ai-slide-up .25s ease;background:#fff;border-radius:18px;box-shadow:0 25px 70px #00000040;display:flex;flex-direction:column;margin:0 auto;max-height:88vh;max-width:540px;min-width:320px;overflow-y:auto;width:50%}@keyframes ai-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.ai-modal-header-left{align-items:center;display:flex;gap:14px}.ai-modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea59;display:flex;height:44px;justify-content:center;width:44px}.ai-modal-icon{color:#fff;font-size:20px}.ai-modal-title-wrapper h2{color:#0f2c59;font-size:18px;font-weight:700;margin:0}.ai-modal-subtitle{color:#64748b;font-size:13px;margin:2px 0 0}.ai-modal-close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;padding:6px;transition:all .15s}.ai-modal-close-btn:hover{background:#f1f5f9;color:#1e293b}.ai-progress-steps{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:0;justify-content:center;padding:16px 24px}.ai-progress-steps,.ai-step{align-items:center;display:flex}.ai-step{flex-direction:column;gap:4px;min-width:80px}.ai-step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:all .3s;width:32px}.ai-step.active .ai-step-number{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.ai-step.completed .ai-step-number{background:#10b981;color:#fff}.ai-step-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ai-step.active .ai-step-label{color:#667eea}.ai-step-line{background:#e2e8f0;flex:1 1;height:2px;margin:0 12px 20px;max-width:80px;transition:background .3s}.ai-step-line.active{background:linear-gradient(90deg,#10b981,#667eea)}.ai-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ai-form-container{display:flex;flex-direction:column;gap:18px}.ai-info-banner{align-items:flex-start;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border:1px solid #c7d2fe;border-radius:10px;color:#4338ca;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:12px 14px}.ai-info-banner strong{display:block;margin-bottom:2px}.ai-form-group{display:flex;flex-direction:column;gap:6px}.ai-form-label{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.ai-required{color:#dc2626}.ai-form-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.ai-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.ai-file-upload-area{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;position:relative;transition:all .2s}.ai-file-upload-area:hover{background:#f0f0ff;border-color:#667eea}.ai-file-upload-area.has-file{background:#fafafe;border-color:#667eea;border-style:solid}.ai-file-input{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:2}.ai-file-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:32px 20px;text-align:center}.ai-file-upload-area.has-file .ai-file-label{flex-direction:row;justify-content:flex-start;padding:16px 20px;text-align:left}.ai-file-icon-large{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:14px;color:#667eea;display:flex;font-size:24px;height:56px;justify-content:center;margin-bottom:4px;width:56px}.ai-file-upload-area.has-file .ai-file-icon-large{flex-shrink:0;font-size:18px;height:40px;margin-bottom:0;width:40px}.ai-file-preview{border:1px solid #e2e8f0;border-radius:8px;height:48px;object-fit:cover;width:48px}.ai-file-text{display:flex;flex-direction:column;gap:2px}.ai-file-text strong{color:#1e293b;font-size:14px}.ai-file-text span{color:#64748b;font-size:12px}.ai-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ai-file-name{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-file-size{font-size:12px}.ai-file-change{border:1px solid #667eea;border-radius:6px;color:#667eea;font-size:12px;font-weight:600;padding:4px 10px;transition:all .15s}.ai-file-label:hover .ai-file-change{background:#667eea;color:#fff}.ai-tips{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;line-height:1.5;padding:12px 14px}.ai-tips strong{display:block;margin-bottom:6px}.ai-tips ul{margin:0;padding-left:18px}.ai-tips li{margin-bottom:2px}.ai-contacts-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:320px;overflow:hidden;overflow-y:auto}.ai-contacts-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.ai-contact-row,.ai-contacts-header{align-items:center;display:flex;padding:10px 14px}.ai-contact-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.ai-contact-row:last-child{border-bottom:none}.ai-contact-row:hover{background:#f8fafc}.ai-contacts-col-name{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-contacts-col-phone{color:#475569;font-size:13px;text-align:right;width:140px}.ai-phone-mono{color:#667eea!important;font-family:Courier New,Courier,monospace;font-weight:600;letter-spacing:.02em}.ai-contacts-col-action{display:flex;justify-content:flex-end;width:32px}.ai-contact-remove{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;padding:4px;transition:all .15s}.ai-contact-remove:hover{background:#fee2e2;color:#dc2626}.ai-null{color:#cbd5e1;font-style:italic;font-weight:400}.ai-contacts-empty{color:#94a3b8;font-size:14px;padding:32px 16px;text-align:center}.ai-modal-footer{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.ai-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .15s;white-space:nowrap}.ai-btn:disabled{cursor:not-allowed;opacity:.45}.ai-btn-secondary{background:#fff;border-color:#cbd5e1;color:#475569}.ai-btn-secondary:hover:not(:disabled){background:#f8fafc;color:#1e293b}.ai-btn-primary{background:#0f2c59;border-color:#0f2c59;color:#fff}.ai-btn-primary:hover:not(:disabled){background:#1a3d70;border-color:#1a3d70}.ai-btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d}.ai-btn-ai:hover:not(:disabled){box-shadow:0 4px 14px #667eea73;transform:translateY(-1px)}.ai-spin{animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(1turn)}}.dash-btn--ai{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#0000!important;box-shadow:0 2px 8px #667eea40;color:#fff!important;transition:all .2s}.dash-btn--ai:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4296)!important;box-shadow:0 4px 14px #667eea66!important}.pb-api-badge{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:4px;color:#667eea;font-weight:700;letter-spacing:.04em;margin-left:8px;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.pb-api-docs{border:1px solid #e2e8f0;border-radius:10px;margin-top:18px}.pb-api-docs__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#0f2c59}.pb-api-docs__row{gap:3px}.pb-api-docs__label{color:#64748b;font-weight:700}.pb-api-docs__body code{background:#f0f0ff;border-radius:5px;color:#667eea;font-family:Courier New,Courier,monospace;font-size:12px;padding:4px 8px;word-break:break-all}.pb-api-docs__code{background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;line-height:1.5;margin:0}@media (max-width:640px){.ai-modal-container{max-height:95vh}.ai-modal-header{padding:16px 18px}.ai-modal-body{padding:18px}.ai-modal-footer{flex-direction:column-reverse;padding:14px 18px 16px}.ai-btn{justify-content:center;width:100%}.ai-contacts-col-phone{width:110px}.ai-file-label{padding:24px 16px}.ai-file-upload-area.has-file .ai-file-label{align-items:center;flex-direction:column;text-align:center}}.ai-upload-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.ai-option-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 12px;transition:all .2s ease}.ai-option-btn:hover:not(:disabled){border-color:#0f2c59;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ai-option-btn:disabled{cursor:not-allowed;opacity:.5}.ai-option-btn svg{color:#0f2c59}.ai-option-btn span{color:#1e293b;font-size:14px;font-weight:600}.ai-option-btn small{color:#64748b;font-size:11px}.ai-camera-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.ai-camera-btn small,.ai-camera-btn span,.ai-camera-btn svg{color:#fff}.ai-gallery-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000}.ai-gallery-btn small,.ai-gallery-btn span,.ai-gallery-btn svg{color:#fff}.ai-document-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#0000}.ai-document-btn small,.ai-document-btn span,.ai-document-btn svg{color:#fff}.ai-preview-area{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin:20px 0;overflow:hidden}.ai-preview-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.ai-preview-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s ease}.ai-preview-remove:hover:not(:disabled){background:#fecaca}.ai-preview-image{padding:16px;position:relative;text-align:center}.ai-preview-image img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.ai-preview-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f2c59e6;border-radius:40px;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;left:50%;padding:12px 20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ai-file-details{background:#fff;border-top:1px solid #e2e8f0;display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.ai-file-name{color:#0f2c59;font-weight:500}.ai-file-size{color:#64748b}.ai-camera-container{display:flex;flex-direction:column;height:100%;padding:0}.ai-camera-view{aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden;position:relative}.ai-camera-video{height:100%;object-fit:cover;width:100%}.ai-camera-controls{background:linear-gradient(0deg,#00000080,#0000);bottom:20px;gap:40px;left:0;padding:16px;position:absolute;right:0}.ai-camera-control-btn,.ai-camera-controls{align-items:center;display:flex;justify-content:center}.ai-camera-control-btn{background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;height:44px;transition:all .2s ease;width:44px}.ai-camera-control-btn:hover{background:#fff;transform:scale(1.1)}.ai-camera-capture-btn{background:#fff;border:3px solid #fff;border-radius:50%;cursor:pointer;height:64px;padding:4px;transition:all .2s ease;width:64px}.ai-camera-capture-btn:hover{transform:scale(1.05)}.ai-capture-inner{background:#0f2c59;border-radius:50%;height:100%;width:100%}.ai-camera-instructions{background:#f1f5f9;border-radius:8px;color:#475569;font-size:13px;margin-top:16px;padding:12px;text-align:center}.ai-camera-instructions p{margin:4px 0}.ai-camera-error{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.ai-camera-error svg{color:#dc2626}.ai-extraction-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ai-stat{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.ai-stat-label{color:#64748b;font-size:13px;font-weight:500}.ai-stat-value{color:#0f2c59;font-size:18px;font-weight:700}.ai-contacts-scroll{max-height:300px;overflow-y:auto}@media (max-width:640px){.ai-modal-container{border-radius:14px;max-height:92vh;max-width:100%}.ai-modal-overlay{padding:10px;width:100%}.ai-modal-header{padding:16px 18px}.ai-modal-body{padding:18px}.ai-modal-footer{flex-direction:column-reverse;padding:14px 18px 16px}.ai-btn{justify-content:center;width:100%}.ai-contacts-col-phone{width:110px}.ai-file-label{padding:24px 16px}.ai-file-upload-area.has-file .ai-file-label{align-items:center;flex-direction:column;text-align:center}}.ai-camera-loading{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.ai-camera-loading .ai-spin{animation:spin 1s linear infinite;font-size:32px}.ai-camera-capture-btn:disabled,.ai-camera-control-btn:disabled{cursor:not-allowed;opacity:.5}:root{--jp-electric-light:#5082d1;--jp-electric-mid:#313aaf;--jp-electric-deep:#173e99;--jp-text-primary:#0f172a;--jp-text-muted:#475569;--jp-bg-white:#fff;--jp-bg-subtle:#f8fafc;--jp-bg-tint:#f0f4ff;--jp-border-light:#313aaf1f}.pb-root{background:#fff;background:var(--jp-bg-white);box-sizing:border-box;color:#0f172a;color:var(--jp-text-primary);margin:0 auto;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:12px}.pb-root *,.pb-root :after,.pb-root :before{box-sizing:border-box;max-width:100%}.pb-toolbar{align-items:stretch;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-radius:12px;box-shadow:0 4px 14px #173e9933;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px 18px;width:100%}.pb-title{word-wrap:break-word;align-items:center;color:#fff;display:flex;font-size:20px;font-weight:800;gap:8px;letter-spacing:.01em;margin:0;overflow-wrap:break-word;text-shadow:0 1px 2px #00000026}.pb-title svg{color:#fff;flex-shrink:0}.pb-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;width:100%}.pb-actions .dash-btn{flex:1 1 auto;justify-content:center;min-width:0}.pb-test-card{margin-bottom:16px;overflow:hidden;width:100%}.pb-test-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;width:100%}.pb-test-item{background:#fff;background:var(--jp-bg-white);border:1.5px solid #313aaf1f;border-left:4px solid #313aaf;border:1.5px solid var(--jp-border-light);border-left:4px solid var(--jp-electric-mid);border-radius:6px;box-shadow:0 1px 3px #173e990a;gap:8px;justify-content:space-between;min-height:40px;padding:10px 12px}.pb-test-edit,.pb-test-item{align-items:center;display:flex;flex-wrap:wrap;width:100%}.pb-test-edit{gap:6px}.pb-test-edit .dash-input{flex:1 1;min-width:80px}.pb-test-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.pb-phone{word-wrap:break-word;color:#0f172a;color:var(--jp-text-primary);font-family:Courier New,Courier,monospace;font-size:15px;font-weight:800;letter-spacing:.04em;overflow-wrap:break-word;word-break:break-all}.pb-add-test{justify-content:center;margin-top:8px;width:100%}.pb-list-card{margin-bottom:16px;overflow:hidden;width:100%}.pb-count-badge{background:#f0f4ff;background:var(--jp-bg-tint);border:1px solid #313aaf33;border-radius:20px;color:#173e99;color:var(--jp-electric-deep);display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;white-space:nowrap}.dash-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;background:var(--jp-bg-white);border:1px solid #313aaf1f;border:1px solid var(--jp-border-light);border-radius:8px;margin:0 -4px;overflow-x:auto;padding:0 4px}.dash-table-wrap::-webkit-scrollbar{height:8px}.dash-table-wrap::-webkit-scrollbar-track{background:#f8fafc;background:var(--jp-bg-subtle);border-radius:3px}.dash-table-wrap::-webkit-scrollbar-thumb{background:#5082d1;background:var(--jp-electric-light);border-radius:3px}.pb-table{border-collapse:collapse;font-size:14px;min-width:600px;width:100%}.pb-table th{background:#f8fafc;background:var(--jp-bg-subtle);border-bottom:2px solid #313aaf;border-bottom:2px solid var(--jp-electric-mid);color:#173e99;color:var(--jp-electric-deep);font-size:11px;font-weight:800;letter-spacing:.08em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.pb-table td,.pb-table th{padding:12px;white-space:nowrap}.pb-table td{border-bottom:1px solid #e2e8f0;color:#0f172a;color:var(--jp-text-primary);font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.pb-table tbody tr:last-child td{border-bottom:none}.pb-row{background:#fff;background:var(--jp-bg-white);color:#0f172a;color:var(--jp-text-primary);cursor:pointer;transition:background .15s,transform .15s}.pb-row:nth-child(2n){background:#fcfcff}.pb-row:hover{background:#f0f4ff;background:var(--jp-bg-tint);transform:scale(1.001)}.pb-cell-mono{color:#173e99;color:var(--jp-electric-deep);font-family:Courier New,Courier,monospace;font-size:14px;font-weight:800;letter-spacing:.03em}.pb-null{color:#475569;color:var(--jp-text-muted);font-style:italic;font-weight:500}.pb-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}.pb-icon-btn{align-items:center;border-radius:4px!important;display:inline-flex!important;flex-shrink:0!important;height:28px!important;justify-content:center;padding:0!important;width:28px!important}.pb-api-badge{align-items:center;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-radius:12px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;gap:3px;margin-left:6px;padding:2px 8px;text-shadow:0 1px 1px #00000026;white-space:nowrap}.pb-contacts-card{margin-bottom:16px;overflow:hidden;width:100%}.pb-contacts-header{align-items:stretch;display:flex;flex-direction:column;gap:10px;margin-bottom:12px;width:100%}.pb-count{color:#0f172a;color:var(--jp-text-primary);font-size:14px;font-weight:700}.pb-search{align-items:center;background:#fff;background:var(--jp-bg-white);border:1.5px solid #313aaf1f;border:1.5px solid var(--jp-border-light);border-radius:8px;color:#313aaf;color:var(--jp-electric-mid);display:flex;gap:6px;padding:0 10px;transition:border-color .2s;width:100%}.pb-search:focus-within{border-color:#313aaf;border-color:var(--jp-electric-mid);box-shadow:0 0 0 3px #313aaf1a}.pb-search-input{background:#0000!important;border:none!important;color:#0f172a;color:var(--jp-text-primary);font-size:14px;font-weight:600;min-width:0;outline:none;padding:9px 4px!important;width:100%}.pb-search-input::placeholder{color:#475569;color:var(--jp-text-muted);font-weight:500}.pb-var-th{min-width:80px}.pb-var-label{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:800;gap:4px;padding:2px 6px;transition:background .15s;white-space:nowrap}.pb-var-label,.pb-var-label:hover{color:#173e99;color:var(--jp-electric-deep)}.pb-var-label:hover{background:#f0f4ff;background:var(--jp-bg-tint)}.pb-var-label svg{flex-shrink:0}.pb-pagination{align-items:center;border-top:1px solid #313aaf1f;border-top:1px solid var(--jp-border-light);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px;padding:12px 0 4px;width:100%}.pb-pagination .dash-btn{flex:0 1 auto}.pb-page-text{font-size:13px;font-weight:700;min-width:80px;text-align:center}.pb-input-sm,.pb-page-text{color:#0f172a;color:var(--jp-text-primary)}.pb-input-sm{flex:1 1;font-size:13px!important;font-weight:600!important;height:28px!important;max-width:100%;min-width:40px;padding:4px 8px!important}.dash-card{background:#fff;background:var(--jp-bg-white);border:1px solid #313aaf1f;border:1px solid var(--jp-border-light);border-radius:12px;box-shadow:0 4px 12px #173e990a;overflow:hidden;padding:14px 16px;width:100%}.dash-card__header{justify-content:space-between;margin-bottom:10px;width:100%}.dash-card__header,.dash-card__title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dash-card__title{font-size:16px;font-weight:800;letter-spacing:.01em;margin:0 0 10px}.dash-card__title,.dash-loading{color:#0f172a;color:var(--jp-text-primary)}.dash-loading{align-items:center;display:flex;flex-direction:column;font-weight:700;gap:10px;justify-content:center;padding:30px 16px}.dash-spinner{animation:spin .7s linear infinite;border-bottom:4px solid #f0f4ff;border-bottom:4px solid var(--jp-bg-tint);border-left:4px solid #f0f4ff;border-left:4px solid var(--jp-bg-tint);border-radius:50%;border-right:4px solid #5082d1;border-right:4px solid var(--jp-electric-light);border-top:4px solid #313aaf;border-top:4px solid var(--jp-electric-mid);flex-shrink:0;height:28px;width:28px}.dash-empty{color:#475569;color:var(--jp-text-muted);font-size:14px;font-style:italic;font-weight:600;padding:20px 12px;text-align:center}.dash-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:4px;justify-content:center;letter-spacing:.02em;min-height:34px;padding:7px 14px;touch-action:manipulation;transition:background .15s,color .15s,border-color .15s,opacity .15s,transform .15s;white-space:nowrap}.dash-btn:disabled{cursor:not-allowed;opacity:.45}.dash-btn--primary{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-color:#173e99;border-color:var(--jp-electric-deep);box-shadow:0 2px 6px #173e9940;color:#fff;text-shadow:0 1px 1px #00000026}.dash-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#5f8fd8,#3b45bd 30%,#1f47a8);border-color:#0f2c7a;box-shadow:0 4px 10px #173e9959;transform:translateY(-1px)}.dash-btn--outline{background:#fff;background:var(--jp-bg-white);border:1.5px solid #313aaf;border:1.5px solid var(--jp-electric-mid);color:#173e99;color:var(--jp-electric-deep);font-weight:800}.dash-btn--outline:hover:not(:disabled){background:#f0f4ff;background:var(--jp-bg-tint);color:#173e99;color:var(--jp-electric-deep)}.dash-btn--ghost{background:#fff;border-color:#0000;color:#173e99;color:var(--jp-electric-deep);font-weight:700}.dash-btn--ghost:hover:not(:disabled){background:#f0f4ff;background:var(--jp-bg-tint);color:#173e99;color:var(--jp-electric-deep)}.dash-btn--danger{color:#b91c1c!important;font-weight:800}.dash-btn--danger:hover:not(:disabled){background:#fee2e2!important;border-color:#dc2626!important}.dash-btn--ai{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-color:#0000;color:#fff;font-weight:800}.dash-btn--ai:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.dash-field{display:flex;flex-direction:column;gap:4px;width:100%}.dash-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dash-input,.dash-label{color:#0f172a;color:var(--jp-text-primary)}.dash-input{background:#fff;background:var(--jp-bg-white);border:1.5px solid #cbd5e1;border-radius:6px;box-sizing:border-box;font-size:14px;font-weight:600;min-width:0;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.dash-input:focus{border-color:#313aaf;border-color:var(--jp-electric-mid);box-shadow:0 0 0 3px #313aaf26;outline:none}.dash-grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;width:100%}.dash-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1000}.dash-modal{background:#fff;background:var(--jp-bg-white);border:1px solid #313aaf1f;border:1px solid var(--jp-border-light);border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.dash-modal--sm{max-width:380px}.dash-modal__head{align-items:center;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-bottom:2px solid #173e99;border-bottom:2px solid var(--jp-electric-deep);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:14px 16px 12px}.dash-modal__head h3{word-wrap:break-word;font-size:18px;font-weight:800;gap:6px;margin:0;overflow-wrap:break-word;text-shadow:0 1px 2px #00000026}.dash-modal__close,.dash-modal__head h3{align-items:center;color:#fff;display:flex}.dash-modal__close{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;cursor:pointer;flex-shrink:0;padding:4px;transition:background .15s,color .15s}.dash-modal__close:hover{background:#ffffff4d;color:#fff}.dash-modal__body{color:#0f172a;color:var(--jp-text-primary);flex:1 1;font-weight:600;overflow-y:auto;padding:16px}.dash-modal__actions{background:#f8fafc;background:var(--jp-bg-subtle);border-top:1px solid #313aaf1f;border-top:1px solid var(--jp-border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 16px 16px}.dash-modal__actions .dash-btn{flex:1 1 auto;justify-content:center;min-width:80px}.dash-muted{color:#475569;color:var(--jp-text-muted);font-size:13px;font-weight:600;line-height:1.6}.pb-api-docs{background:#fff;background:var(--jp-bg-white);border:1.5px solid #313aaf1f;border:1.5px solid var(--jp-border-light);border-radius:8px;margin-top:16px;overflow:hidden;width:100%}.pb-api-docs__header{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);color:#fff;font-size:13px;font-weight:800;padding:10px 14px;text-shadow:0 1px 2px #00000026}.pb-api-docs__body{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.pb-api-docs__row{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:2px}.pb-api-docs__label{color:#0f172a;color:var(--jp-text-primary);font-size:11px;font-weight:800;letter-spacing:.04em;min-width:60px;text-transform:uppercase}.pb-api-docs__row code{background:#f0f4ff;background:var(--jp-bg-tint);border:1px solid #313aaf33;border-radius:4px;color:#173e99;color:var(--jp-electric-deep);font-size:12px;font-weight:700;padding:3px 8px}.pb-api-docs__code,.pb-api-docs__row code{font-family:Courier New,Courier,monospace;word-break:break-all}.pb-api-docs__code{background:#0f172a;border:1px solid #173e99;border:1px solid var(--jp-electric-deep);border-radius:6px;color:#fff;font-size:11px;font-weight:600;margin:4px 0 0;max-width:100%;overflow-x:auto;padding:10px 12px;white-space:pre-wrap}.pb-selector-item{align-items:center;background:#fff;background:var(--jp-bg-white);border:1.5px solid #313aaf1f;border:1.5px solid var(--jp-border-light);border-radius:8px;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:space-between;margin-bottom:6px;padding:12px 14px;transition:all .2s;width:100%}.pb-selector-item:hover{background:#f0f4ff;background:var(--jp-bg-tint);border-color:#313aaf;border-color:var(--jp-electric-mid);box-shadow:0 2px 6px #173e991a}.pb-selector-item__name{word-wrap:break-word;color:#0f172a;color:var(--jp-text-primary);font-size:14px;font-weight:800;overflow-wrap:break-word}.pb-selector-item__count{background:#f0f4ff;background:var(--jp-bg-tint);border-radius:12px;color:#173e99;color:var(--jp-electric-deep);font-size:12px;font-weight:700;padding:2px 8px}@media (min-width:768px){.pb-root{padding:20px 24px}.pb-toolbar{align-items:center;flex-direction:row;gap:14px;margin-bottom:20px}.pb-title{font-size:22px}.pb-actions{flex-wrap:wrap;width:auto}.pb-actions .dash-btn{flex:0 1 auto}.pb-contacts-header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.pb-search{min-width:200px;width:auto}.dash-grid-2{gap:12px;grid-template-columns:1fr 1fr}.dash-card{padding:18px 22px}.dash-modal{max-width:520px}.pb-api-docs__row{align-items:baseline;flex-direction:row;gap:8px}.pb-table{min-width:100%}}@media (min-width:1024px){.pb-root{max-width:1200px;padding:28px 32px}.pb-title{font-size:24px}.pb-actions{gap:8px}.pb-actions .dash-btn{font-size:14px;padding:9px 18px}.dash-card{padding:22px 28px}.pb-table td,.pb-table th{padding:12px 16px}.pb-table td{max-width:200px}}@media (min-width:1280px){.pb-root{max-width:1400px;padding:32px 40px}.pb-table td{max-width:250px}}@media (max-width:374px){.pb-root{padding:8px}.pb-title{font-size:17px}.dash-btn{font-size:12px;min-height:30px;padding:5px 9px}.dash-card{padding:10px 12px}.pb-test-item{min-height:36px;padding:7px 9px}.pb-phone{font-size:12px}.pb-table td,.pb-table th{font-size:12px;padding:6px 7px}.pb-table{font-size:12px;min-width:400px}.pb-cell-mono{font-size:11px}.dash-modal{margin:8px}.dash-modal__head h3{font-size:15px}.dash-modal__body{padding:12px}.dash-modal__actions{padding:10px 12px 12px}.pb-var-th{min-width:60px}.pb-var-label{font-size:11px}.pb-count-badge{font-size:10px;padding:2px 7px}.pb-api-badge{font-size:9px;padding:1px 5px}}@media (max-height:600px) and (orientation:landscape){.pb-root{padding:8px 12px}.pb-toolbar{gap:6px;margin-bottom:10px}.pb-title{font-size:17px}.dash-btn{font-size:12px;min-height:30px;padding:5px 11px}.dash-card{padding:10px 14px}.pb-table td,.pb-table th{font-size:12px;padding:5px 9px}.dash-modal{max-height:95vh}.dash-modal__body{max-height:60vh;overflow-y:auto;padding:10px 14px}.pb-test-item{min-height:32px;padding:5px 9px}.pb-test-list{gap:4px}.dash-loading{padding:20px 12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dash-spinner{animation:none!important}.dash-btn,.pb-row{transition:none!important}}@media print{.pb-root{background:#fff;max-width:100%;padding:20px}.pb-toolbar{background:#173e99!important;background:var(--jp-electric-deep)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pb-title,.pb-toolbar{color:#fff!important}.pb-table th{background:#f8fafc!important;background:var(--jp-bg-subtle)!important;color:#173e99!important;color:var(--jp-electric-deep)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dash-btn,.pb-add-test,.pb-icon-btn,.pb-row-actions,.pb-test-actions{display:none!important}.dash-card{border:1px solid #cbd5e1!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.pb-table{font-size:12px;min-width:100%}.pb-table td{color:#000!important;font-weight:700!important}.dash-modal-overlay{display:none!important}}.sms-history-page{margin:0;width:100%}.sms-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0f2c5914;max-width:none;overflow:hidden;width:100%}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.card-header h2{color:#1e293b;font-size:20px;margin:0}.search-wrapper{display:flex;flex:1 1;gap:8px;min-width:250px}.search-input{border:1px solid #cbd5e1;flex:1 1;font-size:14px;min-width:0;padding:10px 14px}.btn-back,.btn-export,.btn-view-dlr,.clear-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;white-space:nowrap}.clear-btn{background:#e2e8f0;color:#475569}.btn-export{background:#0f2c59;color:#fff}.btn-view-dlr{background:#dbeafe;color:#1d4ed8;font-weight:500;height:30px;padding-bottom:10px;width:100%}.btn-back{background:#f1f5f9;color:#475569}.btn-export:hover{background:#1a365d}.btn-view-dlr:hover{background:#bfdbfe}.btn-back:hover{background:#e2e8f0}.table-container{width:100%}.modern-table{border-collapse:collapse;font-size:14px;width:100%}.modern-table td,.modern-table th{border-bottom:1px solid #f1f5f9;padding:14px 16px;text-align:left}.modern-table th{background:#f8fafc;color:#1e293b;font-weight:600}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background:#f8fafc}.message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:Menlo,Monaco,monospace;font-size:14px}.status-tag{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.pagination-controls{background:#f8fafc;border-top:1px solid #f1f5f9;gap:16px;padding:20px}.pagination-controls button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;padding:6px 12px}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.empty-state,.loading-text{color:#64748b;font-style:italic;padding:32px;text-align:center}@media (max-width:768px){.card-header{align-items:stretch;flex-direction:column}.search-wrapper{width:100%}.message-cell{max-width:180px}.modern-table td,.modern-table th{font-size:13px;padding:12px 8px}}.btn-resend{align-items:center;background:#5856df;border:none;border-radius:4px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;margin-left:6px;padding:5px 8px 4px}.btn-resend:hover{background:#f59e0b}.actions-cell{align-items:stretch;display:flex;flex-direction:column;gap:8px}.action-btn{border:none;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-btn.view{background:#dbeafe;color:#1d4ed8}.action-btn.view:hover{background:#bfdbfe}.action-btn.resend{background:#ffedd5;color:#ea580c}.action-btn.resend:hover{background:#fed7aa}@media (max-width:768px){.actions-cell{gap:6px}.action-btn{font-size:.8rem;padding:6px 10px}}.scheduled-row{background-color:#f9fafb!important;border-left:3px solid #4f46e5}.scheduled-title{align-items:center;color:#4f46e5;display:flex;font-size:15px;gap:6px}.scheduled-time{display:flex;flex-direction:column;gap:4px}.timezone-badge{background:#eef2ff;border-radius:12px;color:#4f46e5;display:inline-block;font-size:11px;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.scheduled-summary{color:#6b7280;font-style:italic}.action-btn.cancel{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;box-shadow:0 2px 4px #ef444440;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.action-btn.cancel:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444459;transform:translateY(-1px)}.action-btn.cancel:active{transform:translateY(0)}.action-btn.cancel:disabled{cursor:not-allowed;opacity:.6;transform:none}.partial-warning{background:#fef2f2;border-radius:4px;color:#b91c1c;display:inline-block;font-size:11px;margin-top:4px;padding:3px 8px}.cancelled-time{font-size:11px;margin-left:4px;opacity:.8}.empty-state{color:#64748b;padding:60px 20px}.empty-state .empty-icon{color:#cbd5e1;margin-bottom:16px}.empty-state h3{color:#1e293b;font-size:20px;margin-bottom:8px}.empty-state p{margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px}.primary-btn{background:linear-gradient(135deg,#0f2c59,#1a365d);border:none;border-radius:8px;box-shadow:0 4px 6px #0f2c5933;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .3s}.primary-btn:hover{box-shadow:0 6px 8px #0f2c594d;transform:translateY(-2px)}.campaign-info{display:flex;flex-direction:column;gap:4px}.phonebook-meta{color:#64748b;font-size:13px}@media (max-width:768px){.modern-table td,.modern-table th{font-size:13px;padding:10px 8px}.actions-cell{align-items:stretch;flex-direction:column;gap:6px}.action-btn{justify-content:center;width:100%}.scheduled-time{font-size:13px}.timezone-badge{font-size:10px;padding:1px 5px}}.camp-table td,.camp-table th{padding:12px 14px}.camp-table th{background:#f8fafc;color:var(--jp-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.camp-info{color:var(--jp-deep);font-weight:600}.camp-meta{color:var(--jp-muted);font-size:11px;margin-top:2px}.camp-msg{color:var(--jp-text);font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camp-scheduled{background:#f0f9ff;border-left:3px solid var(--jp-ocean)}.modal-overlay{align-items:center;background:#011f2e80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-box{background:var(--jp-white);border-radius:var(--r-lg);box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md);padding:16px;text-align:center}.stat-val{font-family:var(--f-display);font-size:28px;font-weight:800;margin-bottom:4px}.stat-label{color:var(--jp-muted);font-size:11px;font-weight:600;text-transform:uppercase}.gs-root{margin:0 auto;max-width:1100px}.gs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.gs-search-wrap{margin-bottom:28px;position:relative}.gs-input{background:var(--jp-white);border:1.5px solid #d0e8f4;border-radius:var(--r-md);box-shadow:var(--sh-card);color:var(--jp-deep);font-size:15px;padding:14px 16px 14px 44px;transition:all .2s;width:100%}.gs-input:focus{border-color:var(--jp-mid);box-shadow:var(--sh-input)}.gs-icon{color:var(--jp-muted);font-size:18px;left:14px;pointer-events:none}.gs-icon,.gs-submit{position:absolute;top:50%;transform:translateY(-50%)}.gs-submit{right:8px}.gs-results{display:flex;flex-direction:column;gap:20px}.gs-section{background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:20px}.gs-section-title{align-items:center;color:var(--jp-deep);display:flex;font-family:var(--f-display);font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.gs-table td,.gs-table th{padding:10px 14px}.gs-table th{background:#f8fafc;color:var(--jp-muted);letter-spacing:.05em;text-transform:uppercase}.gs-badge,.gs-table th{font-size:11px;font-weight:600}.gs-badge{border-radius:99px;padding:4px 10px}.gs-badge--delivered{background:#dcfce7;color:#15803d}.gs-badge--failed{background:#fee2e2;color:#991b1b}.gs-badge--pending{background:#fef3c7;color:#92400e}.gs-badge--completed{background:#dbeafe;color:#1e40af}.gs-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md);margin-bottom:12px;padding:14px}.rp-page-title{color:#0f2c59;font-size:26px;font-weight:700;margin-bottom:4px}.rp-page-subtitle{color:#64748b;font-size:14px;font-weight:400}.rp-main{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px;padding:24px 24px 48px}.rp-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.rp-stat-card{align-items:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.rp-stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f2c5914;transform:translateY(-3px)}.rp-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.rp-stat-icon svg{height:20px;width:20px}.rp-stat--balance .rp-stat-icon{background:#dcfce7;color:#16a34a}.rp-stat--earnings .rp-stat-icon{background:#dbeafe;color:#2563eb}.rp-stat--referrals .rp-stat-icon{background:#ede9fe;color:#7c3aed}.rp-stat--active .rp-stat-icon{background:#fef3c7;color:#d97706}.rp-stat--balance{border-top:3px solid #16a34a}.rp-stat--earnings{border-top:3px solid #2563eb}.rp-stat--referrals{border-top:3px solid #7c3aed}.rp-stat--active{border-top:3px solid #d97706}.rp-stat-body{flex:1 1;min-width:0}.rp-stat-value{color:#0f2c59;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-stat-label{color:#64748b;font-size:12px;font-weight:500;margin-top:5px;white-space:nowrap}.rp-link-section{width:100%}.rp-link-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;box-shadow:0 4px 16px #0f2c590d;display:flex;flex-direction:column;gap:24px;padding:32px}.rp-link-header{text-align:center}.rp-link-title{color:#0f2c59;font-size:20px;font-weight:700;margin-bottom:4px}.rp-link-subtitle{color:#64748b;font-size:13px}.rp-link-box{align-items:center;background:#0f2c59;border-radius:12px;display:flex;padding:16px 20px}.rp-link-text{color:#ffffffe6;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;letter-spacing:.2px;line-height:1.6;word-break:break-all}.rp-link-actions{align-items:center;display:flex;flex-direction:column;gap:20px}.rp-copy-btn{align-items:center;background:#0f2c59;border:none;border-radius:40px;box-shadow:0 4px 14px #0f2c5933;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:13px 36px;transition:background .2s,transform .2s,box-shadow .2s}.rp-copy-btn:hover{background:#1a3d70;box-shadow:0 8px 20px #0f2c5940;transform:translateY(-2px)}.rp-copy-btn--done{background:#16a34a!important;box-shadow:0 6px 16px #16a34a4d!important}.rp-share-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.rp-share-label{color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.8px;margin-right:4px;text-transform:uppercase}.rp-share-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:transform .2s,box-shadow .2s,filter .2s}.rp-share-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.rp-share-btn--wa{background:#25d366;box-shadow:0 4px 12px #25d36640;color:#fff}.rp-share-btn--sms{background:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff}.rp-how-section{width:100%}.rp-how-title{color:#0f2c59;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.rp-how-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.rp-how-card{align-items:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:28px 24px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.rp-how-card:hover{box-shadow:0 10px 28px #0f2c5914;transform:translateY(-4px)}.rp-how-icon{align-items:center;border-radius:16px;display:flex;height:56px;justify-content:center;width:56px}.rp-how-icon svg{height:24px;width:24px}.rp-how--green .rp-how-icon{background:#dcfce7;color:#16a34a}.rp-how--blue .rp-how-icon{background:#dbeafe;color:#2563eb}.rp-how--purple .rp-how-icon{background:#ede9fe;color:#7c3aed}.rp-how--green{border-top:3px solid #16a34a}.rp-how--blue{border-top:3px solid #2563eb}.rp-how--purple{border-top:3px solid #7c3aed}.rp-how-card-title{color:#0f2c59;font-size:16px;font-weight:700}.rp-how-card-desc{color:#64748b;font-size:13px;line-height:1.65}.rp-btn-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.rp-btn-icon svg{height:100%;width:100%}.rp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;min-height:500px}.rp-spinner{animation:rp-spin .75s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0f2c59;height:44px;width:44px}@keyframes rp-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.rp-how-grid,.rp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.rp-main{gap:24px;padding:16px 16px 40px}.rp-stats-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.rp-stat-card{gap:12px;padding:16px}.rp-stat-value{font-size:18px}.rp-stat-label{font-size:11px}.rp-stat-icon{border-radius:10px;height:40px;width:40px}.rp-stat-icon svg{height:18px;width:18px}.rp-link-card{padding:24px 20px}.rp-link-text{font-size:11px}.rp-copy-btn{max-width:320px;width:100%}.rp-share-row{flex-direction:column;width:100%}.rp-share-btn{justify-content:center;max-width:320px;width:100%}.rp-how-grid{grid-template-columns:1fr}.rp-page-title{font-size:22px}}@media (max-width:400px){.rp-stats-grid{grid-template-columns:1fr}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--primary-soft:#dbeafe;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fed7aa;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--dark:#1e293b;--dark-light:#475569;--gray:#64748b;--gray-light:#94a3b8;--off-white:#f8fafc;--border-light:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--animation-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}.payout-page{margin:0 auto;max-width:1400px;padding:0 32px 48px}.modern-dashboard-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;position:relative}.page-header{animation:slideDown .6s ease-out;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:28px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-bottom:40px;overflow:hidden;padding:32px 40px;position:relative}.page-header:after{bottom:-20px;content:"💰";font-size:120px;opacity:.03;position:absolute;right:-20px;transform:rotate(-10deg)}.page-title{color:#1e293b;color:var(--dark);font-size:36px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.page-subtitle{align-items:center;color:#64748b;color:var(--gray);display:flex;font-size:16px;font-weight:500;gap:8px}.subtitle-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#60a5fa,#2563eb);background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:12px;padding:4px 12px}.balance-section{animation:slideUp .6s ease-out .2s both;margin:32px 0}.balance-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:48px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.balance-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-4px)}.balance-card:before{animation:shimmer 8s infinite;background:radial-gradient(circle,#2563eb08 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shimmer{0%{transform:translate(-30%,-30%) rotate(0deg)}50%{transform:translate(0) rotate(10deg)}to{transform:translate(-30%,-30%) rotate(0deg)}}.balance-info{position:relative;z-index:1}.balance-label{align-items:center;color:#64748b;color:var(--gray);display:flex;font-size:14px;font-weight:600;gap:12px;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.balance-label span{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px;color:#fff;font-size:11px;letter-spacing:normal;padding:4px 12px}.balance-amount{color:#1e293b;color:var(--dark);font-size:64px;font-weight:800;letter-spacing:-1px;line-height:1.1}.balance-amount small{color:#64748b;color:var(--gray);font-size:20px;font-weight:500;margin-left:8px}.balance-status{align-items:center;animation:slideIn .5s ease-out;background:#f8fafc;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:15px;font-weight:500;gap:16px;margin-top:32px;padding:20px 28px;position:relative}.balance-status div{flex:1 1}.balance-status strong{color:#1e293b;color:var(--dark);display:block;font-size:16px;font-weight:700;margin-bottom:4px}.balance-status p{color:#64748b;color:var(--gray);font-size:14px;margin:0}.status-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.status-info{border-left:4px solid #2563eb;border-left:4px solid var(--primary)}.status-success{border-left:4px solid #10b981;border-left:4px solid var(--success)}.status-warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.auto-payout-info-section{animation:slideUp .6s ease-out .3s both;margin:48px 0}.info-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:28px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.info-card:hover{border-color:#60a5fa;border-color:var(--primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.info-header{gap:20px;margin-bottom:32px}.info-header,.info-icon{align-items:center;display:flex}.info-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.info-header h2{color:#f8fafc;color:var(--off-white);font-size:28px;font-weight:700;margin:0}.threshold-card{background:linear-gradient(135deg,#dbeafe,#dbeafe);background:linear-gradient(135deg,var(--info-light),var(--primary-soft));border:1px solid #60a5fa;border:1px solid var(--primary-light);border-radius:20px;margin-bottom:32px;padding:24px;text-align:center}.threshold-label{color:#64748b;color:var(--gray);font-size:14px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.threshold-value{color:#1d4ed8;color:var(--primary-dark);font-size:36px;font-weight:800;margin-bottom:8px}.threshold-note{color:#64748b;color:var(--gray);font-size:13px;margin-top:8px}.info-description{background:#f8fafc;background:var(--off-white);border-left:4px solid #2563eb;border-left:4px solid var(--primary);border-radius:20px;color:#475569;color:var(--dark-light);font-size:16px;font-weight:500;line-height:1.6;margin-bottom:32px;padding:20px 24px}.info-description strong{background:#dbeafe;background:var(--primary-soft);border-radius:6px;color:#2563eb;color:var(--primary);display:inline-block;font-size:18px;font-weight:800;padding:2px 8px}.progress-section{background:#f8fafc;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;margin:32px 0;padding:32px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-label{align-items:center;color:#64748b;color:var(--gray);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.progress-percentage{color:#2563eb;color:var(--primary);font-size:28px;font-weight:800}.progress-bar-container{margin-bottom:20px}.progress-bar{background:#e2e8f0;background:var(--border-light);border-radius:20px;height:12px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#1d4ed8);background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:20px;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-info{display:flex;font-size:16px;font-weight:600;justify-content:space-between}.progress-current{background:#fff;background:var(--white);border:1px solid #60a5fa;border:1px solid var(--primary-light);border-radius:20px;color:#2563eb;color:var(--primary);padding:4px 12px}.progress-target{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;padding:4px 12px}.progress-remaining,.progress-target{background:#fff;background:var(--white);color:#1e293b;color:var(--dark)}.progress-remaining{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;display:flex;font-weight:500;gap:12px;margin-top:20px;padding:16px 20px}.remaining-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--warning),#f97316);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.success-section{background:linear-gradient(135deg,#d1fae5,#d1fae5);background:linear-gradient(135deg,var(--success-light),#d1fae5);border:1px solid #86efac;border-radius:24px;margin:32px 0;padding:40px;text-align:center}.success-icon-large{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success),var(--success-dark));border-radius:50%;box-shadow:0 8px 20px #10b9814d;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-section h3{color:#166534;font-size:24px;font-weight:700;margin-bottom:12px}.success-section p{color:#15803d;font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}.info-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:32px}.feature-item{align-items:center;background:#f8fafc;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;display:flex;gap:12px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.feature-item:hover{background:#fff;background:var(--white);border-color:#60a5fa;border-color:var(--primary-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateX(4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success),var(--success-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.feature-item span:last-child{color:#1e293b;color:var(--dark);font-size:14px;font-weight:500}.history-section{animation:slideUp .6s ease-out .4s both;margin-top:48px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.section-header h2{color:#1e293b;color:var(--dark);font-size:24px;font-weight:700;margin:0}.filter-options{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:40px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:8px;padding:4px}.filter-option{background:#0000;border:none;border-radius:32px;color:#64748b;color:var(--gray);cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.filter-option:hover{background:#dbeafe;background:var(--primary-soft);color:#2563eb;color:var(--primary)}.filter-option.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.filter-option span{margin-left:4px;opacity:.7}.empty-history{background:#fff;background:var(--white);border:2px dashed #e2e8f0;border:2px dashed var(--border-light);border-radius:28px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:80px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px}.empty-history p{color:#1e293b;color:var(--dark);font-size:20px;font-weight:600;margin-bottom:8px}.empty-hint{color:#64748b;color:var(--gray);font-size:14px}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.transaction-card:hover{border-color:#60a5fa;border-color:var(--primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateX(4px)}.transaction-main{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.transaction-info{flex:1 1}.transaction-type{gap:10px;margin-bottom:8px}.transaction-type,.type-icon{align-items:center;display:flex}.type-icon{background:linear-gradient(135deg,#60a5fa,#2563eb);background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:10px;color:#fff;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.type-label{color:#2563eb;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.transaction-id{color:#1e293b;color:var(--dark);font-family:monospace;font-size:14px;font-weight:600;margin-bottom:6px}.transaction-date{color:#64748b;color:var(--gray);font-weight:500;gap:6px}.transaction-date,.transaction-status{align-items:center;display:flex;font-size:12px}.transaction-status{background:#f8fafc;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:30px;font-weight:700;gap:8px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-completed .status-dot{background:#10b981;background:var(--success)}.status-pending .status-dot,.status-processing .status-dot{background:#f59e0b;background:var(--warning)}.status-failed .status-dot,.status-timeout .status-dot{background:#ef4444;background:var(--danger)}.transaction-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail{background:#f8fafc;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--animation-smooth)}.detail:hover{background:#fff;background:var(--white);border-color:#60a5fa;border-color:var(--primary-light)}.detail-label{color:#64748b;color:var(--gray);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1e293b;color:var(--dark);font-size:15px;font-weight:600}.amount-value{color:#059669;color:var(--success-dark);font-size:18px;font-weight:800}.error-detail{background:#fee2e2;background:var(--danger-light);border-color:#fecaca;grid-column:1/-1}.error-value{color:#ef4444;color:var(--danger);font-size:13px;font-weight:500;word-break:break-word}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border-bottom:3px solid #e2e8f0;border-bottom:3px solid var(--border-light);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-light);border-right:3px solid #60a5fa;border-right:3px solid var(--primary-light);border-top:3px solid #2563eb;border-top:3px solid var(--primary);height:48px;width:48px}.loading-spinner p{color:#64748b;color:var(--gray);font-size:14px;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.payout-page{padding:0 20px 32px}.page-header{padding:24px 28px}.page-title{font-size:28px}.balance-card{padding:32px 24px}.balance-amount{font-size:48px}.balance-amount small{font-size:18px}.info-card{padding:28px 24px}.info-header{flex-direction:column;gap:16px;text-align:center}.info-header h2{font-size:24px}.threshold-value{font-size:28px}.progress-section{padding:24px 20px}.section-header{align-items:flex-start;flex-direction:column}.filter-options{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:6px;width:100%}.filter-option{padding:8px 16px;white-space:nowrap}.transaction-details{grid-template-columns:1fr}.transaction-main{flex-direction:column;gap:12px}.transaction-status{align-self:flex-start}}@media (max-width:480px){.balance-amount{font-size:32px}.balance-amount small{font-size:14px}.balance-status{flex-direction:column;text-align:center}.info-features{grid-template-columns:1fr}.empty-history{padding:48px 20px}.empty-icon{font-size:48px}.empty-history p{font-size:18px}}.payout-balance{align-items:center;background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);box-shadow:var(--sh-card);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.payout-bal-val{color:var(--jp-deep);font-family:var(--f-display);font-size:36px;font-weight:800;line-height:1}.payout-bal-sub{color:var(--jp-muted);font-size:12px;margin-top:4px}.payout-status{align-items:center;background:var(--jp-pale);border-radius:var(--r-md);color:var(--jp-ocean);display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 16px}.payout-info{background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);margin-bottom:24px;padding:24px}.payout-progress{background:#e0f5ff;border-radius:99px;height:8px;margin:12px 0;overflow:hidden}.payout-progress-fill{background:var(--jp-grad);border-radius:99px;height:100%;transition:width .4s ease}.payout-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.payout-feat{align-items:center;color:var(--jp-text);display:flex;font-size:13px;font-weight:500;gap:8px}.payout-history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.payout-filter{background:var(--jp-white);border:1px solid #e2e8f0;border-radius:99px;color:var(--jp-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.payout-filter.active{background:var(--jp-ocean);border-color:var(--jp-ocean);color:var(--jp-white)}.payout-card{background:var(--jp-white);border:1px solid #e2e8f0;border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;transition:all .2s}.payout-card:hover{border-color:var(--jp-mid)}.payout-card-top{align-items:center;display:flex;justify-content:space-between}.payout-amount{color:var(--jp-deep);font-family:var(--f-display);font-size:18px;font-weight:700}.payout-meta{color:var(--jp-muted);display:flex;flex-direction:column;font-size:11px;gap:2px}:root{--navy:#0f2c59;--navy-light:#1a3d75;--navy-faint:#eff6ff;--border:#e2e8f0;--bg:#f8fafc;--white:#fff;--text:#1e293b;--text-muted:#475569;--slate:#64748b;--slate-light:#94a3b8;--green:#16a34a;--green-bg:#dcfce7;--amber:#d97706;--amber-bg:#fef3c7;--red:#dc2626;--red-bg:#fee2e2;--blue:#2563eb;--blue-bg:#dbeafe;--blue-faint:#bfdbfe;--purple:#9333ea;--purple-bg:#f3e8ff;--cyan:#0891b2;--cyan-bg:#cffafe;--shadow-sm:0 1px 6px #0f2c590f;--shadow-md:0 2px 16px #0f2c591a;--shadow-lg:0 8px 32px #0f2c5929;--radius-sm:7px;--radius-md:12px;--radius-lg:16px;--font-body:"DM Sans","Segoe UI",sans-serif;--font-mono:"DM Mono","Courier New",monospace}.api-sms-page{animation:pageSlideIn .3s ease both;color:#1e293b;color:var(--text);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);padding-bottom:60px}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.api-sms-page__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:26px}.api-sms-page__breadcrumb{color:#94a3b8;color:var(--slate-light);font-size:12px;font-weight:500;letter-spacing:.02em;margin-bottom:4px}.api-sms-page__title{color:#0f2c59;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0}.api-sms-page__subtitle{color:#64748b;color:var(--slate);font-size:13.5px;font-weight:400;margin:5px 0 0}.api-badge{align-items:center;background:#eff6ff;background:var(--navy-faint);border:1.5px solid #bfdbfe;border:1.5px solid var(--blue-faint);border-radius:24px;color:#2563eb;color:var(--blue);display:flex;font-size:12.5px;font-weight:700;gap:8px;letter-spacing:.01em;padding:7px 16px;white-space:nowrap}.api-badge__dot{animation:pulse 2s ease infinite;background:#2563eb;background:var(--blue);border-radius:50%;box-shadow:0 0 0 3px #bfdbfe;box-shadow:0 0 0 3px var(--blue-faint);height:8px;width:8px}.api-sms-page__stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.api-stat-card{animation:statIn .35s ease both;background:#fff;background:var(--white);border-left:4px solid #0000;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 6px #0f2c590f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;padding:15px 18px;transition:box-shadow .2s,transform .2s}.api-stat-card:hover{box-shadow:0 2px 16px #0f2c591a;box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes statIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.api-stat-card:first-child{animation-delay:.05s}.api-stat-card:nth-child(2){animation-delay:.1s}.api-stat-card:nth-child(3){animation-delay:.15s}.api-stat-card:nth-child(4){animation-delay:.2s}.api-stat-card__top{align-items:center;display:flex;gap:8px}.api-stat-card__icon{font-size:20px;line-height:1}.api-stat-card__value{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1}.api-stat-card__label{color:#64748b;color:var(--slate);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.api-stat-card__sub{color:#94a3b8;color:var(--slate-light);font-size:11px;font-weight:500}.api-sms-page__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.api-search-box{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 6px #0f2c590f;box-shadow:var(--shadow-sm);display:flex;flex:1 1 240px;gap:8px;min-width:200px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.api-search-box:focus-within{border-color:#0f2c59;border-color:var(--navy);box-shadow:0 0 0 3px #0f2c5914}.api-search-box__icon{color:#94a3b8;color:var(--slate-light);flex-shrink:0;font-size:13.5px}.api-search-box__input{background:#0000;border:none;color:#1e293b;color:var(--text);flex:1 1;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:13.5px;outline:none;padding:10px 0}.api-search-box__clear,.api-search-box__input::placeholder{color:#94a3b8;color:var(--slate-light)}.api-search-box__clear{background:none;border:none;border-radius:4px;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;transition:color .12s,background .12s}.api-search-box__clear:hover{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text)}.api-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.api-filter-chip{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:24px;color:#64748b;color:var(--slate);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:12.5px;font-weight:600;padding:7px 14px;transition:all .15s;white-space:nowrap}.api-filter-chip:hover{background:#eff6ff;background:var(--navy-faint);border-color:#0f2c59;border-color:var(--navy);color:#0f2c59;color:var(--navy)}.api-filter-chip--active{background:#0f2c59;background:var(--navy);border-color:#0f2c59;border-color:var(--navy);color:#fff;color:var(--white)}.api-filter-chip--active:hover{background:#1a3d75;background:var(--navy-light);color:#fff;color:var(--white)}.api-refresh-btn{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#0f2c59;color:var(--navy);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:38px;justify-content:center;transition:background .15s,border-color .15s,transform .15s;width:38px}.api-refresh-btn:hover{background:#eff6ff;background:var(--navy-faint);border-color:#0f2c59;border-color:var(--navy);transform:rotate(30deg)}.api-table-wrap{border:1px solid #0f2c590f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 16px #0f2c591a;box-shadow:var(--shadow-md);overflow-x:auto;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.api-table-wrap::-webkit-scrollbar{height:5px}.api-table-wrap::-webkit-scrollbar-track{background:#0000}.api-table-wrap::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}.api-table{background:#fff;background:var(--white);border-collapse:collapse;font-size:13.5px;width:100%}.api-table__th{background:#f8fafc;background:var(--bg);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--slate);font-size:11px;font-weight:700;letter-spacing:.07em;padding:12px 15px;text-align:left;text-transform:uppercase;white-space:nowrap}.api-table__row{border-bottom:1px solid #f1f5f9;transition:background .12s}.api-table__row:hover{background:#fafbfc}.api-table__td{color:#475569;color:var(--text-muted);padding:11px 15px;vertical-align:middle}.api-cell-phone{color:#0f2c59;color:var(--navy);font-size:13.5px;font-weight:700}.api-cell-network{color:#94a3b8;color:var(--slate-light);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.api-cell-sender{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:5px;color:#1e293b;color:var(--text);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono)}.api-cell-msg{color:#475569;color:var(--text-muted);font-size:12.5px;line-height:1.4}.api-cell-ref{background:#eff6ff;background:var(--navy-faint);border:1px solid #bfdbfe;border:1px solid var(--blue-faint);border-radius:5px;color:#2563eb;color:var(--blue);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;padding:3px 8px}.api-cell-date{color:#64748b;color:var(--slate);font-size:12px;font-weight:500;white-space:nowrap}.api-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;letter-spacing:.04em;padding:3px 10px}.api-status-badge,.api-view-btn{font-weight:700;white-space:nowrap}.api-view-btn{background:#eff6ff;background:var(--navy-faint);border:1.5px solid #bfdbfe;border:1.5px solid var(--blue-faint);border-radius:7px;border-radius:var(--radius-sm);color:#0f2c59;color:var(--navy);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:12.5px;padding:6px 13px;transition:background .15s,border-color .15s,transform .12s}.api-view-btn:hover{background:#bfdbfe;background:var(--blue-faint);border-color:#0f2c59;border-color:var(--navy);transform:translateY(-1px)}.api-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.api-pagination__info{color:#94a3b8;color:var(--slate-light);font-size:12.5px;font-weight:500}.api-pagination__buttons{display:flex;gap:6px}.api-page-btn{background:#fff;background:var(--white);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#0f2c59;color:var(--navy);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:12.5px;font-weight:700;padding:7px 14px;transition:all .15s}.api-page-btn:hover:not(:disabled){background:#eff6ff;background:var(--navy-faint);border-color:#0f2c59;border-color:var(--navy)}.api-page-btn:disabled{cursor:not-allowed;opacity:.3}.api-loader{align-items:center;display:flex;gap:14px;justify-content:center;padding:56px 0}.api-loader__spinner{animation:spin .75s linear infinite;border:3px solid #e2e8f0;border-top-color:#0f2c59;border:3px solid var(--border);border-radius:50%;border-top-color:var(--navy);height:30px;width:30px}.api-loader__text{color:#64748b;color:var(--slate)}.api-error,.api-loader__text{font-size:13.5px;font-weight:500}.api-error{align-items:center;background:#fff5f5;border:1.5px solid #feb2b2;border-radius:12px;border-radius:var(--radius-md);color:#c53030;display:flex;gap:14px;justify-content:space-between;padding:16px 20px}.api-error__retry{background:#0f2c59;background:var(--navy);border:none;border-radius:7px;border-radius:var(--radius-sm);color:#fff;color:var(--white);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:700;padding:7px 16px;transition:background .15s;white-space:nowrap}.api-error__retry:hover{background:#1a3d75;background:var(--navy-light)}.api-empty{color:#94a3b8;color:var(--slate-light);padding:72px 0;text-align:center}.api-empty__icon{font-size:48px;margin-bottom:14px}.api-empty__title{color:#64748b;color:var(--slate);font-size:16px;font-weight:700;margin:0 0 6px}.api-empty__sub{color:#94a3b8;color:var(--slate-light);font-size:13.5px;line-height:1.6;margin:0 auto;max-width:380px}.api-modal-overlay{animation:overlayIn .2s ease;background:#0f2c597a;padding:16px;z-index:2000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.api-modal{animation:modalIn .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0f2c5929;box-shadow:var(--shadow-lg);max-height:92vh;max-width:700px;padding:26px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.api-modal::-webkit-scrollbar{width:4px}.api-modal::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:2px}.api-modal__header{gap:14px;margin-bottom:22px}.api-modal__title{color:#0f2c59;color:var(--navy);font-size:19px;font-weight:800;letter-spacing:-.02em}.api-modal__ref{background:#eff6ff;background:var(--navy-faint);border:1px solid #bfdbfe;border:1px solid var(--blue-faint);border-radius:5px;color:#2563eb;color:var(--blue);display:inline-block;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;margin-top:5px;padding:2px 8px}.api-modal__close{align-items:center;background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);color:#64748b;color:var(--slate);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:background .12s,color .12s;width:36px}.api-modal__close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;color:var(--red)}.api-modal__meta-grid{grid-gap:8px 14px;display:grid;gap:8px 14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.api-meta-item{background:var(--bg);border:1px solid var(--border);border-radius:7px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:11px 13px}.api-meta-item__label{color:#94a3b8;color:var(--slate-light);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.api-meta-item__value{color:#1e293b;color:var(--text);font-size:13.5px;font-weight:600;word-break:break-all}.api-modal__msg-box{background:#f8fafc;background:var(--bg);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);margin-bottom:16px;padding:14px 16px}.api-modal__msg-label{color:#94a3b8;color:var(--slate-light);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.api-modal__msg-body{color:#475569;color:var(--text-muted);font-size:13.5px;line-height:1.65;margin:0;white-space:pre-wrap;word-break:break-word}.api-modal__err-box{background:#fff5f5;border:1.5px solid #feb2b2;border-radius:7px;border-radius:var(--radius-sm);color:#c53030;font-size:13px;line-height:1.5;margin-bottom:16px;padding:11px 15px}.api-modal__dlr{border-top:2px solid #e2e8f0;border-top:2px solid var(--border);padding-top:18px}.api-modal__dlr-title{color:#0f2c59;color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.api-modal__dlr-empty{color:#94a3b8;color:var(--slate-light);font-size:13px;padding:12px 0}.api-code{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#475569;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:11.5px;padding:2px 7px;word-break:break-all}@media (max-width:768px){.api-sms-page__title{font-size:20px}.api-sms-page__stats{grid-template-columns:repeat(2,1fr)}.api-modal{padding:18px}.api-modal__meta-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.api-sms-page__stats{grid-template-columns:1fr 1fr}.api-modal__meta-grid{grid-template-columns:1fr}.api-filter-chips{display:none}}.api-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.api-breadcrumb{color:var(--jp-muted);font-size:12px;margin-bottom:4px}.api-title{color:var(--jp-deep);font-family:var(--f-display);font-size:24px;font-weight:800;letter-spacing:-1px;margin:0}.api-subtitle{color:var(--jp-muted);font-size:13px;margin:4px 0 0}.api-tag{align-items:center;background:var(--jp-grad);border-radius:99px;color:var(--jp-white);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;padding:4px 10px}.api-tag:before{background:var(--jp-cyan);border-radius:50%;content:"";height:6px;width:6px}.api-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.api-stat{background:var(--jp-white);border:1px solid #e2e8f0;border-left:4px solid var(--jp-ocean);border-radius:var(--r-md);box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:8px;padding:16px}.api-stat__label{color:var(--jp-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.api-stat__value{color:var(--jp-deep);font-family:var(--f-display);font-size:22px;font-weight:800}.api-stat__icon{font-size:16px;margin-bottom:-4px}.api-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.api-search-wrap{flex:1 1;min-width:240px;position:relative}.api-search-icon{color:var(--jp-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.api-search-input{padding-left:36px}.api-search-clear{background:none;border:none;color:var(--jp-muted);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.api-chips{display:flex;gap:6px}.api-chip{background:var(--jp-white);border:1.5px solid #e2e8f0;border-radius:99px;color:var(--jp-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.api-chip.active{background:var(--jp-pale);border-color:var(--jp-ocean);color:var(--jp-ocean)}.api-chip:hover:not(.active){border-color:var(--jp-mid)}.api-table td,.api-table th{padding:12px 14px}.api-table th{background:#f8fafc;color:var(--jp-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.api-cell-phone{color:var(--jp-deep);display:block;font-family:var(--f-body);font-weight:600}.api-cell-network{color:var(--jp-muted);font-size:11px}.api-cell-sender{background:var(--jp-pale);border-radius:4px;color:var(--jp-ocean);font-size:12px;font-weight:600;padding:3px 8px}.api-cell-msg{color:var(--jp-text);display:block;font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-cell-ref{color:var(--jp-muted);font-family:monospace;font-size:11px}.api-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#011f2e80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.api-modal{background:var(--jp-white);border-radius:var(--r-lg);box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow-y:auto;width:100%}.api-modal__header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.api-modal__title{color:var(--jp-deep);font-family:var(--f-display);font-size:18px;font-weight:700;margin:0}.api-modal__ref{color:var(--jp-muted);display:block;font-size:11px;margin-top:4px}.api-modal__close{background:none;border:none;color:var(--jp-muted);cursor:pointer;font-size:20px;padding:4px}.api-modal__body{display:flex;flex-direction:column;gap:16px;padding:20px}.api-meta-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.api-meta-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-sm);padding:10px 12px}.api-meta-label{color:var(--jp-muted);display:block;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.api-meta-value{color:var(--jp-deep);font-size:13px;font-weight:500}.api-breakdown{background:var(--jp-pale);border-radius:var(--r-sm);display:flex;font-size:13px;gap:16px;padding:12px}.api-msg-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-sm);padding:14px}.api-msg-label{color:var(--jp-muted);display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.api-msg-body{color:var(--jp-deep);font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.api-err-box{background:#fee2e2;border-left:3px solid #dc2626;border-radius:var(--r-sm);color:#991b1b;font-size:13px;padding:12px}@media (max-width:860px){.api-stats{grid-template-columns:1fr 1fr}.api-meta-grid{grid-template-columns:1fr}.api-breakdown{flex-direction:column;gap:8px}}.api-docs-scope{background:#f8fafc}.api-docs-container,.api-docs-scope{display:flex;flex-direction:column;height:100%;overflow:hidden}.api-docs-container{gap:20px;margin:0 auto;max-width:1400px;padding:24px;width:100%}.api-docs-header{align-items:center;background:linear-gradient(135deg,#0953bb,#021b7c);border-radius:16px;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.api-docs-header h1{font-size:1.75rem;margin:0 0 8px}.api-docs-header p{margin:0;opacity:.85}.api-docs-badges{display:flex;gap:8px}.badge.badge--primary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.badge.badge--success{background:#10b981;color:#fff}.badge.badge--info{background:#0ea5e9;color:#fff}.api-docs-tabs{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;color:#4a5a6e;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.tab-btn:hover{background:#f1f5f9;color:#0953bb}.tab-btn.active{background:linear-gradient(135deg,#0953bb,#021b7c);color:#fff}.api-docs-main{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 280px;min-height:0;overflow:hidden}.api-docs-content{overflow-y:auto;padding-right:8px;scrollbar-width:thin}.api-docs-content::-webkit-scrollbar{width:6px}.api-docs-content::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.api-docs-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.api-docs-sidebar{align-self:start;background:#fff;border-radius:20px;box-shadow:0 8px 24px #0000000f;padding:20px;position:-webkit-sticky;position:sticky;top:0}.api-docs-sidebar h4{color:#1e293b;font-size:.875rem;margin:0 0 16px}.api-docs-sidebar ul{list-style:none;margin:0 0 20px;padding-left:0}.api-docs-sidebar li{color:#4a5a6e;font-size:.75rem;line-height:1.5;margin-bottom:12px}.code-inline{background:#f1f5f9;border-radius:6px;display:inline-block;font-size:.7rem;margin-top:4px;padding:2px 6px;word-break:break-all}.tip-card{border-radius:12px;font-size:.75rem;margin-bottom:12px;padding:12px}.tip-card.blue{background:#eff6ff;border:1px solid #bfdbfe}.tip-card.yellow{background:#fffbeb;border:1px solid #fcd34d}.section-card{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000a;margin-bottom:24px;padding:28px}.section-card:last-child{margin-bottom:0}.section-card h2{color:#0f172a;font-size:1.5rem;margin:0 0 16px}.section-card h3{color:#1e293b;font-size:1.1rem;margin:24px 0 12px}.section-card h4{font-size:.9rem;font-weight:600;margin:0 0 10px}.section-card p{color:#4a5a6e;line-height:1.6;margin-bottom:20px}.table-wrapper{border:1px solid #eef2f6;border-radius:12px;margin:16px 0;overflow-x:auto}.data-table{font-size:.8rem}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#334155;padding:12px 16px}.data-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table code{background:#f1f5f9;border-radius:4px;font-size:.7rem;padding:2px 6px}.error-code{border-radius:6px;font-weight:600;padding:2px 6px}.error-code.success{background:#dcfce7;color:#15803d}.error-code.danger{background:#fee2e2;color:#dc2626}.error-code.warning{background:#fffbeb;color:#d97706}.response-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:8px}.response-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;padding:16px}.response-card h4{font-size:.8rem;margin:0 0 12px}.response-card pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:.65rem;margin:0;overflow-x:auto;padding:12px}.format-card{background:#f8fafc;border-radius:16px;margin-bottom:20px;padding:20px}.format-card h4{margin:0 0 8px}.format-card .two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:12px}.format-card pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:.7rem;margin:8px 0 0;overflow-x:auto;padding:12px}.info-box{background:#eff6ff;border-radius:16px;margin-top:20px;padding:20px}.info-box ul{margin:8px 0 0;padding-left:20px}.warning-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;font-size:.8rem;margin-bottom:24px;padding:14px 18px}.endpoint-bar{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:10px 16px}.examples-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.example-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:16px}.example-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.example-label{font-size:.85rem;font-weight:600}.copy-btn{background:#0000;border:none;border-radius:6px;color:#0ea5e9;cursor:pointer;font-size:.7rem;padding:4px 8px;transition:all .2s}.copy-btn:hover{background:#e2e8f0}.example-card pre{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:.65rem;margin:0;overflow-x:auto;padding:12px}@media (max-width:1024px){.api-docs-main{grid-template-columns:1fr;overflow-y:auto}.api-docs-sidebar{position:static}.api-docs-content{overflow-y:visible;padding-right:0}.examples-grid,.format-card .two-columns,.response-grid{grid-template-columns:1fr}}@media (max-width:640px){.api-docs-container{padding:16px}.api-docs-header{align-items:flex-start;flex-direction:column;gap:12px}.section-card{padding:20px}}.rmd-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1100px;padding:24px 28px}.rmd-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.rmd-page-title{align-items:center;color:#0f2c59;display:flex;font-size:26px;font-weight:700;gap:10px;margin:0}.rmd-page-sub{color:#64748b;font-size:14px;margin:4px 0 0}.rmd-stats-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.rmd-stat-card{background:#fff;border-radius:12px;border-top:3px solid #0000;box-shadow:0 1px 6px #0f2c5912;display:flex;flex-direction:column;gap:2px;padding:14px 18px}.rmd-stat-num{font-size:28px;font-weight:800;line-height:1}.rmd-stat-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.rmd-toolbar{flex-wrap:wrap;gap:16px}.rmd-search-wrap,.rmd-toolbar{align-items:center;display:flex}.rmd-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;gap:8px;min-width:200px;padding:8px 12px}.rmd-search-icon{color:#94a3b8}.rmd-search{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;width:100%}.rmd-filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.rmd-filter-tab{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 14px;transition:all .15s}.rmd-filter-tab:hover{border-color:#0f2c59;color:#0f2c59}.rmd-filter-tab.active{background:#0f2c59;border-color:#0f2c59;color:#fff}.rmd-filter-count{background:#ffffff40;border-radius:10px;font-size:11px;padding:1px 6px}.rmd-filter-tab:not(.active) .rmd-filter-count{background:#e2e8f0;color:#475569}.rmd-list{display:flex;flex-direction:column;gap:10px}.rmd-card{background:#fff;border:1px solid #e8edf5;border-radius:12px;box-shadow:0 1px 4px #0f2c590d;overflow:hidden;transition:box-shadow .2s}.rmd-card:hover{box-shadow:0 4px 16px #0f2c591a}.rmd-card--cancelled{opacity:.65}.rmd-card--paused{border-left:3px solid #d97706}.rmd-card--active{border-left:3px solid #16a34a}.rmd-card--completed{border-left:3px solid #6b7280}.rmd-card__top{justify-content:space-between;padding:14px 18px}.rmd-card__left,.rmd-card__top{align-items:center;display:flex;gap:12px}.rmd-card__left{min-width:0}.rmd-card__status-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.rmd-card__name{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmd-card__meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px;margin:0}.rmd-card__right{align-items:center;display:flex;flex-shrink:0;gap:10px}.rmd-status-badge{align-items:center;border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.rmd-card__actions,.rmd-status-badge{display:flex;gap:4px}.rmd-icon-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;padding:5px 7px;transition:all .15s}.rmd-icon-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.rmd-icon-btn--danger:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.rmd-expand-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;padding:5px 7px;transition:all .15s}.rmd-expand-btn:hover{background:#f1f5f9}.rmd-card__detail{background:#fafbfd;border-top:1px solid #f1f5f9;padding:14px 18px 18px}.rmd-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.rmd-detail-item{display:flex;flex-direction:column;gap:4px}.rmd-detail-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rmd-detail-value{color:#334155;font-size:13px}.rmd-detail-value--msg{color:#475569;font-style:italic;line-height:1.5}.rmd-detail-value--next{align-items:center;color:#0369a1;display:flex;font-weight:600;gap:5px}.rmd-detail-schedule{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.rmd-schedule-chip{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:12px;font-weight:600;padding:3px 9px}.rmd-empty{align-items:center;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.rmd-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;padding:8px 18px;transition:all .2s}.rmd-btn--primary{background:#0f2c59;color:#fff}.rmd-btn--primary:hover{background:#1a3a70}.rmd-btn--ghost{background:#0000;border:1px solid #e2e8f0;color:#64748b}.rmd-btn--ghost:hover{background:#f8fafc;border-color:#94a3b8}.rmd-btn--lg{font-size:15px;padding:10px 22px}.rmd-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f193273;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.rmd-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f2c5933;display:flex;flex-direction:column;max-height:90vh;max-width:760px;overflow:hidden;width:100%}.rmd-modal__header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.rmd-modal__title{align-items:center;color:#0f2c59;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.rmd-modal__close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;padding:4px;transition:all .15s}.rmd-modal__close:hover{background:#f1f5f9;color:#1e293b}.rmd-modal__body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:20px 24px}.rmd-modal__footer{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.rmd-section{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:20px}.rmd-section:last-child{border-bottom:none;margin-bottom:0}.rmd-section-title{align-items:center;color:#0f2c59;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.07em;margin:0 0 14px;text-transform:uppercase}.rmd-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.rmd-row--narrow{grid-template-columns:180px 1fr}.rmd-field{display:flex;flex-direction:column;gap:5px}.rmd-label{color:#374151;font-size:13px;font-weight:600}.rmd-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:14px;outline:none;padding:9px 12px;transition:border-color .2s;width:140px}.rmd-input:focus{border-color:#0f2c59;box-shadow:0 0 0 3px #0f2c5914}.rmd-input.err{border-color:#ef4444}.rmd-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.rmd-textarea:focus{border-color:#0f2c59;box-shadow:0 0 0 3px #0f2c5914}.rmd-textarea.err{border-color:#ef4444}.rmd-char-count{color:#94a3b8;font-size:11px;margin-top:4px;text-align:right}.rmd-err{color:#ef4444;font-size:11px;font-weight:500}.rmd-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.rmd-tab{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s}.rmd-tab:hover{border-color:#0f2c59;color:#0f2c59}.rmd-tab.active{background:#0f2c59;border-color:#0f2c59;color:#fff}.rmd-pb-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.rmd-pb-item{align-items:center;background:#f9fbfd;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:13px;gap:8px;min-width:0;padding:8px 11px;transition:all .15s}.rmd-pb-item input{accent-color:#0f2c59;flex-shrink:0}.rmd-pb-item.selected{background:#eef3fa;border-color:#0f2c59}.rmd-pb-name{color:#1e293b;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rmd-pb-count{background:#e2e8f0;border-radius:10px;color:#94a3b8;flex-shrink:0;font-size:11px;padding:2px 6px}.rmd-weekday-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rmd-day-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;min-width:52px;padding:7px 14px;text-align:center;transition:all .15s}.rmd-day-btn:hover{border-color:#0f2c59;color:#0f2c59}.rmd-day-btn.active{background:#0f2c59;border-color:#0f2c59;color:#fff}.rmd-time-rows{background:#f8fafc;border:1px solid #e8ecf2;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:12px;width:140px}.rmd-time-row{align-items:center;display:flex;gap:12px}.rmd-time-day{color:#0f2c59;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;width:36px}.rmd-time-input{flex-shrink:0;width:100px}.rmd-weeks-grid{grid-gap:6px;background:#fafbfd;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:240px;overflow-y:auto;padding:10px}.rmd-week-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;transition:all .15s}.rmd-week-chip input{accent-color:#0f2c59}.rmd-week-chip.active{background:#eef3fa;border-color:#0f2c59;color:#0f2c59;font-weight:600}@media (max-width:768px){.rmd-page{padding:16px}.rmd-stats-strip{grid-template-columns:repeat(2,1fr)}.rmd-detail-grid,.rmd-row,.rmd-row--narrow{grid-template-columns:1fr}.rmd-modal{border-radius:12px}}@media (max-width:480px){.rmd-page-header{flex-direction:column}.rmd-stats-strip{grid-template-columns:1fr 1fr}.rmd-card__top{flex-wrap:wrap}}.switch-account-container{background:var(--jp-light);min-height:100vh}.accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-card{background:var(--jp-white);border:1px solid #0077b614;border-radius:var(--r-lg);padding:20px;position:relative;transition:all .2s ease}.account-card--active{border-color:var(--jp-ocean);box-shadow:0 0 0 2px #0077b61a}.account-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.account-icon{color:var(--jp-ocean);margin-top:4px}.account-header h3{color:var(--jp-deep);font-family:var(--f-display);font-size:16px;font-weight:700;margin:0 0 8px}.account-details{background:#f8fafc;border-radius:var(--r-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px}.detail-row{color:var(--jp-muted);font-size:13px;justify-content:space-between}.detail-row strong{color:var(--jp-text)}.text-success{color:#15803d}.text-warning{color:#92400e}.api-credentials-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.api-credentials-page .page-card-2{margin-left:10px}.api-credentials-page .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1rem 1.5rem}.api-credentials-page .stat-card{background:var(--bg-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;transition:transform .2s,box-shadow .2s}.api-credentials-page .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-header{gap:.75rem;margin-bottom:.75rem}.stat-icon-wrapper{border-radius:var(--radius);font-size:1.25rem;height:40px;width:40px}.stat-icon-wrapper.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-info h3{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.5rem;margin-bottom:.25rem}.stat-subtext{color:var(--text-light);font-size:.75rem}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.api-credentials-page .search-box{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.api-credentials-page .search-icon{color:var(--text-light);left:1rem;pointer-events:none;position:absolute}.api-credentials-page .search-input{border:1px solid var(--border-gray);border-radius:var(--radius);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s;width:100%}.api-credentials-page .search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.api-credentials-page .filter-group{align-items:center;display:flex;gap:.5rem}.api-credentials-page .filter-icon{color:var(--text-light)}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid var(--border-gray);border-radius:var(--radius);cursor:pointer;font-size:.875rem;padding:.625rem 2rem .625rem 1rem}.filter-select:focus{border-color:var(--primary-blue);outline:none}.api-credentials-table{border-collapse:collapse;font-size:.875rem;width:100%}.api-credentials-table th{background:var(--bg-gray-50);border-bottom:2px solid var(--border-gray);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.api-credentials-table td{border-bottom:1px solid var(--border-gray);padding:1rem;vertical-align:middle}.api-credentials-table tbody tr:hover{background:var(--bg-gray-50)}.api-credentials-table tbody tr.expanded{background:#3b82f608}.cred-main{display:flex;flex-direction:column;gap:.25rem}.cred-username{color:var(--text-primary);font-family:monospace;font-weight:600}.cred-description{color:var(--text-secondary);font-size:.75rem}.cred-owner{color:var(--text-light);font-size:.7rem}.cred-org{display:flex;flex-direction:column;gap:.125rem}.cred-org-id{color:var(--text-light);font-family:monospace;font-size:.7rem}.api-credentials-page .badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem;padding:.25rem .625rem;white-space:nowrap}.api-credentials-page .badge-success{background:#10b9811a;color:#10b981}.api-credentials-page .badge-info{background:#3b82f61a;color:#3b82f6}.api-credentials-page .badge-warning{background:#f59e0b1a;color:#f59e0b}.api-credentials-page .badge-danger{background:#ef44441a;color:#ef4444}.api-credentials-page .badge-secondary{background:var(--bg-gray-100);color:var(--text-secondary)}.security-badges{align-items:center;display:flex;gap:.5rem}.security-badge{align-items:center;border-radius:50%;display:flex;font-size:.75rem;height:24px;justify-content:center;width:24px}.security-badge.dlr{background:#0ea5e91a;color:#0ea5e9}.security-badge.ip{background:#8b5cf61a;color:#8b5cf6}.usage-stats{display:flex;flex-direction:column;gap:.125rem}.usage-value{color:var(--text-primary);font-weight:600}.usage-failed{color:#ef4444;font-size:.7rem}.cred-date{display:flex;flex-direction:column;font-size:.8rem;gap:.125rem}.cred-last-used{color:var(--text-light)}.action-buttons{align-items:center;display:flex;gap:.25rem}.api-credentials-page .btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:all .2s}.api-credentials-page .btn-icon:hover{background:var(--bg-gray-100);color:var(--text-primary)}.api-credentials-page .btn-icon.active{background:#10b9811a;color:#10b981}.api-credentials-page .btn-icon.danger:hover{background:#ef44441a;color:#ef4444}.copied-tooltip{animation:fadeOut 2s forwards;background:#10b981;border-radius:4px;color:#fff;font-size:.7rem;padding:2px 6px;position:absolute;right:0;top:-24px}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}.expanded-row{background:var(--bg-gray-50)!important}.expanded-content{padding:1.5rem}.expanded-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.expanded-section{background:#fff;border:1px solid var(--border-gray);border-radius:var(--radius);padding:1rem}.expanded-section h4{align-items:center;border-bottom:1px solid var(--border-gray);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;padding-bottom:.75rem}.section-icon{color:var(--primary-blue)}.expanded-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{align-items:flex-start;display:flex;font-size:.8rem;gap:.5rem}.detail-label{color:var(--text-secondary);font-weight:500;min-width:90px}.detail-value{color:var(--text-primary);flex:1 1;word-break:break-word}.detail-value.mono{font-family:monospace}.detail-value.ip-list,.detail-value.url-value{align-items:center;display:flex;gap:.25rem}.copy-inline{margin-left:.25rem;padding:2px}.text-success{color:#10b981}.text-muted{color:var(--text-light)}.admin-notes{align-items:flex-start;background:#3b82f60d;border:1px solid #3b82f633;border-radius:var(--radius);color:var(--text-secondary);display:flex;font-size:.8rem;gap:.75rem;margin-top:1.5rem;padding:1rem}.note-icon{color:var(--primary-blue);flex-shrink:0;margin-top:2px}@media (max-width:1024px){.filters-section{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-group{justify-content:flex-start}.expanded-grid{grid-template-columns:1fr}}@media (max-width:768px){.api-credentials-table{font-size:.8rem}.api-credentials-table td,.api-credentials-table th{padding:.75rem .5rem}.action-buttons{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.api-credentials-table thead{display:none}.api-credentials-table tbody tr{border:1px solid var(--border-gray);border-radius:var(--radius);display:block;margin-bottom:1rem}.api-credentials-table td{align-items:center;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:.75rem 1rem}.api-credentials-table td:before{color:var(--text-secondary);content:attr(data-label);font-weight:600;margin-right:1rem}}:root{--jp-grad-electric:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);--jp-grad-electric-h:linear-gradient(90deg,#5082d1,#313aaf 50%,#173e99);--jp-grad-electric-soft:linear-gradient(135deg,#5082d126,#173e9914);--jp-grad-electric-vivid:linear-gradient(135deg,#6a94db,#313aaf 50%,#0f2e7a);--jp-blue-50:#eef3fc;--jp-blue-100:#d9e4f7;--jp-blue-200:#b3c8ee;--jp-blue-300:#8aa9e0;--jp-blue-400:#6a94db;--jp-blue-500:#5082d1;--jp-blue-600:#313aaf;--jp-blue-700:#173e99;--jp-blue-800:#0f2e7a;--jp-blue-900:#0a1f52;--jp-ink-900:#0a0e1a;--jp-ink-800:#141a2e;--jp-ink-700:#1e2642;--jp-ink-600:#2a3355;--jp-ink-500:#4a5578;--jp-ink-400:#6b7599;--jp-ink-300:#94a0bd;--jp-ink-200:#c5cde0;--jp-ink-100:#e6eaf3;--jp-ink-50:#f5f7fb;--jp-white:#fff;--jp-success:#10b981;--jp-success-bg:#10b9811f;--jp-warning:#f59e0b;--jp-warning-bg:#f59e0b1f;--jp-danger:#ef4444;--jp-danger-bg:#ef44441f;--jp-info:#0ea5e9;--jp-info-bg:#0ea5e91f;--jp-purple:#8b5cf6;--jp-purple-bg:#8b5cf61f;--jp-bg-app:#f0f3fa;--jp-bg-app-pattern:radial-gradient(circle at 20% 10%,#5082d114 0%,#0000 40%),radial-gradient(circle at 80% 80%,#313aaf0f 0%,#0000 40%),linear-gradient(180deg,#f0f3fa,#e8edf7);--jp-surface-glass:#ffffffb8;--jp-surface-glass-strong:#ffffffe0;--jp-surface-glass-dark:#0a0e1a8c;--jp-border-glass:#fff9;--jp-border-subtle:#173e9914;--jp-border-strong:#173e992e;--jp-shadow-xs:0 1px 2px #0a1f520f;--jp-shadow-sm:0 2px 8px #0a1f5214;--jp-shadow-md:0 8px 24px #0a1f521a;--jp-shadow-lg:0 16px 48px #0a1f5224;--jp-shadow-xl:0 24px 64px #0a1f522e;--jp-shadow-glow:0 8px 32px #5082d159;--jp-shadow-inset:inset 0 1px 2px #0a1f520f;--jp-neu-light:6px 6px 14px #0a1f5214,-6px -6px 14px #ffffffe6;--jp-neu-pressed:inset 3px 3px 6px #0a1f5214,inset -3px -3px 6px #ffffffe6;--jp-neu-convex:4px 4px 10px #0a1f521a,-4px -4px 10px #ffffffe6;--jp-r-xs:6px;--jp-r-sm:10px;--jp-r-md:14px;--jp-r-lg:20px;--jp-r-xl:28px;--jp-r-full:999px;--jp-s-1:4px;--jp-s-2:8px;--jp-s-3:12px;--jp-s-4:16px;--jp-s-5:20px;--jp-s-6:24px;--jp-s-8:32px;--jp-s-10:40px;--jp-s-12:48px;--jp-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--jp-font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--jp-ease:cubic-bezier(0.4,0,0.2,1);--jp-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--jp-t-fast:150ms;--jp-t-med:250ms;--jp-t-slow:400ms;--jp-sidebar-w-open:268px;--jp-sidebar-w-closed:78px;--jp-header-h:72px;--jp-content-padding:var(--jp-s-8);--jp-page-title-size:22px;--jp-stat-value-size:28px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 10%,#5082d114 0,#0000 40%),radial-gradient(circle at 80% 80%,#313aaf0f 0,#0000 40%),linear-gradient(180deg,#f0f3fa,#e8edf7);background:var(--jp-bg-app-pattern);color:#0a0e1a;color:var(--jp-ink-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--jp-font-sans);line-height:1.5;margin:0;overflow-x:hidden}input,select,textarea{font-size:16px}@media (min-width:768px){input,select,textarea{font-size:13.5px}}.super-admin-dashboard{display:grid;grid-template-columns:1fr;min-height:100vh;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);transition:grid-template-columns var(--jp-t-med) var(--jp-ease)}@media (min-width:1025px){.super-admin-dashboard{grid-template-columns:268px 1fr;grid-template-columns:var(--jp-sidebar-w-open) 1fr}.super-admin-dashboard:has(.sidebar-nav.collapsed){grid-template-columns:78px 1fr;grid-template-columns:var(--jp-sidebar-w-closed) 1fr}}.sidebar-nav{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);box-shadow:4px 0 32px #0a1f522e;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);transition:transform var(--jp-t-med) var(--jp-ease),width var(--jp-t-med) var(--jp-ease);width:268px;width:var(--jp-sidebar-w-open);z-index:1000}@media (min-width:1025px){.sidebar-nav{position:-webkit-sticky;position:sticky;transform:translateX(0)}.sidebar-nav.collapsed{width:78px;width:var(--jp-sidebar-w-closed)}}.sidebar-nav.open{transform:translateX(0)}.sidebar-nav:before{background:radial-gradient(circle at 20% 10%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 80% 90%,#ffffff0f 0,#0000 50%)}.sidebar-nav:after,.sidebar-nav:before{content:"";inset:0;pointer-events:none;position:absolute}.sidebar-nav:after{background:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27><path d=%27M0 0h60v60H0z%27 fill=%27none%27/><path d=%27M0 30h60M30 0v60%27 stroke=%27rgba%28255,255,255,0.04%29%27 stroke-width=%271%27/></svg>");opacity:.6}.sidebar-nav>*{position:relative;z-index:1}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;justify-content:space-between;min-height:64px;padding:16px;padding:var(--jp-s-4) var(--jp-s-4)}@media (min-width:1025px){.sidebar-header{min-height:72px;padding:24px 20px;padding:var(--jp-s-6) var(--jp-s-5)}}.logo-wrapper{align-items:center;display:flex;gap:12px;gap:var(--jp-s-3)}.logo-wrapper img,.logo-wrapper svg{filter:brightness(0) invert(1);height:28px;width:auto}@media (min-width:1025px){.logo-wrapper img,.logo-wrapper svg{height:32px}}.user-profile-section{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border-bottom:1px solid #ffffff1a;border-radius:14px;border-radius:var(--jp-r-md);display:flex;gap:12px;gap:var(--jp-s-3);margin:12px 12px 0;margin:var(--jp-s-3) var(--jp-s-3) 0;padding:16px;padding:var(--jp-s-4)}@media (min-width:1025px){.user-profile-section{padding:20px;padding:var(--jp-s-5)}}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#ffffff40,#ffffff14);border:1.5px solid #ffffff4d;border-radius:10px;border-radius:var(--jp-r-sm);box-shadow:inset 0 1px 0 #ffffff4d;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;letter-spacing:.02em;width:40px}@media (min-width:1025px){.user-avatar-large{font-size:14px;height:44px;width:44px}}.user-details{flex:1 1;min-width:0}.user-details .user-name{color:#fff;font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1025px){.user-details .user-name{font-size:14px}}.user-details .user-role{background:#ffffff1a;border-radius:999px;border-radius:var(--jp-r-full);color:#ffffffb3;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.08em;margin-top:4px;padding:2px 8px;text-transform:uppercase}@media (min-width:1025px){.user-details .user-role{font-size:10px}}.user-status{align-items:center;color:#fff9;display:flex;font-size:10px;gap:6px;margin-top:6px}@media (min-width:1025px){.user-status{font-size:11px}}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98140;height:8px;width:8px}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #10b98140}50%{box-shadow:0 0 0 6px #10b9811a}}.sidebar-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px;padding:var(--jp-s-3);scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.menu-section{margin-bottom:12px;margin-bottom:var(--jp-s-3)}.section-title{color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0;padding:12px 12px 8px;padding:var(--jp-s-3) var(--jp-s-3) var(--jp-s-2);text-transform:uppercase}.menu-items{display:flex;flex-direction:column;gap:2px}.menu-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--jp-r-sm);color:#ffffffc7;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;gap:var(--jp-s-3);min-height:44px;overflow:hidden;padding:12px;padding:var(--jp-s-3) var(--jp-s-3);position:relative;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-fast) var(--jp-ease);white-space:nowrap;width:100%}@media (min-width:1025px){.menu-item{font-size:13.5px}}.menu-item:hover{background:#ffffff1a;color:#fff;transform:translateX(2px)}.menu-item.active{background:#ffffff2e;border-color:#ffffff38;box-shadow:inset 0 1px 0 #fff3,0 2px 8px #00000026;color:#fff;font-weight:600}.menu-item.active:before{background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 12px #fff9;content:"";height:24px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center;width:22px}.menu-label{flex:1 1}.active-indicator{display:none}.sidebar-footer{border-top:1px solid #ffffff1a}.logout-btn,.sidebar-footer{padding:12px;padding:var(--jp-s-3)}.logout-btn{align-items:center;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;border-radius:var(--jp-r-sm);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;gap:var(--jp-s-3);min-height:44px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-fast) var(--jp-ease);width:100%}.logout-btn:hover{background:#ef444438;transform:translateX(2px)}.main-content{display:flex;flex-direction:column;min-height:100vh;min-width:0}.main-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffe0;background:var(--jp-surface-glass-strong);border-bottom:1px solid #173e9914;border-bottom:1px solid var(--jp-border-subtle);display:flex;gap:12px;gap:var(--jp-s-3);height:72px;height:var(--jp-header-h);justify-content:space-between;padding:0 16px;padding:0 var(--jp-s-4);position:-webkit-sticky;position:sticky;top:0;z-index:50}@media (min-width:768px){.main-header{gap:16px;gap:var(--jp-s-4);padding:0 24px;padding:0 var(--jp-s-6)}}@media (min-width:1025px){.main-header{gap:24px;gap:var(--jp-s-6);padding:0 32px;padding:0 var(--jp-s-8)}}.header-left{flex:1 1;gap:12px;gap:var(--jp-s-3);min-width:0}.header-left,.header-right{align-items:center;display:flex}.header-right{gap:8px;gap:var(--jp-s-2)}@media (min-width:768px){.header-left{gap:16px;gap:var(--jp-s-4)}.header-right{gap:12px;gap:var(--jp-s-3)}}@media (min-width:1025px){.header-left{gap:20px;gap:var(--jp-s-5)}.header-right{gap:16px;gap:var(--jp-s-4)}}.mobile-menu-btn{align-items:center;background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:10px;border-radius:var(--jp-r-sm);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm);color:#1e2642;color:var(--jp-ink-700);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.page-title-section{min-width:0}.dashboard-page-title{color:#0a0e1a;color:var(--jp-ink-900);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}@media (min-width:768px){.dashboard-page-title{font-size:18px}}@media (min-width:1025px){.dashboard-page-title{font-size:20px}}.breadcrumb{display:none}@media (min-width:1025px){.breadcrumb{align-items:center;color:#6b7599;color:var(--jp-ink-400);display:flex;font-size:12px;gap:6px;margin-top:2px}}.breadcrumb .separator{color:#94a0bd;color:var(--jp-ink-300)}.breadcrumb .current{color:#173e99;color:var(--jp-blue-700);font-weight:600}.quick-actions{display:none}@media (min-width:768px){.quick-actions{display:flex;gap:8px;gap:var(--jp-s-2)}}.action-btn{align-items:center;background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:10px;border-radius:var(--jp-r-sm);box-shadow:0 1px 2px #0a1f520f;box-shadow:var(--jp-shadow-xs);color:#1e2642;color:var(--jp-ink-700);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-fast) var(--jp-ease)}.action-btn:hover{background:#fff;background:var(--jp-white);border-color:#5082d1;border-color:var(--jp-blue-500);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm);color:#173e99;color:var(--jp-blue-700)}.action-btn .action-icon{font-size:15px}.header-user-menu{align-items:center;display:flex;gap:8px;gap:var(--jp-s-2);position:relative}@media (min-width:768px){.header-user-menu{gap:12px;gap:var(--jp-s-3)}}.user-menu-btn{align-items:center;background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:999px;border-radius:var(--jp-r-full);box-shadow:0 1px 2px #0a1f520f;box-shadow:var(--jp-shadow-xs);cursor:pointer;display:flex;gap:8px;gap:var(--jp-s-2);padding:4px 10px 4px 4px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-fast) var(--jp-ease)}@media (min-width:768px){.user-menu-btn{gap:12px;gap:var(--jp-s-3);padding:6px 12px 6px 6px}}.user-menu-btn:hover{background:#fff;background:var(--jp-white);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm)}.user-avatar-small{align-items:center;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;letter-spacing:.02em;width:32px}.user-info-compact{display:none}@media (min-width:1025px){.user-info-compact{display:flex;flex-direction:column;line-height:1.2;text-align:left}}.user-info-compact .user-name{color:#0a0e1a;color:var(--jp-ink-900);font-size:13px;font-weight:600}.user-info-compact .user-role{color:#6b7599;color:var(--jp-ink-400);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.chevron{color:#6b7599;color:var(--jp-ink-400);font-size:11px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--jp-t-fast) var(--jp-ease)}.chevron.open{transform:rotate(180deg)}.user-dropdown{animation:jpFadeDown .2s cubic-bezier(.4,0,.2,1);animation:jpFadeDown .2s var(--jp-ease);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffe0;background:var(--jp-surface-glass-strong);border:1px solid #fff9;border:1px solid var(--jp-border-glass);border-radius:14px;border-radius:var(--jp-r-md);box-shadow:0 24px 64px #0a1f522e;box-shadow:var(--jp-shadow-xl);max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:260px;z-index:1001}@keyframes jpFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#5082d126,#173e9914);background:var(--jp-grad-electric-soft);border-bottom:1px solid #173e9914;border-bottom:1px solid var(--jp-border-subtle);display:flex;gap:12px;gap:var(--jp-s-3);padding:16px;padding:var(--jp-s-4)}.dropdown-avatar{align-items:center;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.dropdown-header h4{color:#0a0e1a;color:var(--jp-ink-900);font-size:14px;margin:0}.dropdown-header p{color:#4a5578;color:var(--jp-ink-500);font-size:11px;letter-spacing:.06em;margin:2px 0 0;text-transform:uppercase}.dropdown-divider{background:#173e9914;background:var(--jp-border-subtle);height:1px}.dropdown-item{align-items:center;background:#0000;border:none;color:#1e2642;color:var(--jp-ink-700);cursor:pointer;display:flex;font-size:13px;gap:12px;gap:var(--jp-s-3);min-height:44px;padding:12px 16px;padding:var(--jp-s-3) var(--jp-s-4);text-align:left;transition:background .15s;transition:background var(--jp-t-fast);width:100%}.dropdown-item:hover{background:#eef3fc;background:var(--jp-blue-50)}.dropdown-item.logout{color:#ef4444;color:var(--jp-danger)}.dropdown-item.logout:hover{background:#ef44441f;background:var(--jp-danger-bg)}.content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--jp-s-4);padding:16px;padding:var(--jp-s-4)}@media (min-width:768px){.content-wrapper{gap:20px;gap:var(--jp-s-5);padding:24px;padding:var(--jp-s-6)}}@media (min-width:1025px){.content-wrapper{gap:24px;gap:var(--jp-s-6);padding:32px;padding:var(--jp-s-8)}}.dashboard-overview{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #fff9;border:1px solid var(--jp-border-glass);border-radius:20px;border-radius:var(--jp-r-lg);box-shadow:0 8px 24px #0a1f521a;box-shadow:var(--jp-shadow-md);overflow:hidden;padding:20px;padding:var(--jp-s-5);position:relative}@media (min-width:768px){.dashboard-overview{padding:24px;padding:var(--jp-s-6)}}@media (min-width:1025px){.dashboard-overview{padding:32px;padding:var(--jp-s-8)}}.dashboard-overview:before{background:radial-gradient(circle,#5082d126 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:400px}.overview-header{margin-bottom:20px;margin-bottom:var(--jp-s-5);position:relative}@media (min-width:1025px){.overview-header{margin-bottom:24px;margin-bottom:var(--jp-s-6)}}.overview-header h2{color:#0a0e1a;color:var(--jp-ink-900);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}@media (min-width:768px){.overview-header h2{font-size:20px}}@media (min-width:1025px){.overview-header h2{font-size:22px}}.overview-header p{color:#4a5578;color:var(--jp-ink-500);font-size:13px;margin:0}@media (min-width:1025px){.overview-header p{font-size:13.5px}}.stats-grid{grid-gap:12px;grid-gap:var(--jp-s-3);display:grid;gap:12px;gap:var(--jp-s-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));position:relative}@media (min-width:480px){.stats-grid{gap:16px;gap:var(--jp-s-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1025px){.stats-grid{gap:20px;gap:var(--jp-s-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.dashboard-stat-card{background:#fff;background:var(--jp-white);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:14px;border-radius:var(--jp-r-md);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm);overflow:hidden;padding:16px;padding:var(--jp-s-4);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-med) var(--jp-ease)}@media (min-width:768px){.dashboard-stat-card{padding:20px;padding:var(--jp-s-5)}}.dashboard-stat-card:before{background:linear-gradient(90deg,#5082d1,#313aaf 50%,#173e99);background:var(--jp-grad-electric-h);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s;transition:opacity var(--jp-t-med)}.dashboard-stat-card:hover{box-shadow:0 8px 24px #0a1f521a;box-shadow:var(--jp-shadow-md);transform:translateY(-2px)}.dashboard-stat-card:hover:before{opacity:1}.stat-header{align-items:center;display:flex;gap:8px;gap:var(--jp-s-2);margin-bottom:8px;margin-bottom:var(--jp-s-2)}@media (min-width:768px){.stat-header{gap:12px;gap:var(--jp-s-3);margin-bottom:12px;margin-bottom:var(--jp-s-3)}}.stat-icon-wrapper{align-items:center;border-radius:10px;border-radius:var(--jp-r-sm);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm);color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}@media (min-width:768px){.stat-icon-wrapper{font-size:18px;height:40px;width:40px}}.stat-icon-wrapper.blue{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric)}.stat-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-wrapper.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon-wrapper.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-info h3{color:#4a5578;color:var(--jp-ink-500);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}@media (min-width:768px){.stat-info h3{font-size:12px}}.stat-value{color:#0a0e1a;color:var(--jp-ink-900);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--jp-font-mono);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1}@media (min-width:768px){.stat-value{font-size:26px}}@media (min-width:1025px){.stat-value{font-size:28px}}.page-content{flex:1 1}.page-wrapper{display:flex;flex-direction:column;gap:16px;gap:var(--jp-s-4)}@media (min-width:1025px){.page-wrapper{gap:20px;gap:var(--jp-s-5)}}.page-card,.page-card-1,.page-card-2{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #fff9;border:1px solid var(--jp-border-glass);border-radius:20px;border-radius:var(--jp-r-lg);box-shadow:0 8px 24px #0a1f521a;box-shadow:var(--jp-shadow-md);padding:16px;padding:var(--jp-s-4)}@media (min-width:768px){.page-card,.page-card-1,.page-card-2{padding:20px;padding:var(--jp-s-5)}}@media (min-width:1025px){.page-card,.page-card-1,.page-card-2{padding:24px;padding:var(--jp-s-6)}}.page-header-section{gap:12px;gap:var(--jp-s-3);margin-bottom:16px;margin-bottom:var(--jp-s-4)}@media (min-width:1025px){.page-header-section{gap:16px;gap:var(--jp-s-4);margin-bottom:20px;margin-bottom:var(--jp-s-5)}}.page-title{align-items:center;color:#0a0e1a;color:var(--jp-ink-900);display:flex;font-size:18px;gap:8px;gap:var(--jp-s-2);letter-spacing:-.01em}@media (min-width:768px){.page-title{font-size:20px}}@media (min-width:1025px){.page-title{font-size:22px}}.page-subtitle{color:#4a5578;color:var(--jp-ink-500);font-size:12.5px;margin:4px 0 0}@media (min-width:1025px){.page-subtitle{font-size:13.5px}}.page-header-actions{gap:8px;gap:var(--jp-s-2)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--jp-r-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:40px;padding:9px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--jp-t-fast) var(--jp-ease);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);box-shadow:0 8px 32px #5082d159;box-shadow:var(--jp-shadow-glow);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #5082d173;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--jp-white);border-color:#173e992e;border-color:var(--jp-border-strong);color:#1e2642;color:var(--jp-ink-700)}.btn-secondary:hover:not(:disabled){background:#eef3fc;background:var(--jp-blue-50);border-color:#5082d1;border-color:var(--jp-blue-500);color:#173e99;color:var(--jp-blue-700)}.btn-outline{background:#ffffffb8;background:var(--jp-surface-glass);border-color:#173e992e;border-color:var(--jp-border-strong);box-shadow:0 1px 2px #0a1f520f;box-shadow:var(--jp-shadow-xs);color:#1e2642;color:var(--jp-ink-700)}.btn-outline:hover:not(:disabled){background:#fff;background:var(--jp-white);border-color:#5082d1;border-color:var(--jp-blue-500);color:#173e99;color:var(--jp-blue-700)}.btn-danger{background:#ef4444;background:var(--jp-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:#10b981;background:var(--jp-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-sm{font-size:12px;min-height:34px;padding:6px 12px}.btn-full{width:100%}.btn-neu{background:#fff;background:var(--jp-white);border:none;box-shadow:4px 4px 10px #0a1f521a,-4px -4px 10px #ffffffe6;box-shadow:var(--jp-neu-convex);color:#1e2642;color:var(--jp-ink-700)}.btn-neu:hover:not(:disabled){box-shadow:6px 6px 14px #0a1f5214,-6px -6px 14px #ffffffe6;box-shadow:var(--jp-neu-light);color:#173e99;color:var(--jp-blue-700)}.btn-neu:active:not(:disabled){box-shadow:inset 3px 3px 6px #0a1f5214,inset -3px -3px 6px #ffffffe6;box-shadow:var(--jp-neu-pressed)}.btn-icon{align-items:center;background:#ffffffb8;background:var(--jp-surface-glass);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:10px;border-radius:var(--jp-r-sm);color:#2a3355;color:var(--jp-ink-600);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .15s;transition:all var(--jp-t-fast);width:36px}@media (min-width:768px){.btn-icon{height:34px;width:34px}}.btn-icon:hover{background:#fff;background:var(--jp-white);border-color:#5082d1;border-color:var(--jp-blue-500);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm);color:#173e99;color:var(--jp-blue-700)}.btn-icon.danger:hover{border-color:#ef4444;border-color:var(--jp-danger);color:#ef4444;color:var(--jp-danger)}.btn-icon.active{background:#eef3fc;background:var(--jp-blue-50);border-color:#5082d1;border-color:var(--jp-blue-500);color:#173e99;color:var(--jp-blue-700)}.form-input,.form-select,.search-input{background:#fff;background:var(--jp-white);border:1.5px solid #173e992e;border:1.5px solid var(--jp-border-strong);border-radius:10px;border-radius:var(--jp-r-sm);color:#0a0e1a;color:var(--jp-ink-900);font-family:inherit;font-size:16px;min-height:44px;outline:none;padding:10px 14px;transition:all .15s;transition:all var(--jp-t-fast);width:100%}@media (min-width:768px){.form-input,.form-select,.search-input{font-size:13.5px}}.form-input:focus,.form-select:focus,.search-input:focus{border-color:#5082d1;border-color:var(--jp-blue-500);box-shadow:0 0 0 4px #5082d11f}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;background:var(--jp-surface-glass);padding-left:40px}.search-box{flex:1 1;min-width:200px;position:relative}@media (min-width:768px){.search-box{min-width:240px}}.search-icon{color:#6b7599;color:var(--jp-ink-400);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box .search-input{padding-left:40px;width:100%}.table-container{-webkit-overflow-scrolling:touch;background:#fff;background:var(--jp-white);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:14px;border-radius:var(--jp-r-md);box-shadow:0 2px 8px #0a1f5214;box-shadow:var(--jp-shadow-sm)}.data-table{font-size:12.5px;min-width:600px}@media (min-width:768px){.data-table{font-size:13px}}@media (min-width:1025px){.data-table{font-size:13.5px}}.data-table thead{background:linear-gradient(180deg,#eef3fc,#d9e4f780);background:linear-gradient(180deg,var(--jp-blue-50) 0,#d9e4f780 100%);border-bottom:1px solid #173e992e;border-bottom:1px solid var(--jp-border-strong)}.data-table th{color:#0f2e7a;color:var(--jp-blue-800);font-size:10px;font-weight:700;letter-spacing:.08em;padding:10px 12px;text-transform:uppercase}@media (min-width:768px){.data-table th{font-size:11px;padding:12px 14px}}@media (min-width:1025px){.data-table th{padding:14px 16px}}.data-table td{border-top:1px solid #173e9914;border-top:1px solid var(--jp-border-subtle);color:#141a2e;color:var(--jp-ink-800);padding:10px 12px}@media (min-width:768px){.data-table td{padding:12px 14px}}@media (min-width:1025px){.data-table td{padding:14px 16px}}.data-table tbody tr{transition:background .15s;transition:background var(--jp-t-fast)}.data-table tbody tr:hover{background:#eef3fc;background:var(--jp-blue-50)}.badge{border-radius:999px;border-radius:var(--jp-r-full);font-size:10px;font-weight:700;gap:4px;letter-spacing:.02em;padding:3px 10px;white-space:nowrap}@media (min-width:768px){.badge{font-size:11px}}.badge-success{background:#10b9811f;background:var(--jp-success-bg);color:var(--jp-success)}.badge-danger{background:#ef44441f;background:var(--jp-danger-bg);color:var(--jp-danger)}.badge-warning{background:#f59e0b1f;background:var(--jp-warning-bg);color:var(--jp-warning)}.badge-info{background:#0ea5e91f;background:var(--jp-info-bg);color:#0ea5e9;color:var(--jp-info)}.badge-purple{background:#8b5cf61f;background:var(--jp-purple-bg);color:#8b5cf6;color:var(--jp-purple)}.badge-secondary{background:#e6eaf3;background:var(--jp-ink-100);color:#2a3355;color:var(--jp-ink-600)}.badge-primary{background:#313aaf1f;color:#173e99;color:var(--jp-blue-700)}.alert{align-items:center;border:1px solid;border-radius:10px;border-radius:var(--jp-r-sm);display:flex;font-size:12.5px;gap:12px;gap:var(--jp-s-3);margin-bottom:16px;margin-bottom:var(--jp-s-4);padding:12px 16px;padding:var(--jp-s-3) var(--jp-s-4)}@media (min-width:768px){.alert{font-size:13px}}.alert-success{background:#10b9811f;background:var(--jp-success-bg);border-color:#10b98140;color:#10b981;color:var(--jp-success)}.alert-error{background:#ef44441f;background:var(--jp-danger-bg);border-color:#ef444440;color:#ef4444;color:var(--jp-danger)}.alert-warning{background:#f59e0b1f;background:var(--jp-warning-bg);border-color:#f59e0b40;color:#f59e0b;color:var(--jp-warning)}.alert-info{background:#0ea5e91f;background:var(--jp-info-bg);border-color:#0ea5e940;color:#0ea5e9;color:var(--jp-info)}.modern-modal-overlay{align-items:center;animation:jpFadeIn .2s cubic-bezier(.4,0,.2,1);animation:jpFadeIn .2s var(--jp-ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0e1a8c;display:flex;inset:0;justify-content:center;padding:12px;padding:var(--jp-s-3);position:fixed;z-index:2000}@media (min-width:768px){.modern-modal-overlay{padding:16px;padding:var(--jp-s-4)}}@keyframes jpFadeIn{0%{opacity:0}to{opacity:1}}.modern-modal-container{animation:jpScaleIn .25s cubic-bezier(.34,1.56,.64,1);animation:jpScaleIn .25s var(--jp-ease-bounce);background:#fff;background:var(--jp-white);border-radius:20px;border-radius:var(--jp-r-lg);box-shadow:0 24px 64px #0a1f522e;box-shadow:var(--jp-shadow-xl);display:flex;flex-direction:column;max-height:95vh;max-width:720px;overflow:hidden;width:100%}@media (min-width:768px){.modern-modal-container{max-height:90vh}}@keyframes jpScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-modal-header{align-items:center;background:linear-gradient(180deg,#5082d1,#313aaf 30%,#173e99);background:var(--jp-grad-electric);color:#fff;display:flex;gap:12px;gap:var(--jp-s-3);justify-content:space-between;padding:16px;padding:var(--jp-s-4) var(--jp-s-4)}@media (min-width:768px){.modern-modal-header{gap:16px;gap:var(--jp-s-4);padding:20px;padding:var(--jp-s-5) var(--jp-s-5)}}@media (min-width:1025px){.modern-modal-header{padding:20px 24px;padding:var(--jp-s-5) var(--jp-s-6)}}.modern-modal-header-content{align-items:center;display:flex;gap:12px;gap:var(--jp-s-3);min-width:0}.modern-modal-icon-wrapper{align-items:center;background:#ffffff2e;border-radius:10px;border-radius:var(--jp-r-sm);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}@media (min-width:768px){.modern-modal-icon-wrapper{font-size:18px;height:40px;width:40px}}.modern-modal-title-wrapper{min-width:0}.modern-modal-title-wrapper h3{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}@media (min-width:768px){.modern-modal-title-wrapper h3{font-size:16px}}.modern-modal-subtitle{color:#ffffffbf;display:block;font-size:11px;margin-top:2px}@media (min-width:768px){.modern-modal-subtitle{font-size:11.5px}}.modern-modal-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:10px;border-radius:var(--jp-r-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s;transition:background var(--jp-t-fast);width:32px}@media (min-width:768px){.modern-modal-close-btn{height:34px;width:34px}}.modern-modal-close-btn:hover{background:#ffffff47}.modern-modal-body{flex:1 1;overflow-y:auto;padding:16px;padding:var(--jp-s-4)}@media (min-width:768px){.modern-modal-body{padding:20px;padding:var(--jp-s-5)}}@media (min-width:1025px){.modern-modal-body{padding:24px;padding:var(--jp-s-6)}}.modern-modal-footer{background:#f5f7fb;background:var(--jp-ink-50);border-top:1px solid #173e9914;border-top:1px solid var(--jp-border-subtle);display:flex;flex-wrap:wrap;gap:8px;gap:var(--jp-s-2);justify-content:flex-end;padding:12px 16px;padding:var(--jp-s-3) var(--jp-s-4)}@media (min-width:768px){.modern-modal-footer{padding:16px 20px;padding:var(--jp-s-4) var(--jp-s-5)}}@media (min-width:1025px){.modern-modal-footer{padding:16px 24px;padding:var(--jp-s-4) var(--jp-s-6)}}.modern-tabs{-webkit-overflow-scrolling:touch;background:#f5f7fb;background:var(--jp-ink-50);border-radius:10px;border-radius:var(--jp-r-sm);display:flex;gap:2px;margin-bottom:16px;margin-bottom:var(--jp-s-4);overflow-x:auto;padding:4px}@media (min-width:1025px){.modern-tabs{margin-bottom:20px;margin-bottom:var(--jp-s-5)}}.modern-tab{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--jp-r-xs);color:#4a5578;color:var(--jp-ink-500);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;gap:6px;min-height:36px;padding:8px 12px;transition:all .15s;transition:all var(--jp-t-fast);white-space:nowrap}@media (min-width:768px){.modern-tab{font-size:13px;padding:8px 14px}}.modern-tab:hover{background:#fff9;color:#141a2e;color:var(--jp-ink-800)}.modern-tab.active{background:#fff;background:var(--jp-white);box-shadow:0 1px 2px #0a1f520f;box-shadow:var(--jp-shadow-xs);color:#173e99;color:var(--jp-blue-700);font-weight:600}.modern-info-grid{grid-gap:12px;grid-gap:var(--jp-s-3);display:grid;gap:12px;gap:var(--jp-s-3);grid-template-columns:1fr}@media (min-width:640px){.modern-info-grid{gap:16px;gap:var(--jp-s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (min-width:1025px){.modern-info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.modern-info-card{background:#fff;background:var(--jp-white);border:1px solid #173e9914;border:1px solid var(--jp-border-subtle);border-radius:14px;border-radius:var(--jp-r-md);box-shadow:0 1px 2px #0a1f520f;box-shadow:var(--jp-shadow-xs);overflow:hidden}.modern-info-card-header{align-items:center;background:linear-gradient(180deg,#eef3fc,#0000);background:linear-gradient(180deg,var(--jp-blue-50) 0,#0000 100%);border-bottom:1px solid #173e9914;border-bottom:1px solid var(--jp-border-subtle);display:flex;gap:8px;gap:var(--jp-s-2);padding:12px;padding:var(--jp-s-3) var(--jp-s-3)}@media (min-width:768px){.modern-info-card-header{padding:12px 16px;padding:var(--jp-s-3) var(--jp-s-4)}}.modern-info-icon{color:#313aaf;color:var(--jp-blue-600);font-size:15px}.modern-info-card-header h4{color:#141a2e;color:var(--jp-ink-800);font-size:12px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}@media (min-width:768px){.modern-info-card-header h4{font-size:13px}}.modern-info-content{padding:12px;padding:var(--jp-s-3)}@media (min-width:768px){.modern-info-content{padding:12px 16px;padding:var(--jp-s-3) var(--jp-s-4)}}.modern-info-row{align-items:center;border-bottom:1px dashed #173e9914;border-bottom:1px dashed var(--jp-border-subtle);display:flex;flex-wrap:wrap;gap:12px;gap:var(--jp-s-3);justify-content:space-between;padding:8px 0}.modern-info-row:last-child{border-bottom:none}.modern-info-label{color:#4a5578;color:var(--jp-ink-500);font-size:11px;font-weight:500}@media (min-width:768px){.modern-info-label{font-size:12px}}.modern-info-value{color:#0a0e1a;color:var(--jp-ink-900);font-size:12.5px;font-weight:600;text-align:right;word-break:break-word}@media (min-width:768px){.modern-info-value{font-size:13.5px}}.modern-mono{color:#1e2642;color:var(--jp-ink-700);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--jp-font-mono);font-size:11.5px}@media (min-width:768px){.modern-mono{font-size:12.5px}}.loading-container{color:#4a5578;color:var(--jp-ink-500);gap:12px;gap:var(--jp-s-3);padding:32px;padding:var(--jp-s-8)}@media (min-width:1025px){.loading-container{padding:48px;padding:var(--jp-s-12)}}.spinner{animation:jpSpin .8s linear infinite;border:3px solid #d9e4f7;border-top-color:#313aaf;border:3px solid var(--jp-blue-100);border-top-color:var(--jp-blue-600)}@media (min-width:768px){.spinner{height:36px;width:36px}}@keyframes jpSpin{to{transform:rotate(1turn)}}.empty-state{color:#4a5578;color:var(--jp-ink-500);padding:32px 12px;padding:var(--jp-s-8) var(--jp-s-3)}@media (min-width:768px){.empty-state{padding:40px 16px;padding:var(--jp-s-10) var(--jp-s-4)}}.empty-icon{font-size:40px;margin-bottom:12px;margin-bottom:var(--jp-s-3);opacity:.5}@media (min-width:768px){.empty-icon{font-size:48px}}.empty-state h3{color:#1e2642;color:var(--jp-ink-700);font-size:15px;margin:0 0 4px}@media (min-width:768px){.empty-state h3{font-size:16px}}.empty-state p{font-size:12.5px;margin:0}@media (min-width:768px){.empty-state p{font-size:13px}}.logs-pagination,.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--jp-s-3);justify-content:space-between;padding:12px 0;padding:var(--jp-s-3) 0}@media (min-width:1025px){.logs-pagination,.pagination{padding:16px 0;padding:var(--jp-s-4) 0}}.logs-pagination-info,.pagination-info{color:#4a5578;color:var(--jp-ink-500);font-size:12px;text-align:center;width:100%}@media (min-width:640px){.logs-pagination-info,.pagination-info{font-size:13px;text-align:left;width:auto}}.pagination-controls{align-items:center;display:flex;gap:8px;gap:var(--jp-s-2);justify-content:center;width:100%}@media (min-width:640px){.pagination-controls{justify-content:flex-start;width:auto}}.pagination-btn{background:#fff;background:var(--jp-white);border:1px solid #173e992e;border:1px solid var(--jp-border-strong);border-radius:10px;border-radius:var(--jp-r-sm);color:#1e2642;color:var(--jp-ink-700);cursor:pointer;font-size:12px;font-weight:600;min-height:36px;padding:7px 12px;transition:all .15s;transition:all var(--jp-t-fast)}@media (min-width:768px){.pagination-btn{font-size:12.5px;padding:7px 14px}}.pagination-btn:hover:not(:disabled){background:#eef3fc;background:var(--jp-blue-50);border-color:#5082d1;border-color:var(--jp-blue-500);color:#173e99;color:var(--jp-blue-700)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1a80;inset:0;position:fixed;z-index:999}@media (max-width:479px){.btn{font-size:12px;padding:8px 12px}.btn-sm{font-size:11px;padding:6px 10px}.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1}}@media (min-width:480px) and (max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1440px){:root{--jp-sidebar-w-open:280px}.content-wrapper{margin:0 auto;max-width:1600px;width:100%}}.text-mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--jp-font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px;gap:var(--jp-s-2)}.gap-3{gap:12px;gap:var(--jp-s-3)}.gap-4{gap:16px;gap:var(--jp-s-4)}.hide-mobile{display:none}@media (min-width:1025px){.hide-mobile{display:block}}.show-mobile{display:block}@media (min-width:1025px){.show-mobile{display:none}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c5cde0;background:var(--jp-ink-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a0bd;background:var(--jp-ink-300)}::selection{background:#5082d1;background:var(--jp-blue-500);color:#fff}@media print{.btn,.logs-pagination,.main-header,.mobile-overlay,.pagination,.sidebar-nav{display:none!important}.super-admin-dashboard{grid-template-columns:1fr}.content-wrapper{padding:0}.page-card,.page-card-1,.page-card-2{border:1px solid #ddd;box-shadow:none}}.page-wrapper{padding:1.5rem}.page-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.page-header-section{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.page-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.page-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn-create-sender{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-create-sender:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-width:200px;padding:.625rem 1rem}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-refresh{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-refresh:hover:not(:disabled){background:#e5e7eb;color:#374151}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.system-sender-summary{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1rem 2rem}.summary-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.summary-icon{color:#3b82f6;font-size:1.25rem}.summary-header h4{color:#1f2937;font-size:.95rem;font-weight:600;margin:0}.summary-count{background:#3b82f6;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.summary-list{flex-wrap:wrap}.summary-list,.summary-sender-item{align-items:center;display:flex;gap:.5rem}.summary-sender-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;padding:.375rem .75rem}.sender-name{color:#1f2937;font-weight:600}.sender-status{font-size:.75rem}.sender-status.active{color:#10b981}.sender-status.inactive{color:#9ca3af}.btn-deactivate{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:.25rem;transition:background .2s}.btn-deactivate:hover{background:#ef44441a}.no-senders{font-style:italic}.no-senders,.table-info{color:#6b7280;font-size:.875rem}.table-info{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 2rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #e5e7eb;padding:1rem;vertical-align:middle}.data-table tbody tr:hover{background:#f9fafb}.client-name{color:#1f2937;font-weight:600}.client-email{color:#6b7280;font-size:.75rem}.mono{font-family:monospace;font-size:.8rem}.org-name{color:#1f2937;display:flex;gap:.375rem}.badge,.org-name{align-items:center;font-weight:500}.badge{border-radius:9999px;display:inline-flex;font-size:.75rem;padding:.25rem .625rem}.badge-success{background:#10b9811a;color:#10b981}.badge-info{background:#3b82f61a;color:#3b82f6}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-danger{background:#ef44441a;color:#ef4444}.badge-secondary{background:#e5e7eb;color:#6b7280}.pending-indicator{align-items:center;color:#f59e0b;display:flex;font-size:.7rem;gap:.25rem;margin-top:.25rem}.btn-review,.btn-view{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.btn-review:hover,.btn-view:hover{background:#e5e7eb;color:#374151}.empty-state{color:#6b7280;padding:3rem;text-align:center}.showAlert{align-items:center;display:flex;font-size:.875rem;gap:.75rem;padding:1rem 2rem}.showAlert-error{background:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.btn-retry{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:auto;padding:.375rem .75rem}.btn-retry:hover{background:#dc2626}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:1rem;width:32px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.page-header-section{align-items:stretch}.page-header-actions,.page-header-section{flex-direction:column}.search-input{width:100%}.summary-list{align-items:flex-start;flex-direction:column}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:.75rem .5rem}}.super-admin-organization-clients-page .data-table thead th{background:linear-gradient(135deg,#efeff0,#ecedf0)}.abp-page{max-width:1400px;padding:24px 28px 48px}.abp-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.abp-page-title{color:#0f2c59;font-size:24px;font-weight:800;margin:0 0 4px}.abp-page-sub{color:#64748b;font-size:14px;margin:0}.abp-refresh-btn{align-self:flex-start;background:#0f2c59;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.abp-refresh-btn:hover{background:#1a4a7a}.abp-summary-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.abp-summary-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;flex:1 1;min-width:160px;padding:22px 20px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s}.abp-summary-card:hover{border-color:var(--card-clr);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.abp-summary-card--active{background:#fafffe;border-color:var(--card-clr);box-shadow:0 4px 16px #0000001a}.abp-card-icon{font-size:28px;margin-bottom:8px}.abp-card-count{font-feature-settings:"tnum";font-size:34px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;margin-bottom:4px}.abp-card-label{color:#64748b;font-size:13px;font-weight:500}.abp-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.abp-search-wrap{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:220px;padding:0 14px;transition:border-color .2s}.abp-search-wrap:focus-within{border-color:#0f2c59}.abp-search-icon{color:#94a3b8;font-size:14px}.abp-search-input{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;padding:11px 0;width:100%}.abp-search-input::placeholder{color:#94a3b8}.abp-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s}.abp-select:focus{border-color:#0f2c59}.abp-table-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f2c590d;overflow-x:auto}.abp-table{border-collapse:collapse;font-size:13.5px;min-width:1000px;width:100%}.abp-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:1}.abp-table th{border-bottom:1.5px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.abp-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:13px 14px;vertical-align:middle}.abp-table tr:last-child td{border-bottom:none}.abp-table tr:hover td{background:#f8fafc}.abp-client-name{color:#1e293b;font-size:13.5px;font-weight:600}.abp-client-email{color:#94a3b8;font-size:11.5px;margin-top:2px}.abp-td-org{color:#475569;font-size:13px}.abp-td-payer{color:#1e293b;font-weight:500}.abp-td-date{color:#64748b;font-size:13px;white-space:nowrap}.abp-td-amount{font-feature-settings:"tnum";color:#0f2c59;font-variant-numeric:tabular-nums;font-weight:700}.abp-td-dash{color:#cbd5e1}.abp-sms-granted{font-feature-settings:"tnum";color:#16a34a;font-variant-numeric:tabular-nums;font-weight:700}.abp-admin-note{color:#94a3b8;font-size:11.5px;margin-top:3px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abp-status-badge{border-radius:99px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.abp-view-file-btn{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0284c7;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s;white-space:nowrap}.abp-view-file-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.abp-action-btns{display:flex;flex-wrap:wrap;gap:6px}.abp-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s;white-space:nowrap}.abp-btn--sm{border-radius:6px;font-size:12px;padding:6px 12px}.abp-btn--approve{background:#16a34a;color:#fff}.abp-btn--approve:hover:not(:disabled){background:#15803d}.abp-btn--approve:disabled{cursor:not-allowed;opacity:.5}.abp-btn--reject{background:#dc2626;color:#fff}.abp-btn--reject:hover:not(:disabled){background:#b91c1c}.abp-btn--reject:disabled{cursor:not-allowed;opacity:.5}.abp-btn--secondary{background:#f1f5f9;color:#374151}.abp-btn--secondary:hover{background:#e2e8f0}.abp-pagination{align-items:center;display:flex;font-size:14px;gap:16px;justify-content:center;padding:20px 0 0}.abp-page-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s}.abp-page-btn:hover:not(:disabled){border-color:#0f2c59;color:#0f2c59}.abp-page-btn:disabled{cursor:not-allowed;opacity:.4}.abp-page-info{color:#64748b;font-size:13px}.abp-state-box{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#94a3b8;display:flex;flex-direction:column;font-size:15px;gap:12px;justify-content:center;padding:70px 20px}.abp-spinner{animation:abp-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0f2c59;height:36px;width:36px}@keyframes abp-spin{to{transform:rotate(1turn)}}.abp-overlay{align-items:center;animation:abp-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1c328c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}@keyframes abp-fade-in{0%{opacity:0}to{opacity:1}}.abp-modal{animation:abp-slide-in .25s ease;background:#fff;border-radius:18px;box-shadow:0 24px 64px #00000038;max-height:90vh;max-width:540px;overflow-y:auto;padding:32px 28px;position:relative;width:100%}.abp-modal--narrow{max-width:440px}@keyframes abp-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.abp-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .2s;width:32px}.abp-modal-close:hover{background:#e2e8f0}.abp-modal-title-row{align-items:center;display:flex;gap:10px;margin-bottom:20px}.abp-modal-title{color:#0f2c59;font-size:20px;font-weight:800;margin:0}.abp-modal-title--danger{color:#dc2626}.abp-modal-summary{grid-gap:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:16px}.abp-modal-summary-row{display:flex;flex-direction:column;gap:2px}.abp-modal-summary-row--full{grid-column:1/-1}.abp-modal-summary-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.abp-modal-summary-val{color:#1e293b;font-size:14px;font-weight:500}.abp-modal-summary-amount{font-feature-settings:"tnum";color:#0f2c59;font-variant-numeric:tabular-nums;font-weight:800}.abp-modal-field{margin-bottom:20px}.abp-modal-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.abp-modal-input{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.abp-modal-input:focus{border-color:#0f2c59;box-shadow:0 0 0 3px #0f2c5914}.abp-modal-textarea{min-height:70px;resize:vertical}.abp-modal-hint{color:#94a3b8;font-size:12px;margin:6px 0 0}.abp-quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.abp-quick-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:99px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.abp-quick-btn:hover{border-color:#0f2c59;color:#0f2c59}.abp-quick-btn--active{background:#0f2c59;border-color:#0f2c59;color:#fff}.abp-error-box{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:14px;padding:10px 14px}.abp-modal-actions{display:flex;gap:10px;margin-top:6px}.abp-modal-actions .abp-btn{flex:1 1;justify-content:center}.abp-file-viewer{animation:abp-slide-in .25s ease;background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000038;max-height:90vh;max-width:800px;overflow-y:auto;padding:28px;position:relative;width:100%}.abp-file-viewer-title{color:#0f2c59;font-size:17px;font-weight:700;margin:0 0 18px;padding-right:32px}.abp-file-viewer-img{border-radius:10px;display:block;margin:0 auto;max-height:500px;max-width:100%;object-fit:contain}.abp-open-tab-link{color:#0f2c59;display:inline-block;font-size:14px;font-weight:600;margin-top:14px;text-decoration:none}.abp-open-tab-link:hover{text-decoration:underline}@media (max-width:900px){.abp-page{padding:16px 14px 40px}.abp-summary-cards{gap:10px}.abp-table{min-width:860px}}@media (max-width:600px){.abp-modal-summary{grid-template-columns:1fr}.abp-modal{padding:24px 18px}.abp-modal-actions{flex-direction:column}.abp-summary-card{min-width:120px}.abp-page-header{flex-direction:column}.abp-refresh-btn{width:100%}}