:root{--navy:#06152f;--navy2:#0a234d;--blue:#176bff;--green:#17c88e;--red:#ef5d67;--gold:#e1b75d;--bg:#f5f7fb;--ink:#0d1c35;--muted:#6c7e96;--line:#dfe7f1;--white:#fff;--shadow:0 28px 75px rgba(7,28,62,.15)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.auth-page,.checkout-page,.success-page{min-height:100vh;background:radial-gradient(circle at 82% 8%,#0e408b 0,#071b3a 34%,#040e20 76%);color:#fff}.auth-shell,.checkout-shell,.success-shell{width:min(1120px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;align-items:center;padding-block:35px}.auth-shell{grid-template-columns:1fr 470px;gap:80px}.auth-promo h1,.checkout-copy h1{max-width:650px;margin:18px 0;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-3.2px}.auth-promo h1 em,.checkout-copy h1 em{font-style:normal;color:#74acff}.auth-promo>p,.checkout-copy>p{max-width:600px;color:#a5bad5;line-height:1.75}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#0758df,#0b84ff);font-size:29px;box-shadow:0 10px 25px rgba(20,112,255,.3)}.brand b{color:#69a9ff}.eyebrow{display:flex;align-items:center;gap:8px;margin-top:42px;color:#6ca8ff;font-size:10px;font-weight:900;letter-spacing:1.5px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:590px;margin-top:30px}.promo-grid div{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.05)}.promo-grid b,.promo-grid small{display:block}.promo-grid b{font-size:11px}.promo-grid small{margin-top:3px;color:#829abb;font-size:8px}.auth-card,.checkout-card,.success-card{padding:32px;border:1px solid rgba(255,255,255,.13);border-radius:27px;background:rgba(255,255,255,.075);box-shadow:0 35px 85px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.auth-card h2,.checkout-card h2{margin:6px 0 7px;font-size:29px;letter-spacing:-1px}.card-kicker{color:#73a8ef;font-size:9px;font-weight:900;letter-spacing:1.3px}.card-sub{margin:0 0 23px;color:#8fa7c5;font-size:11px}.field{display:grid;gap:6px;margin-top:13px}.field label{font-size:9px;color:#a8bad1;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.12);outline:0;border-radius:12px;background:rgba(4,16,36,.55);color:#fff;min-height:48px;padding:0 13px;transition:.2s}.field textarea{padding-block:12px;min-height:105px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4d92f5;box-shadow:0 0 0 3px rgba(23,107,255,.12)}.field input::placeholder,.field textarea::placeholder{color:#627b9d}.primary-action{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:14px;background:linear-gradient(135deg,#0c5ee5,#1684ff);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(17,106,244,.27)}.primary-action:disabled{opacity:.6;cursor:progress}.form-status{display:none;margin-top:13px;padding:11px 12px;border-radius:11px;font-size:10px;line-height:1.5}.form-status.show{display:block}.form-status.error{background:rgba(239,93,103,.12);border:1px solid rgba(239,93,103,.2);color:#ff9aa2}.form-status.ok{background:rgba(23,200,142,.11);border:1px solid rgba(23,200,142,.2);color:#7be3ba}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:20px;color:#7892b4;font-size:9px}.auth-links a:hover{color:#fff}.secure-note{display:flex;gap:9px;align-items:flex-start;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#7189aa;font-size:8px}.secure-note b{color:#8fb0d9}.checkout-shell{grid-template-columns:.83fr 1.17fr;gap:75px}.selected-plan{margin-top:28px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.06)}.selected-plan header{display:flex;justify-content:space-between;align-items:start}.selected-plan small{display:block;color:#7291b8;font-size:8px;font-weight:900;letter-spacing:1px}.selected-plan h3{margin:5px 0;font-size:24px}.selected-plan .plan-price{font-size:28px;font-weight:900}.selected-plan .plan-price span{font-size:9px;font-weight:500;color:#8299b7}.selected-plan ul{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:6px}.selected-plan li{color:#9db0c8;font-size:9px}.selected-plan li:before{content:"✓";color:#4cdda9;margin-right:7px;font-weight:900}.checkout-card{background:rgba(255,255,255,.09)}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.checkout-grid .full{grid-column:1/-1}.payment-seal{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:17px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.12)}.payment-seal i{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:rgba(23,200,142,.1);color:#5ddfae;font-style:normal}.payment-seal b,.payment-seal span{display:block}.payment-seal b{font-size:9px}.payment-seal span{font-size:8px;color:#738cae}.success-shell{max-width:780px}.success-card{text-align:center;padding:48px}.success-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:23px;background:rgba(23,200,142,.12);border:1px solid rgba(23,200,142,.22);color:#58dfad;font-size:31px}.success-card h1{margin:8px 0;font-size:38px;letter-spacing:-1.6px}.success-card>p{max-width:580px;margin:0 auto;color:#92abc9;line-height:1.65;font-size:12px}.order-state{margin:25px auto;padding:18px;max-width:520px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(0,0,0,.13)}.order-state b,.order-state span{display:block}.order-state b{font-size:13px}.order-state span{margin-top:4px;color:#829bbb;font-size:9px}.success-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.success-actions a{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;border-radius:13px;font-size:10px;font-weight:900}.success-actions .main{background:#fff;color:#071831}.success-actions .ghost{border:1px solid rgba(255,255,255,.16);color:#fff}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* dashboard */
.dashboard-page{min-height:100vh;background:#edf2f8;color:var(--ink)}.dash-layout{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:23px 15px;background:linear-gradient(180deg,#06152f,#081d3e 72%,#092653);color:#fff;overflow-y:auto}.sidebar .brand{padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px}.sidebar .brand-mark{width:35px;height:35px;font-size:25px}.nav-group{margin-top:22px}.nav-label{display:block;padding:0 10px 8px;color:#58769d;font-size:7px;font-weight:900;letter-spacing:1.2px}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.sidebar nav button{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#8fa8c8;font-size:10px;font-weight:750;cursor:pointer;text-align:left}.sidebar nav a:hover,.sidebar nav a.active,.sidebar nav button:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar nav i{font-style:normal;width:18px;text-align:center}.sidebar-bottom{margin-top:28px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.04)}.sidebar-bottom small,.sidebar-bottom b{display:block}.sidebar-bottom small{color:#6381a7;font-size:7px}.sidebar-bottom b{margin-top:3px;font-size:9px}.workspace{min-width:0;padding:28px 32px 55px}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.workspace-header small{color:#7c8ca0;font-size:8px;font-weight:900;letter-spacing:1px}.workspace-header h1{margin:2px 0 1px;font-size:29px;letter-spacing:-1px}.workspace-header p{margin:0;color:#8392a5;font-size:10px}.header-actions{display:flex;gap:8px}.soft-button,.dark-button,.danger-button{border:1px solid #d6e0ec;border-radius:11px;background:#fff;color:#233955;min-height:40px;padding:0 13px;font-size:9px;font-weight:850;cursor:pointer}.dark-button{border-color:var(--blue);background:var(--blue);color:#fff}.danger-button{border-color:#f1c6ca;color:#d34d58}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:17px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 7px 28px rgba(27,49,80,.045)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#edf4ff;color:var(--blue);font-size:14px}.metric-top small{font-size:7px;color:#8a99aa;font-weight:900}.metric b{display:block;margin-top:12px;font-size:24px;letter-spacing:-.7px}.metric>small{color:#8a98aa;font-size:8px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.panel{padding:20px;border:1px solid #dbe4ef;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(25,47,78,.045)}.panel.wide{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:17px}.panel-head small{display:block;color:#8291a4;font-size:7px;font-weight:900;letter-spacing:1px}.panel-head h2{margin:3px 0 0;font-size:18px;letter-spacing:-.4px}.pill{padding:5px 8px;border-radius:99px;background:#eff3f7;color:#74869c;font-size:7px;font-weight:900}.pill.ok{background:#e9faf4;color:#159c6f}.pill.warn{background:#fff4df;color:#b2791e}.pill.off{background:#f7edf0;color:#c45a65}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dash-field{display:grid;gap:5px;margin-top:9px}.dash-field label{font-size:8px;color:#687b92;font-weight:800}.dash-field input,.dash-field select,.dash-field textarea{width:100%;border:1px solid #d8e2ed;outline:0;border-radius:10px;background:#f9fbfd;color:#142944;min-height:43px;padding:0 11px;font-size:10px}.dash-field textarea{padding-block:10px;min-height:88px;resize:vertical}.dash-field input:focus,.dash-field select:focus,.dash-field textarea:focus{border-color:#76a9f7;box-shadow:0 0 0 3px rgba(23,107,255,.08)}.check-row{display:flex;gap:8px;align-items:flex-start;margin-top:11px;color:#708197;font-size:8px;line-height:1.45}.check-row input{margin-top:1px}.form-action{display:flex;justify-content:flex-end;margin-top:13px}.form-action button{min-height:40px;padding:0 15px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.form-action button:disabled{opacity:.55}.provider-list{display:grid;gap:8px}.provider{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #e0e7f0;border-radius:12px}.provider>i{width:9px;height:9px;border-radius:50%;background:#aeb9c7}.provider.online>i{background:#21bf87;box-shadow:0 0 0 5px rgba(33,191,135,.08)}.provider b,.provider small{display:block}.provider b{font-size:10px}.provider small{color:#8494a7;font-size:7px}.provider strong{font-size:7px;color:#708198}.channel-list,.campaign-list{display:grid;gap:8px}.channel-row,.campaign-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #e0e7ef;border-radius:12px}.channel-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e9faf4;color:#14a975}.channel-row b,.channel-row small,.campaign-row b,.campaign-row small{display:block}.channel-row b,.campaign-row b{font-size:10px}.channel-row small,.campaign-row small{margin-top:2px;color:#8494a6;font-size:7px}.row-actions{display:flex;gap:5px}.row-actions button{min-height:31px;border:1px solid #d9e2ec;border-radius:8px;background:#fff;color:#40556f;padding:0 8px;font-size:7px;font-weight:850;cursor:pointer}.row-actions button.primary{background:#0e70f6;border-color:#0e70f6;color:#fff}.row-actions button.danger{color:#d5515d}.empty{padding:24px;border:1px dashed #d2dce8;border-radius:13px;text-align:center;color:#8696a9;font-size:9px}.notice{display:none;margin-bottom:13px;padding:11px 13px;border-radius:11px;font-size:9px}.notice.show{display:block}.notice.ok{background:#e9faf4;color:#137e5d;border:1px solid #cceee2}.notice.error{background:#fff0f1;color:#bd4550;border:1px solid #f0d0d3}.campaign-fields[data-media="false"] .media-only{display:none}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.module-card{padding:13px;border:1px solid #dfe7ef;border-radius:12px}.module-card b,.module-card small{display:block}.module-card b{font-size:9px}.module-card small{margin-top:3px;color:#8595a7;font-size:7px}.module-card.enabled{border-color:#bfe8d9;background:#f6fcfa}.module-card.enabled b{color:#12835f}@media(max-width:1000px){.auth-shell,.checkout-shell{grid-template-columns:1fr;gap:35px}.auth-promo,.checkout-copy{text-align:center}.auth-promo .brand,.checkout-copy .brand,.auth-promo .eyebrow,.checkout-copy .eyebrow{justify-content:center}.auth-promo>p,.checkout-copy>p,.promo-grid,.selected-plan{margin-inline:auto}.auth-card,.checkout-card{width:min(100%,560px);margin-inline:auto}.dash-layout{grid-template-columns:80px 1fr}.sidebar{padding:18px 9px}.sidebar .brand span:last-child,.sidebar .nav-label,.sidebar nav a span,.sidebar nav button span,.sidebar-bottom{display:none}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar nav a,.sidebar nav button{justify-content:center;padding:0}.workspace{padding-inline:20px}.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.auth-shell,.checkout-shell{width:min(100% - 22px,1120px);padding-block:20px}.auth-promo h1,.checkout-copy h1{font-size:40px;letter-spacing:-2px}.auth-promo>p,.checkout-copy>p{font-size:12px}.promo-grid{grid-template-columns:1fr}.auth-card,.checkout-card{padding:23px;border-radius:21px}.checkout-grid{grid-template-columns:1fr}.checkout-grid .full{grid-column:auto}.success-card{padding:32px 20px}.success-card h1{font-size:31px}.success-actions{flex-direction:column}.success-actions a{justify-content:center}.dash-layout{display:block}.sidebar{position:sticky;top:0;z-index:30;width:100%;height:auto;padding:8px 11px;display:flex;align-items:center;gap:8px;overflow:hidden}.sidebar .brand{border:0;padding:0;margin-right:auto}.sidebar .brand-mark{width:32px;height:32px}.sidebar .brand span:last-child{display:block;font-size:13px}.nav-group{margin:0}.sidebar .nav-group:nth-of-type(1){display:block}.sidebar .nav-group:nth-of-type(1) .nav-label{display:none}.sidebar nav{display:flex}.sidebar nav a{display:none}.sidebar nav a:first-child{display:flex;width:35px}.sidebar .nav-group:nth-of-type(n+2),.sidebar-bottom{display:none}.workspace{padding:17px 12px 45px}.workspace-header{align-items:flex-start}.workspace-header h1{font-size:24px}.header-actions .soft-button{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric b{font-size:20px}.panel-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.form-row{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}.channel-row,.campaign-row{grid-template-columns:auto 1fr}.row-actions{grid-column:1/-1;justify-content:flex-end}.panel{padding:15px}.provider{grid-template-columns:auto 1fr}.provider strong{display:none}}

.qr-modal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:18px;background:rgba(3,12,28,.78);backdrop-filter:blur(10px)}.qr-modal.show{display:grid}.qr-dialog{position:relative;width:min(100%,390px);padding:27px;border:1px solid #dce5f0;border-radius:24px;background:#fff;color:#0d1c35;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.32)}.qr-close{position:absolute;right:13px;top:11px;width:34px;height:34px;border:0;border-radius:10px;background:#f0f4f8;color:#53657c;font-size:20px;cursor:pointer}.qr-dialog>small{color:#176bff;font-size:8px;font-weight:950;letter-spacing:1.2px}.qr-dialog h3{margin:7px 0 5px;font-size:23px}.qr-dialog p{margin:0 auto;color:#718196;font-size:10px;line-height:1.55}.qr-image{display:block;width:min(100%,270px);aspect-ratio:1;margin:18px auto 11px;border:10px solid #f6f8fb;border-radius:15px;image-rendering:auto}.qr-expiry{display:block;color:#7e8ea3;font-size:8px}

.contact-list{display:grid;gap:8px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.contact-row>label{display:flex;align-items:flex-start;gap:9px;min-width:0}.contact-row input{margin-top:3px}.contact-row b,.contact-row small{display:block}.contact-row b{font-size:10px}.contact-row small{margin-top:2px;color:#8393a6;font-size:7px}.contact-row.opted-out{background:#fafbfc;opacity:.72}.danger-mini{border:1px solid #f0cfd2;border-radius:8px;background:#fff;color:#cc5260;min-height:30px;padding:0 8px;font-size:7px;font-weight:850;cursor:pointer}.contact-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-link{border:0;background:transparent;color:#176bff;font-size:8px;font-weight:900;cursor:pointer}.contact-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:230px;overflow:auto;padding:8px;border:1px solid #dbe4ee;border-radius:11px;background:#f8fafc}.picker-contact{display:flex;gap:7px;align-items:flex-start;padding:9px;border:1px solid #e1e8f0;border-radius:9px;background:#fff;cursor:pointer}.picker-contact b,.picker-contact small{display:block}.picker-contact b{font-size:8px}.picker-contact small{color:#8494a6;font-size:7px}@media(max-width:650px){.contact-picker{grid-template-columns:1fr}.contact-row{align-items:flex-start}.danger-mini{flex:0 0 auto}}

.pabx-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.extension-list{display:grid;gap:8px}.extension-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e0e7ef;border-radius:12px}.extension-number{display:grid;place-items:center;min-width:44px;height:38px;padding:0 8px;border-radius:10px;background:#eaf2ff;color:#176bff;font-size:11px;font-weight:950}.extension-row b,.extension-row small{display:block}.extension-row b{font-size:10px}.extension-row small{margin-top:2px;color:#8091a5;font-size:7px}.fixed-number-box{padding:17px;border:1px solid #dce5ef;border-radius:15px;background:#f8fafc}.fixed-number-box>small{color:#176bff;font-size:7px;font-weight:950;letter-spacing:1px}.fixed-number-box h3{margin:5px 0;font-size:16px}.fixed-number-box>p{margin:0 0 10px;color:#718399;font-size:8px;line-height:1.55}.pabx-request-status{margin-top:12px;padding:10px;border:1px dashed #d5dfeb;border-radius:10px;color:#7b8ca1;font-size:8px}.pabx-request-status b,.pabx-request-status span{display:block}.sip-dialog{width:min(100%,470px)}.sip-secret{display:grid;grid-template-columns:75px 1fr;gap:7px 10px;align-items:center;margin:18px 0;padding:14px;border:1px solid #dce5ef;border-radius:12px;background:#f7f9fc;text-align:left}.sip-secret label{font-size:8px;color:#6f8197;font-weight:900}.sip-secret code{min-width:0;overflow-wrap:anywhere;padding:7px;border-radius:7px;background:#eaf0f7;color:#132c4b;font-size:9px}@media(max-width:760px){.pabx-grid{grid-template-columns:1fr}.extension-row{grid-template-columns:auto 1fr}.extension-row .danger-mini{grid-column:1/-1;justify-self:end}.sip-secret{grid-template-columns:1fr}.sip-secret label{margin-top:4px}}