/* Applications and the TV connection path. */
.apps-section .platform-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.client-choice-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:-5px 0 23px}.client-choice-tabs>button{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #d3e3c6;background:#f8fcf2;border-radius:12px;color:#7b9467;font:500 14px/1.5 var(--font);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.client-choice-tabs>button>span{display:grid;place-items:center;width:24px;height:25px;background:#e4efd8;border:1px solid #d2e3c2;border-radius:7px;font-weight:700;color:#73945e;font-size:15px}.client-choice-tabs>button[aria-pressed=true]{background:#fffef8;color:#315e37;border-color:#8caf74;box-shadow:0 3px 0 #cbdfba}.client-choice-tabs>button[aria-pressed=true]>span{background:#315b3b;border-color:#315b3b;color:#d5efba}.client-choice-tabs button:focus-visible{outline:3px solid #98bf7a;outline-offset:3px}.tv-apple-note{padding:15px 17px;border:1px solid #d4e4c5;background:#eaf2e0;border-radius:11px;font-size:12px!important;line-height:1.8!important;color:#7b906a!important;margin:17px 0!important}.tv-landing-feature{display:grid;grid-template-columns:.8fr 1.3fr;gap:50px;align-items:center;padding:42px;border:1px solid #ccdcbc;border-radius:24px;background:linear-gradient(125deg,#e0edd4,#f6f9ee);margin:33px 0 24px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 4px 0 #d7e5ca}.tv-landing-art{position:relative;height:285px;perspective:850px;min-width:0;isolation:isolate}.tv-landing-art:before{content:'';position:absolute;inset:0;background:#d0e2bd;border-radius:50%;transform:rotate(-15deg) scaleY(.8);z-index:-1;border:1px solid #c2d6ad}.tv-landing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:32px;height:195px;border:8px solid #6f8e60;border-radius:18px;background:linear-gradient(125deg,#234c34,#487449);box-shadow:5px 7px 0 #a7be90,0 18px 32px #33552b22;transform:rotateY(-12deg) rotate(-5deg);color:#cae8ad}.tv-landing-screen>span{font-size:8px;letter-spacing:.14em;color:#bed7a7;margin-bottom:15px}.tv-landing-screen>b{font-size:39px;letter-spacing:.18em;font-weight:500;line-height:1.2}.tv-landing-screen>small{font-size:6px;letter-spacing:.13em;margin-top:13px;opacity:.5}.tv-landing-screen>svg{position:absolute;right:15px;bottom:15px;height:27px;width:27px;stroke:currentColor;stroke-width:1;fill:none;opacity:.35}.tv-landing-stand{position:absolute;left:40%;bottom:30px;height:27px;width:65px;background:#7b996a;border-radius:0 0 12px 12px;z-index:-1;transform:rotate(-5deg)}.tv-landing-tag{position:absolute;right:-12px;bottom:23px;background:#f7fbea;border:1px solid #cddfbc;color:#72995a;box-shadow:0 4px 0 #bfcead;transform:rotate(8deg);font-size:10px;font-weight:600;letter-spacing:.09em;padding:13px 18px;border-radius:9px}.tv-landing-copy .eyebrow{font-size:9px;color:#86a16f;letter-spacing:.1em;line-height:1.8}.tv-landing-copy>h3{font-size:37px;font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:17px 0;color:#2a5236}.tv-landing-copy>p{font-size:14px;line-height:1.8;color:#779068;max-width:600px;margin:0 0 20px}.tv-landing-copy>ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:23px 0 27px;counter-reset:tv}.tv-landing-copy li{position:relative;padding-top:32px;counter-increment:tv}.tv-landing-copy li:before{content:'0'counter(tv);position:absolute;top:0;left:0;color:#9eb28a;font-size:12px;font-weight:500}.tv-landing-copy li>b{display:block;font-size:13px;line-height:1.5;font-weight:600;color:#44683b}.tv-landing-copy li>span{display:block;font-size:11px;line-height:1.7;color:#8b9f78;margin-top:7px}.tv-landing-copy>.button{display:inline-flex;align-items:center;gap:25px;font-size:14px;min-height:53px;border-radius:11px}.tv-landing-copy>.tv-landing-apple{font-size:11px;margin:17px 0 0;color:#92a480;line-height:1.8}.faq-list p>a{color:#376b40;text-decoration:underline;text-underline-offset:4px;font-weight:500}
/* Cabinet invitations and subscription toolbar. */
.dashboard-page .telegram-nudge{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:22px;background:linear-gradient(120deg,#e4f0de,#f0f6e7);border:1px solid #cfe2c2;border-radius:21px;padding:25px 28px;box-shadow:0 3px 0 #dfebd2;margin-bottom:27px}.telegram-nudge:after{content:'';position:absolute;right:7%;top:-165px;height:290px;width:290px;border:1px solid #a1c38c22;border-radius:50%;box-shadow:0 0 0 25px #abc99508;z-index:-1}.telegram-nudge-art{position:relative;height:70px;width:66px;flex-shrink:0}.telegram-nudge-art>span{display:grid;place-items:center;position:absolute;inset:0 6px 8px 0;background:linear-gradient(130deg,#e0f3dd,#abd4a5);border:1px solid #bfdcb6;box-shadow:0 4px 0 #b1cba1,0 12px 25px #3c673515;border-radius:18px;transform:rotate(-9deg);color:#5c8e54}.telegram-nudge-art>span>svg{height:32px;width:32px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(9deg)}.telegram-nudge-art>i{position:absolute;bottom:0;right:0;display:grid;place-items:center;height:28px;width:28px;background:#faffef;border:1px solid #c8dcb8;border-radius:9px;color:#74935e;box-shadow:0 3px 0 #c5d6b5}.telegram-nudge-art>i>svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.3}.telegram-nudge-copy>span{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.7;letter-spacing:.09em;font-weight:600;color:#90a57c;margin-bottom:8px}.telegram-nudge-copy>span>small{font-size:7px;border:1px solid #c5d9b3;border-radius:20px;letter-spacing:.06em;padding:3px 7px;color:#95aa80;font-weight:500}.dashboard-page .telegram-nudge-copy>b{display:block;font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.025em;color:#2c5438}.dashboard-page .telegram-nudge-copy>p{font-size:14px;line-height:1.8;color:#7c936b;margin:9px 0 0;max-width:550px}.dashboard-page .telegram-nudge>.cabinet-button{font-size:14px;min-height:52px;padding-inline:19px;gap:18px;box-shadow:0 3px 0 #bdd3ab;border-radius:11px}.subscriptions-toolbar{display:flex;align-items:center;gap:22px;padding:25px 28px;border:1px solid #d1e2c4;border-radius:21px;background:linear-gradient(125deg,#e9f2df,#f4f8ee);box-shadow:0 3px 0 #e1ecd6;margin-bottom:29px}.subscriptions-toolbar-symbol{display:grid;place-items:center;width:52px;height:56px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#e7f2d9,#c7e0af);border:1px solid #c8dcb5;box-shadow:0 4px 0 #bfd2ac;transform:rotate(-6deg);color:#759a5d}.subscriptions-toolbar-symbol>svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.2;fill:none;transform:rotate(6deg)}.subscriptions-toolbar .cabinet-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:8px}.subscriptions-toolbar h2{font-size:24px;letter-spacing:-.035em;line-height:1.3;font-weight:600;margin:0}.subscriptions-toolbar p{font-size:14px;color:#7b906b;line-height:1.8;margin:9px 0 0}.subscriptions-toolbar .cabinet-button{margin-left:auto;flex-shrink:0;font-size:14px;gap:11px;min-height:52px;border-radius:11px;box-shadow:0 3px 0 #bfd1ad}.subscriptions-toolbar .cabinet-button>svg:first-child{width:17px;height:17px}
/* Connection key card and TV controls. */
.dashboard-page .connection-card{display:grid;grid-template-columns:65px 1fr auto;gap:25px;align-items:center;padding:29px;border:1px solid #cedfbe;border-radius:22px;background:linear-gradient(120deg,#f7fbed,#edf5e2);box-shadow:0 4px 0 #e0ead1;position:relative;isolation:isolate;overflow:hidden}.connection-card:after{content:'';position:absolute;right:-100px;bottom:-180px;height:350px;width:350px;border:1px solid #9dbc8022;border-radius:50%;z-index:-1;box-shadow:0 0 0 30px #a9c58d08}.connection-card-symbol{width:63px;height:67px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(130deg,#3c6c46,#254d34);color:#d2eab8;border:1px solid #708e5c;border-radius:18px;box-shadow:0 5px 0 #bfd3aa,0 13px 25px #2d5a3820;transform:rotate(-7deg)}.connection-card-symbol>svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.1;transform:rotate(7deg)}.connection-card-copy{min-width:0}.dashboard-page .connection-card-copy>.cabinet-eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:10px}.dashboard-page .connection-card-copy>h3{font-size:27px;letter-spacing:-.035em;line-height:1.3;margin:0}.dashboard-page .connection-card-copy>p{font-size:14px;line-height:1.8;margin:12px 0 17px;color:#829772;max-width:570px}.connection-card-key{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dae6ce;background:#fffef9aa;border-radius:11px;max-width:570px;flex-wrap:wrap}.connection-card-key>svg{width:17px;height:17px;stroke:#8da778;stroke-width:1.2;fill:none}.connection-card-key>span{font-size:12px;color:#64854e;font-weight:500}.connection-card-key>b{font-size:11px;letter-spacing:.1em;color:#a6b894;margin-left:auto}.connection-card-key>small{font-size:9px;color:#a4b293}.connection-card-actions{display:grid;gap:13px;min-width:225px}.dashboard-page .connection-card-actions>.cabinet-button{min-height:53px;font-size:14px;justify-content:space-between;gap:12px;border-radius:11px;box-shadow:0 3px 0 #c2d7ac}.connection-tv-button{display:flex;align-items:center;gap:9px;background:transparent;color:#73915b;border:0;font:500 12px/1.7 var(--font);cursor:pointer;padding:9px 0;text-align:left}.connection-tv-button>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}.connection-tv-button>svg:last-child{width:14px;height:14px;margin-left:auto}.cabinet-tv-strip{display:flex;align-items:center;gap:20px;border:1px solid #d4e3c7;border-radius:19px;background:#edf5e4;padding:23px 26px;margin-bottom:25px}.cabinet-tv-strip>span{height:47px;width:50px;display:grid;place-items:center;flex-shrink:0;background:#dceacb;border:1px solid #cfdfbf;border-radius:13px;color:#7d9f63;box-shadow:0 3px 0 #c9dbb8}.cabinet-tv-strip>span>svg{height:29px;width:29px;stroke:currentColor;stroke-width:1.2;fill:none}.cabinet-tv-strip b{display:block;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.025em}.cabinet-tv-strip p{font-size:13px;line-height:1.8;color:#7e946c;margin:6px 0 0}.cabinet-tv-strip>.cabinet-button{margin-left:auto;flex-shrink:0;min-height:48px;font-size:13px;gap:12px}.pass-back{cursor:pointer}.connect-client-choices{margin-bottom:22px}.connect-client-choices>span{display:block;font-size:9px;line-height:1.8;letter-spacing:.09em;color:#8ca279;margin-bottom:11px;font-weight:600}.connect-client-choices>div{display:flex;gap:7px;flex-wrap:wrap}.connect-client-choices button{border:1px solid #d2e2c4;background:#f7fbf0;color:#7e986b;border-radius:9px;padding:8px 12px;font:500 12px/1.6 var(--font);cursor:pointer}.connect-client-choices button[aria-pressed=true]{background:#315b3d;border-color:#315b3d;color:#edf7e1;box-shadow:0 3px 0 #c9dbb8}.connect-tv-shortcut{display:flex;align-items:center;gap:10px;padding:12px 0 17px;border:0;border-top:1px solid #dfebd4;background:transparent;color:#6d8f55;font:500 13px/1.8 var(--font);width:100%;cursor:pointer}.connect-tv-shortcut>svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.3;fill:none}.connect-tv-shortcut>svg:last-child{margin-left:auto;width:15px;height:15px}.tv-pairing-visual{display:flex;align-items:center;justify-content:center;gap:23px;min-height:130px;margin:0 0 24px}.tv-pairing-screen{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px 11px;padding:20px 23px;background:linear-gradient(130deg,#315d3c,#477248);border:4px solid #8aa574;border-radius:14px;box-shadow:3px 4px 0 #bdcda7;transform:rotate(-6deg);color:#d0e9b5;min-width:195px}.tv-pairing-screen>svg{height:26px;width:26px;stroke:currentColor;stroke-width:1.1;fill:none;grid-row:1/3}.tv-pairing-screen>span{font-size:11px;line-height:1.5}.tv-pairing-screen>b{font-size:20px;line-height:1.2;letter-spacing:.14em;font-weight:500}.tv-pairing-arrow>svg{width:25px;height:25px;stroke:#a6be90;stroke-width:1.3;fill:none;transform:rotate(180deg)}.tv-pairing-phone{display:grid;place-items:center;width:49px;height:80px;background:linear-gradient(130deg,#e2efcf,#bed7a3);border:4px solid #96af80;border-radius:14px;box-shadow:3px 3px 0 #c7d7b5;transform:rotate(8deg);color:#74985a}.tv-pairing-phone>svg{height:25px;width:25px;fill:none;stroke:currentColor;stroke-width:1.3}.tv-selected-sub{background:#eaf3dd;border:1px solid #d3e4c3;padding:16px 18px;border-radius:12px;margin-bottom:23px}.tv-selected-sub>span{display:block;font-size:8px;letter-spacing:.1em;color:#8fa37c;font-weight:600;line-height:1.7}.tv-selected-sub>b{display:block;font-size:19px;line-height:1.5;letter-spacing:-.025em;font-weight:600;margin:7px 0;color:#3c6638}.tv-selected-sub>small{display:block;font-size:12px;line-height:1.8;color:#8ba076}.tv-pairing-steps{list-style:none;counter-reset:pair;padding:0;margin:0 0 25px}.tv-pairing-steps li{counter-increment:pair;position:relative;padding:0 0 17px 38px;margin-bottom:13px;border-bottom:1px solid #e1ead8}.tv-pairing-steps li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.tv-pairing-steps li:before{content:counter(pair);position:absolute;left:0;top:0;width:25px;height:27px;display:grid;place-items:center;background:#e4efd6;color:#8ba573;border:1px solid #d2e3c1;border-radius:8px;font-size:11px;font-weight:500}.tv-pairing-steps b{display:block;font-size:14px;font-weight:600;line-height:1.6;color:#456b3b}.tv-pairing-steps span,.tv-pairing-steps a{display:block;font-size:12px;line-height:1.8;color:#859b72;margin-top:5px}.tv-pairing-steps a{display:flex;align-items:center;gap:5px;color:#688b50}.tv-pairing-steps svg{height:13px;width:13px;stroke:currentColor;stroke-width:1.5;fill:none}#tv-code-form>label{display:block;font-size:13px;color:#6b8758;line-height:1.8;margin-bottom:11px}#tv-code{width:100%;border:1px solid #bcd3a8;border-radius:12px;background:#fffef9;padding:16px 20px;font:500 28px/1.5 var(--font);letter-spacing:.35em;text-align:center;color:#3b663a;min-height:71px;text-transform:uppercase}#tv-code:focus{outline:3px solid #9cbd81;outline-offset:3px}#tv-code::placeholder{color:#bbc9ab}#tv-code-form>small{display:block;font-size:11px;line-height:1.8;color:#9aac88;margin-top:10px;text-align:center}.tv-sent-note{padding:22px;background:#e9f2df;border:1px solid #d2e4c2;border-radius:13px;font-size:15px;line-height:1.9;color:#6f8a5e;margin-bottom:23px}
/* Payment category picker. */
.payment-group-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 19px}.payment-group-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:17px 9px;background:#f5f9ee;border:1px solid #d6e5c8;border-radius:14px;color:#90a47d;font:inherit;text-align:center;cursor:pointer;box-shadow:0 2px 0 #e2ecd8;transition:background .2s,color .2s,box-shadow .2s}.payment-group-tabs>button>span{display:grid;place-items:center;height:34px;width:34px;border:1px solid #d7e5ca;border-radius:11px;background:#eaf2df;box-shadow:0 2px 0 #d7e4c9}.payment-group-tabs svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.3;fill:none}.payment-group-tabs b{font-size:13px;font-weight:600;line-height:1.5}.payment-group-tabs small{font-size:9px;line-height:1.7;color:inherit;opacity:.65}.payment-group-tabs>button[aria-selected=true]{background:linear-gradient(130deg,#2b553a,#477449);color:#eff8e3;border-color:#587d4d;box-shadow:0 4px 0 #c2d7ac,inset 0 1px 0 #e3f6cc44}.payment-group-tabs>button[aria-selected=true]>span{background:#b9d49b1a;border-color:#b6d79444;color:#cae6ad;box-shadow:0 2px 0 #224b3266}.payment-provider-group{display:grid;gap:10px}.payment-provider-group>label{min-height:78px}.payment-group-tabs button:focus-visible{outline:3px solid #8db570;outline-offset:3px}.provider-symbol.provider-crypto{background:#dceadc;color:#6b8e69;border-color:#cadcc7}.provider-symbol.provider-lzt{background:#e6e9d3;color:#8a9163;border-color:#d8ddbd}.dashboard-page .checkout-providers label small{font-size:12px}.payment-method-label{font-size:13px;color:#7c9469;margin-bottom:13px}
/* Real SVG flags, no platform emoji. */
.country-code{padding:5px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f2f7e9,#e3eed5);min-width:44px;width:44px;height:37px;border-color:#d2e2c1;box-shadow:0 3px 0 #d2e1c3}.country-code>img{display:block;width:32px;height:24px;object-fit:cover;border-radius:4px;border:1px solid #64784a18;box-shadow:0 1px 3px #2c4d2e15}.country-code>b{display:none;font-size:11px;font-weight:600}.country-code:not(:has(img))>b{display:block}.network-countries summary .country-code{height:37px}
/* Primary connect action. */
.tariff-choose,.featured .tariff-choose{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:68px;border:1px solid #426e42;border-radius:14px;padding:13px 15px;color:#f1fae7;background:linear-gradient(125deg,#214c33,#3f7046 65%,#315c3b);box-shadow:0 4px 0 #b7d29f,0 10px 21px -17px #244d3580,inset 0 1px 0 #cbe7aa55;transition:transform .2s,box-shadow .2s,filter .2s}.tariff-choose:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#f3ffdf12 45%,transparent 65%);transform:translateX(-120%);transition:transform .65s;pointer-events:none;z-index:-1}.connect-cta-power{display:grid;place-items:center;width:35px;height:37px;border:1px solid #9dcb7c66;border-radius:11px;background:#b4e19a1a;color:#d5f3b8;box-shadow:0 0 13px #a4de7920,inset 0 1px 0 #d9efb533;flex-shrink:0}.connect-cta-power>svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.4;fill:none}.connect-cta-copy{display:block;flex:1;min-width:0}.connect-cta-copy>b{display:block;font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.02em}.connect-cta-copy>small{display:block;font-size:9px;line-height:1.6;color:#bdd6a9;margin-top:2px;font-weight:400}.connect-cta-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #b4d39a33;background:#d5efb50c;color:#d6edbd;flex-shrink:0;margin-left:auto}.connect-cta-arrow>svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.tariff-choose:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #b0cc96,0 15px 28px -18px #244d3560;filter:brightness(1.04)}.tariff-choose:hover:after{transform:translateX(120%)}.tariff-choose:hover .connect-cta-power{box-shadow:0 0 17px #a4de7940,inset 0 1px 0 #d9efb533}.tariff-choose:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 0 #b7d29f}.tariff-choose:disabled{background:#e9f2df;border-color:#d5e4c6;box-shadow:none;color:#90a47e}.pass-back-connect{background:linear-gradient(125deg,#254f35,#416e44);box-shadow:0 4px 0 #aec894,inset 0 1px 0 #d0e5b544;border-color:#557b49;border-radius:12px}.pass-back-connect>svg{padding:6px;box-sizing:content-box;width:16px;height:16px;border:1px solid #c5dcaa44;border-radius:50%;background:#d2e7b513}
/* White-list onboarding and payment receipts. */
.dashboard-page .traffic-empty{display:grid;grid-template-columns:.8fr 1.25fr;gap:38px;align-items:center;padding:40px;background:linear-gradient(125deg,#edf5e3,#fbfdf6);border:1px solid #d0e2c2;border-radius:23px;box-shadow:0 4px 0 #e1ecd5;text-align:left}.traffic-empty-art{height:260px;position:relative;isolation:isolate;min-width:0}.traffic-empty-art:before{content:'';position:absolute;inset:15px -10px 0;background:#e0edcf;border:1px solid #cbdcb7;border-radius:50%;transform:rotate(-15deg);z-index:-1}.traffic-empty-pass{position:absolute;left:0;right:27px;top:40px;height:143px;border:1px solid #d3e0c2;border-radius:15px;padding:19px;background:linear-gradient(125deg,#f6fae9,#c9dfa9);box-shadow:0 4px 0 #b8cc9a;transform:rotate(-11deg);color:#7a995d}.traffic-empty-pass>span{font-size:17px;letter-spacing:-.04em;font-weight:600}.traffic-empty-pass svg{position:absolute;right:17px;bottom:16px;height:37px;width:37px;stroke:currentColor;stroke-width:.9;fill:none;opacity:.5}.traffic-empty-pack{position:absolute;left:30px;right:0;top:85px;padding:20px;background:linear-gradient(125deg,#2b5539,#4e794b);color:#cde9b2;border:1px solid #6c8e59;border-radius:17px;transform:rotate(8deg);box-shadow:0 5px 0 #aac38f,0 15px 28px -10px #31552a22}.traffic-empty-pack>svg{position:absolute;right:18px;top:18px;height:31px;width:31px;stroke:currentColor;stroke-width:1;fill:none;opacity:.5}.traffic-empty-pack>b{display:block;font-size:39px;font-weight:500;line-height:1.3;letter-spacing:-.04em;margin:12px 0 17px}.traffic-empty-pack>span{display:block;font-size:8px;letter-spacing:.1em;opacity:.7}.traffic-empty-lock{position:absolute;right:0;bottom:15px;display:grid;place-items:center;width:39px;height:42px;background:#faffed;border:1px solid #caddb8;border-radius:12px;box-shadow:0 3px 0 #c8d9b5;transform:rotate(-9deg);color:#8aa871}.traffic-empty-lock>svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.2;fill:none}.traffic-empty-copy .cabinet-eyebrow{font-size:9px;letter-spacing:.09em}.dashboard-page .traffic-empty-copy>h3{font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:#2d5438;margin:17px 0}.dashboard-page .traffic-empty-copy>p{font-size:15px;line-height:1.8;color:#829670;margin:0 0 20px}.traffic-empty-steps{display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0}.traffic-empty-steps>span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.7;color:#7c9467}.traffic-empty-steps i{display:grid;place-items:center;width:23px;height:25px;border-radius:7px;background:#dfedcf;border:1px solid #ccdfb6;color:#8ca973;font-size:10px;font-style:normal}.dashboard-page .traffic-empty-copy>.cabinet-button{font-size:15px;min-height:54px;border-radius:11px;justify-content:space-between;gap:25px;width:100%;max-width:360px;box-shadow:0 3px 0 #bfcea8}.dashboard-page .orders-card{border:0;background:transparent;padding:0!important;box-shadow:none}.orders-card>.card-heading{padding:26px 28px;border:1px solid #d3e3c6;border-radius:20px;background:linear-gradient(125deg,#e8f3dd,#f4f9ec);box-shadow:0 3px 0 #e0ead3;margin-bottom:25px}.orders-card .card-heading h3{font-size:27px}.orders-card .card-heading .cabinet-eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:10px}.orders-card .icon-button{height:39px;width:39px;border:1px solid #cddebc;border-radius:12px;background:#f8fcf0;box-shadow:0 3px 0 #d6e4c7}.payment-history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:23px}.payment-history-summary>div{padding:20px 22px;background:#fbfdf6;border:1px solid #d6e4c9;border-radius:15px;box-shadow:0 3px 0 #e2ecd6}.payment-history-summary>div:last-child{background:linear-gradient(125deg,#2b543a,#487149);color:#f0f8e3;border-color:#638454;box-shadow:0 3px 0 #b9cc9f}.payment-history-summary span{display:block;font-size:11px;line-height:1.6;color:#8b9e77;margin-bottom:12px}.payment-history-summary>div:last-child span{color:#c1d9ac}.payment-history-summary b{display:block;font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.04em}.payment-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.payment-ticket{position:relative;overflow:hidden;min-width:0;padding:24px;background:linear-gradient(135deg,#fffef9,#f7faef);border:1px solid #d5e3c8;border-radius:19px;box-shadow:0 4px 0 #e1ebd5}.payment-ticket.is-paid{background:linear-gradient(135deg,#f6fbed,#eaf4de);border-color:#c8dfb5}.payment-ticket-top{display:flex;align-items:center;gap:10px;margin-bottom:22px}.payment-ticket-symbol{display:grid;place-items:center;width:34px;height:37px;background:#e4efd7;border:1px solid #d0e1bf;border-radius:10px;box-shadow:0 2px 0 #cbddb8;color:#83a06c;flex-shrink:0;transform:rotate(-6deg)}.payment-ticket-symbol>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(6deg)}.payment-ticket-provider{font-size:11px;line-height:1.6;color:#9bab89}.payment-ticket-status{display:flex;align-items:center;gap:5px;margin-left:auto;padding:5px 8px;border:1px solid #e3d9b6;border-radius:20px;background:#f5f0df;color:#a29264;font-size:9px;line-height:1.7;white-space:nowrap}.payment-ticket-status i{height:4px;width:4px;border-radius:50%;background:currentColor}.payment-ticket-status.complete{border-color:#cee0ba;background:#e5f1d8;color:#86a26a}.payment-ticket-status.failed,.payment-ticket-status.expired,.payment-ticket-status.cancelled{border-color:#dddccc;background:#f0efe6;color:#a0a08d}.payment-ticket h4{font-size:22px;line-height:1.4;letter-spacing:-.035em;font-weight:600;color:#355a3b;margin:0 0 20px;overflow-wrap:anywhere}.payment-ticket-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}.payment-ticket-amount>strong{font-size:33px;font-weight:500;line-height:1.2;letter-spacing:-.04em;color:#587c46}.payment-ticket-amount>span{font-size:11px;color:#a0ae8f;line-height:1.7}.payment-ticket-message{font-size:12px;line-height:1.8;color:#9a9478;margin:-5px 0 20px}.payment-ticket-footer{position:relative;display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:19px;border-top:1px dashed #cfdec0}.payment-ticket-footer:before,.payment-ticket-footer:after{content:'';position:absolute;top:-7px;width:13px;height:13px;border-radius:50%;background:#f4f7f1;border:1px solid #d5e3c8}.payment-ticket-footer:before{left:-31px}.payment-ticket-footer:after{right:-31px}.payment-ticket-footer>span{font-size:10px;color:#a4b291;line-height:1.7}.payment-ticket-footer>b{display:flex;align-items:center;gap:5px;font-size:10px;color:#8da66f;font-weight:500}.payment-ticket-footer>b>svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;fill:none}.payment-ticket-footer>small{font-size:10px;color:#a9b19a}.payment-ticket-footer>button{display:flex;align-items:center;gap:14px;padding:10px 13px;border:1px solid #c8dcb6;background:#e8f2dd;color:#64834f;border-radius:9px;font:600 12px/1.7 var(--font);cursor:pointer;min-height:40px}.payment-ticket-footer button>svg{height:14px;width:14px;stroke:currentColor;stroke-width:1.5;fill:none}.payment-history-empty{text-align:center;padding:55px 28px;border:1px solid #d6e4c9;border-radius:21px;background:#fbfdf7;box-shadow:0 4px 0 #e4ecd9}.payment-history-empty>span{display:grid;place-items:center;width:60px;height:64px;margin:0 auto 24px;border:1px solid #d1e2c0;background:linear-gradient(125deg,#e7f2d8,#d1e4b9);border-radius:18px;box-shadow:0 4px 0 #c6d9ae;transform:rotate(-7deg);color:#7d9d62}.payment-history-empty svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.2}.payment-history-empty h4{font-size:25px;line-height:1.4;letter-spacing:-.035em;font-weight:600;margin:0 0 15px;color:#4e7241}.payment-history-empty p{font-size:14px;line-height:1.8;color:#92a380;max-width:450px;margin:auto}
@media(max-width:1250px){.dashboard-page .connection-card{grid-template-columns:62px 1fr;gap:20px}.connection-card-actions{grid-column:2;grid-template-columns:1fr 1fr;align-items:center;gap:20px;max-width:600px}.connection-tv-button{font-size:12px}.subscriptions-toolbar{flex-wrap:wrap}.subscriptions-toolbar>.cabinet-button{margin-left:74px}.dashboard-page .telegram-nudge{grid-template-columns:60px 1fr;gap:19px}.dashboard-page .telegram-nudge>.cabinet-button{grid-column:2;justify-self:start}.tv-landing-feature{gap:35px;padding:33px}.tv-landing-copy>h3{font-size:33px}.traffic-empty-art{height:240px}.dashboard-page .traffic-empty{padding:32px;gap:30px}.traffic-empty-pack>b{font-size:34px}.payment-ticket{padding:21px}.payment-ticket-status{font-size:8px}.payment-ticket-footer:before{left:-28px}.payment-ticket-footer:after{right:-28px}}
@media(max-width:1000px){.cabinet-tv-strip{flex-wrap:wrap}.cabinet-tv-strip>.cabinet-button{margin-left:70px}.tv-landing-feature{grid-template-columns:1fr 1.2fr;gap:26px}.tv-landing-art{height:250px}.tv-landing-screen{height:170px}.tv-landing-screen>b{font-size:31px}.tv-landing-stand{bottom:24px}.tv-landing-tag{bottom:14px;right:-6px;font-size:8px}.tv-landing-copy>ol{grid-template-columns:1fr;gap:13px}.tv-landing-copy li{padding:0 0 0 28px}.tv-landing-copy li:before{top:1px}.tv-landing-copy li>span{margin-top:4px}.tv-landing-copy>h3{font-size:30px}.dashboard-page .traffic-empty{grid-template-columns:1fr}.traffic-empty-art{width:260px;max-width:100%;margin:auto;height:240px}.traffic-empty-copy{max-width:650px}.payment-history-grid{grid-template-columns:1fr}.connection-card-actions{grid-template-columns:1fr;gap:7px}.client-choice-tabs>button{font-size:13px;padding:10px 13px}}
@media(max-width:700px){.apps-section .platform-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.apps-section .platform-tabs>button{flex-direction:row;font-size:12px;min-height:53px;gap:8px;padding:11px 7px}.apps-section .platform-tabs>button>svg{width:20px;height:20px}.client-choice-tabs{gap:7px;margin-bottom:21px}.client-choice-tabs>button{font-size:12px;padding:9px 11px;gap:7px;border-radius:10px}.client-choice-tabs>button>span{height:21px;width:21px;font-size:13px}.tv-landing-feature{grid-template-columns:1fr;padding:27px 23px;gap:15px;border-radius:20px}.tv-landing-art{height:250px;width:270px;max-width:100%;margin:auto}.tv-landing-screen{height:171px;top:28px;left:3px;right:5px;border-width:7px}.tv-landing-screen>b{font-size:36px}.tv-landing-copy>h3{font-size:31px;margin-top:15px}.tv-landing-copy>.eyebrow{font-size:8px}.tv-landing-copy>p{font-size:14px}.tv-landing-copy li>b{font-size:14px}.tv-landing-copy li>span{font-size:12px}.tv-landing-copy>.button{font-size:15px;width:100%;justify-content:space-between}.tv-landing-copy>.tv-landing-apple{font-size:12px}.tv-apple-note{font-size:12px!important}.dashboard-page .telegram-nudge{grid-template-columns:50px 1fr;padding:24px 22px;gap:17px 18px;border-radius:19px;margin-bottom:24px}.telegram-nudge-art{height:59px;width:53px}.telegram-nudge-art>span{border-radius:15px}.telegram-nudge-art>span>svg{height:27px;width:27px}.telegram-nudge-art>i{height:24px;width:24px;border-radius:8px}.telegram-nudge-art>i>svg{height:14px;width:14px}.telegram-nudge-copy>span{font-size:8px;gap:8px}.telegram-nudge-copy>span>small{font-size:6px;padding:2px 5px}.dashboard-page .telegram-nudge-copy>b{font-size:20px}.dashboard-page .telegram-nudge-copy>p{font-size:14px;margin-top:8px}.dashboard-page .telegram-nudge>.cabinet-button{grid-column:1/-1;justify-self:stretch;width:100%;justify-content:space-between;font-size:15px;margin-top:4px}.subscriptions-toolbar{display:grid;grid-template-columns:43px 1fr;padding:24px 21px;gap:20px 15px;border-radius:18px}.subscriptions-toolbar-symbol{height:46px;width:43px;border-radius:13px}.subscriptions-toolbar-symbol>svg{height:26px;width:26px}.subscriptions-toolbar h2{font-size:22px}.subscriptions-toolbar .cabinet-eyebrow{font-size:8px;margin-bottom:8px}.subscriptions-toolbar p{font-size:14px;line-height:1.75;margin-top:10px}.subscriptions-toolbar>.cabinet-button{grid-column:1/-1;margin:0;width:100%;justify-content:space-between;font-size:15px}.subscriptions-toolbar>.cabinet-button>svg:first-child{margin-right:auto}.subscriptions-toolbar>.cabinet-button>svg:last-child{margin-left:auto}.dashboard-page .connection-card{grid-template-columns:48px 1fr;padding:25px 22px;gap:20px 17px;border-radius:19px}.connection-card-symbol{width:47px;height:51px;border-radius:15px;align-self:start}.connection-card-symbol>svg{height:26px;width:26px}.dashboard-page .connection-card-copy>.cabinet-eyebrow{font-size:7px;line-height:1.8;margin-bottom:10px}.dashboard-page .connection-card-copy>h3{font-size:25px}.dashboard-page .connection-card-copy>p{font-size:14px;line-height:1.75;margin-top:12px}.connection-card-key{padding:12px;gap:8px;margin-left:-65px;margin-top:20px}.connection-card-key>span{font-size:12px}.connection-card-key>b{font-size:10px}.connection-card-key>small{font-size:9px}.connection-card-actions{grid-column:1/-1;min-width:0;gap:11px}.dashboard-page .connection-card-actions>.cabinet-button{font-size:15px;min-height:55px}.connection-tv-button{font-size:13px;padding-block:11px;justify-content:space-between}.cabinet-tv-strip{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:23px 21px;border-radius:17px}.cabinet-tv-strip>span{width:43px;height:46px;border-radius:12px}.cabinet-tv-strip>span>svg{height:26px;width:26px}.cabinet-tv-strip b{font-size:20px;line-height:1.35}.cabinet-tv-strip p{font-size:13px}.cabinet-tv-strip>.cabinet-button{grid-column:1/-1;margin:0;width:100%;justify-content:space-between;font-size:14px;min-height:49px}.tv-pairing-visual{gap:15px;min-height:110px}.tv-pairing-screen{min-width:165px;padding:17px 19px;gap:6px 9px}.tv-pairing-screen>b{font-size:17px}.tv-pairing-phone{width:40px;height:65px;border-width:3px;border-radius:11px}.tv-pairing-arrow>svg{width:20px;height:20px}.tv-selected-sub>small{font-size:12px}.tv-pairing-steps b{font-size:14px}.tv-pairing-steps span,.tv-pairing-steps a{font-size:12px}.payment-group-tabs{gap:7px}.payment-group-tabs>button{padding:14px 6px;gap:7px;border-radius:12px}.payment-group-tabs b{font-size:12px}.payment-group-tabs small{font-size:8px;line-height:1.7}.payment-group-tabs>button>span{height:30px;width:30px;border-radius:9px}.payment-group-tabs svg{height:18px;width:18px}.payment-provider-group>label{min-height:74px}.tariff-choose,.featured .tariff-choose{gap:11px;padding:13px 14px;min-height:68px;border-radius:13px}.connect-cta-copy>b{font-size:16px}.connect-cta-copy>small{font-size:9px}.connect-cta-power{width:33px;height:35px;border-radius:10px}.connect-cta-arrow{width:28px;height:28px}.dashboard-page .traffic-empty{padding:29px 23px;gap:25px;border-radius:20px}.traffic-empty-art{height:223px;width:250px}.traffic-empty-pass{top:25px;height:133px}.traffic-empty-pack{top:70px}.traffic-empty-pack>b{font-size:36px}.dashboard-page .traffic-empty-copy>h3{font-size:31px;margin-block:17px}.dashboard-page .traffic-empty-copy>p{font-size:14px;line-height:1.8}.traffic-empty-copy .cabinet-eyebrow{font-size:8px}.traffic-empty-steps{display:grid;gap:12px;margin-block:23px}.traffic-empty-steps>span{font-size:13px}.orders-card>.card-heading{padding:24px 22px;border-radius:17px}.orders-card .card-heading h3{font-size:25px}.orders-card .card-heading .cabinet-eyebrow{font-size:8px}.payment-history-summary{gap:8px;margin-bottom:23px}.payment-history-summary>div{padding:16px 12px;border-radius:12px}.payment-history-summary span{font-size:9px;line-height:1.7;min-height:30px;margin-bottom:10px}.payment-history-summary b{font-size:23px}.payment-ticket{padding:23px 22px;border-radius:17px}.payment-ticket-top{gap:9px}.payment-ticket-provider{font-size:10px}.payment-ticket-status{font-size:9px;padding:5px 7px}.payment-ticket h4{font-size:23px}.payment-ticket-amount>strong{font-size:34px}.payment-ticket-amount>span{font-size:12px}.payment-ticket-footer>button{font-size:13px;padding:10px 13px}.payment-ticket-footer>span{font-size:10px}.payment-ticket-footer:before{left:-29px}.payment-ticket-footer:after{right:-29px}.payment-history-empty{padding:38px 23px}.payment-history-empty h4{font-size:24px}.payment-history-empty p{font-size:14px}}
@media(max-width:370px){.apps-section .platform-tabs>button{font-size:11px;gap:6px}.apps-section .platform-tabs>button>svg{height:17px;width:17px}.client-choice-tabs>button{font-size:11px;padding:9px 10px;gap:6px}.tv-landing-feature{padding:25px 19px}.tv-landing-art{height:232px}.tv-landing-screen{height:157px;left:1px;right:1px}.tv-landing-screen>b{font-size:31px}.tv-landing-copy>h3{font-size:29px}.dashboard-page .telegram-nudge{padding:22px 19px;gap:18px 15px}.telegram-nudge-copy>span>small{display:none}.dashboard-page .telegram-nudge-copy>b{font-size:19px}.dashboard-page .connection-card{padding:23px 18px;grid-template-columns:40px 1fr;gap:19px 14px}.connection-card-symbol{width:39px;height:44px;border-radius:12px}.dashboard-page .connection-card-copy>h3{font-size:23px}.connection-card-key{margin-left:-54px}.connection-card-key>small{display:none}.connection-card-key>b{font-size:9px}.subscriptions-toolbar{padding:23px 19px;grid-template-columns:39px 1fr;gap:18px 13px}.subscriptions-toolbar h2{font-size:20px}.subscriptions-toolbar-symbol{width:39px;height:43px}.tv-pairing-visual{gap:11px}.tv-pairing-screen{min-width:148px;padding-inline:14px;grid-template-columns:23px 1fr}.tv-pairing-screen>svg{height:23px;width:23px}.tv-pairing-screen>b{font-size:15px}.tv-pairing-phone{width:35px;height:59px}.tv-pairing-arrow>svg{width:16px;height:16px}.payment-group-tabs b{font-size:10px}.payment-group-tabs small{font-size:7px}.payment-group-tabs>button{padding:12px 4px}.payment-group-tabs{gap:5px}.tariff-choose,.featured .tariff-choose{padding:12px;gap:9px}.connect-cta-power{width:29px;height:32px}.connect-cta-power>svg{height:18px;width:18px}.connect-cta-copy>b{font-size:15px}.connect-cta-copy>small{font-size:8px}.connect-cta-arrow{height:26px;width:26px}.payment-history-summary>div{padding:15px 9px}.payment-history-summary span{font-size:8px}.payment-history-summary b{font-size:20px}.payment-ticket{padding:22px 18px}.payment-ticket-provider{font-size:9px}.payment-ticket-status{font-size:8px}.payment-ticket-footer:before{left:-25px}.payment-ticket-footer:after{right:-25px}}
@media(prefers-reduced-motion:reduce){.client-choice-tabs>button,.payment-group-tabs>button,.tariff-choose{transition:none}.tariff-choose:hover:not(:disabled){transform:none}.tariff-choose:after{display:none}}
.dashboard-page .traffic-empty{overflow:hidden}.traffic-empty-copy{min-width:0}
@media(max-width:370px){.dashboard-page .traffic-empty{grid-template-columns:minmax(0,1fr);padding-inline:19px}.dashboard-page .traffic-empty-copy>.cabinet-button{font-size:13px;gap:12px;padding-inline:14px}.traffic-empty-copy>.cabinet-button>svg{width:17px;height:17px;flex-shrink:0}.traffic-empty-art{max-width:100%;width:230px}}
.dashboard-page .stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0;align-items:stretch}.dashboard-page .stat-grid>.stat-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:24px;border-radius:19px;border:1px solid #d2e2c3;background:#fbfdf6;box-shadow:0 3px 0 #e1ebd4;display:flex;flex-direction:column;gap:0;grid-column:auto;grid-row:auto}.dashboard-page .stat-grid>.stat-expiry{background:linear-gradient(125deg,#ecf5df,#e0eecf);border-color:#c9ddb6;box-shadow:0 3px 0 #d1e2bc}.dashboard-page .stat-grid>.stat-traffic{background:linear-gradient(125deg,#f6faed,#e9f3dc)}.stat-card:after{content:'';position:absolute;right:-63px;top:-105px;width:200px;height:200px;border:1px solid #a5c28d22;border-radius:50%;z-index:-1;box-shadow:0 0 0 22px #a3bd8a08}.stat-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px;min-height:39px}.stat-card-heading>span{display:grid;place-items:center;width:35px;height:38px;background:linear-gradient(130deg,#e2efd2,#d1e5b9);border:1px solid #c9deb2;border-radius:11px;color:#7e9f61;box-shadow:0 3px 0 #c5d8ad;transform:rotate(-6deg);flex-shrink:0}.dashboard-page .stat-card-heading>span>svg{height:22px;width:22px;stroke:currentColor;stroke-width:1.2;fill:none;transform:rotate(6deg)}.stat-devices .stat-card-heading>span{background:linear-gradient(130deg,#eaf3de,#dae9c8);border-color:#d3e2c2;box-shadow:0 3px 0 #d0dfbf}.stat-traffic .stat-card-heading>span{background:linear-gradient(130deg,#dcebd0,#c7deb3)}.stat-card-heading>b{font-size:12px;line-height:1.7;font-weight:500;color:#83996e;max-width:180px}.stat-card-heading>i{font-size:9px;font-style:normal;color:#b4c3a0;align-self:flex-start;line-height:1.8;margin-left:auto}.dashboard-page .stat-grid .stat-main-value{display:block;font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.3;color:#4b7240;margin:0 0 21px;overflow-wrap:anywhere}.dashboard-page .stat-grid .stat-device-value{display:flex;align-items:center;gap:14px;flex:1}.dashboard-page .stat-device-value .stat-main-value{font-size:48px;line-height:1;margin-bottom:20px;color:#476b3c}.stat-device-value>span{display:block;font-size:11px;line-height:1.6;color:#a1b08d;margin-bottom:20px}.stat-card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;flex-wrap:wrap;min-height:25px}.dashboard-page .stat-card-footer>small{font-size:11px;line-height:1.8;color:#9aab85}.stat-time-pill{display:inline-flex;align-items:center;padding:4px 8px;background:#f4faeabb;border:1px solid #cadfb5;border-radius:20px;font-size:9px;line-height:1.7;color:#91a878;white-space:nowrap}.stat-card-footer>button{display:grid;place-items:center;height:27px;width:27px;background:#edf5e2;border:1px solid #d1e1c1;border-radius:50%;color:#83a367;cursor:pointer;flex-shrink:0}.stat-card-footer>button>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}.stat-traffic-progress{height:6px;background:#d8e6c6;border-radius:5px;overflow:hidden;margin:-1px 0 16px}.stat-traffic-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8bb96f,#557f4b);border-radius:5px;transition:width .35s}.stat-traffic-value{flex:1}.dashboard-page .stat-traffic-value>.stat-main-value{font-size:35px;margin-bottom:19px}.stat-card-footer button:focus-visible{outline:2px solid #8bb36e;outline-offset:3px}
@media(max-width:1100px){.dashboard-page .stat-grid>.stat-card{padding:21px}.stat-card-heading{gap:10px;margin-bottom:22px}.stat-card-heading>b{font-size:11px}.stat-card-heading>i{display:none}.dashboard-page .stat-grid .stat-main-value{font-size:27px}.dashboard-page .stat-device-value .stat-main-value{font-size:43px}.dashboard-page .stat-traffic-value>.stat-main-value{font-size:31px}.stat-card-heading>span{width:31px;height:34px;border-radius:10px}.dashboard-page .stat-card-heading>span>svg{height:20px;width:20px}}
@media(max-width:700px){.dashboard-page .stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-block:23px}.dashboard-page .stat-grid>.stat-card{padding:21px 18px;border-radius:16px}.stat-card-heading{gap:9px;margin-bottom:23px;align-items:center}.stat-card-heading>b{font-size:11px;line-height:1.6}.stat-card-heading>span{width:29px;height:32px;border-radius:9px}.dashboard-page .stat-card-heading>span>svg{height:19px;width:19px}.dashboard-page .stat-grid .stat-main-value{font-size:25px;line-height:1.3;margin-bottom:21px}.dashboard-page .stat-device-value .stat-main-value{font-size:44px;line-height:1.1}.stat-device-value{gap:11px!important}.stat-device-value>span{font-size:10px}.dashboard-page .stat-card-footer>small{font-size:11px;line-height:1.8}.stat-time-pill{font-size:9px;padding:3px 7px}.dashboard-page .stat-grid>.stat-traffic{display:grid;grid-column:1/-1;grid-template-columns:1fr auto;gap:9px 17px;padding:22px}.stat-traffic .stat-card-heading{grid-column:1;grid-row:1;margin:0}.stat-traffic .stat-card-heading>b{font-size:12px;max-width:170px}.stat-traffic-value{grid-column:2;grid-row:1/3;align-self:center}.dashboard-page .stat-traffic-value>.stat-main-value{font-size:31px;text-align:right;margin:0;white-space:nowrap}.stat-traffic-progress{grid-column:1/-1;grid-row:3;margin:8px 0 0;height:5px}.stat-traffic .stat-card-footer{grid-column:1;grid-row:2;margin-top:0;min-height:0}.dashboard-page .stat-traffic .stat-card-footer>small{font-size:11px}}
@media(max-width:370px){.dashboard-page .stat-grid>.stat-card{padding:20px 15px}.stat-card-heading{gap:7px;flex-wrap:wrap;margin-bottom:20px}.stat-card-heading>span{height:30px;width:27px}.stat-card-heading>b{font-size:10px;flex:1;min-width:50px}.dashboard-page .stat-grid .stat-main-value{font-size:23px}.dashboard-page .stat-device-value .stat-main-value{font-size:41px}.stat-device-value>span{font-size:9px}.dashboard-page .stat-card-footer>small{font-size:10px}.dashboard-page .stat-grid>.stat-traffic{padding:21px 18px;gap:9px 12px}.stat-traffic .stat-card-heading>b{font-size:10px;max-width:125px}.dashboard-page .stat-traffic-value>.stat-main-value{font-size:27px}.dashboard-page .stat-traffic .stat-card-footer>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.stat-traffic-progress>span{transition:none}}