:root{--ks-bg:#101112;--ks-surface:#191b1d;--ks-soft:#222528;--ks-ink:#f8f8f2;--ks-muted:#a8adb1;--ks-line:#303438;--ks-yellow:#ffe62d;--ks-accent:#ffe62d;--ks-shadow:0 12px 40px #0002;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ks-app{margin:0;max-width:none;padding:0;background:var(--ks-bg);color:var(--ks-ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8;--muted:var(--ks-muted);--accent:var(--ks-accent);--line:var(--ks-line)}
body.ks-light{--ks-bg:#f5f5f9;--ks-surface:#fff;--ks-soft:#f8f8fb;--ks-ink:#252730;--ks-muted:#676b79;--ks-line:#e8e8ef;--ks-accent:#6e4ce5;--ks-shadow:0 6px 22px #25233e08;color-scheme:light}
.ks-app a{color:inherit;text-decoration:none}.ks-app p,.ks-app small,.ks-app .muted{color:var(--ks-muted)}.ks-app [hidden]{display:none!important}.ks-app h1,.ks-app h2,.ks-app h3{color:var(--ks-ink);letter-spacing:normal}.ks-app h1{font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.6}.ks-app h2{font-size:22px}.ks-app button,.ks-app input,.ks-app textarea,.ks-app select{font-family:inherit}
.ks-app>header{position:sticky;top:0;z-index:30;max-width:none;margin:0;padding:16px clamp(20px,4vw,64px);min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ks-bg);border-bottom:1px solid var(--ks-line)}
.ks-brand{display:inline-flex!important;align-items:center;gap:11px;color:var(--ks-ink)!important;white-space:nowrap;font:800 23px/1 Arial,sans-serif;letter-spacing:-.8px!important}.ks-brand svg{width:37px;height:40px;flex-shrink:0}.ks-brand span{color:var(--ks-ink)!important}.ks-brand small{display:block;font:9px/1.8 Arial,sans-serif;letter-spacing:2px;color:var(--ks-muted);margin-top:6px}.ks-app .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ks-header-tools{display:flex;align-items:center;gap:10px}.ks-icon-button{width:42px;height:42px;min-width:42px;display:inline-grid;place-items:center;border:1px solid var(--ks-line);border-radius:50%;background:var(--ks-surface);color:var(--ks-ink);cursor:pointer;padding:10px;font-size:20px}.ks-icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.ks-app .dashboard,.ks-app .rep-dashboard,.ks-app .ticket-app{width:100%;max-width:1220px;padding:0 28px;margin:36px auto 70px}.ks-app .dashboard h1{font-size:30px}.ks-app .card,.ks-app .server-item,.ks-app .ticket-conversation,.ks-app .rep-row{background:var(--ks-surface);color:var(--ks-ink);border:1px solid var(--ks-line);box-shadow:var(--ks-shadow);border-radius:22px;padding:26px}.ks-app .card p{line-height:1.9}.ks-app table{color:var(--ks-ink);font-size:13px}.ks-app th,.ks-app td{border-color:var(--ks-line);padding:15px 12px}.ks-app th{color:var(--ks-muted)}.ks-app .table-wrap{border-radius:16px;overflow:auto;max-width:100%}
.ks-app input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ks-app textarea,.ks-app select{background:var(--ks-soft)!important;color:var(--ks-ink)!important;border:1px solid var(--ks-line)!important;border-radius:13px;padding:13px 15px;min-height:48px;max-width:100%;font-size:14px;outline-offset:3px}.ks-app textarea{height:auto;min-height:100px}.ks-app input:focus,.ks-app textarea:focus,.ks-app select:focus{outline:2px solid var(--ks-accent)}.ks-app label{color:var(--ks-ink);font-size:13px;line-height:1.8}.ks-app input[type=checkbox],.ks-app input[type=radio]{accent-color:var(--ks-accent);width:20px;height:20px;vertical-align:middle}.ks-app .setting input{appearance:auto;flex-shrink:0}.ks-app .setting small{color:var(--ks-muted)}
.ks-app .primary,.ks-app button[type=submit]{background:var(--ks-yellow)!important;color:#17180e!important;border:1px solid transparent;border-radius:13px;font-weight:700;padding:13px 20px;min-height:46px;cursor:pointer;box-shadow:none}.ks-light .primary,.ks-light button[type=submit]{background:#7d5aee!important;color:#fff!important}.ks-app .button{background:var(--ks-soft);color:var(--ks-ink);border:1px solid var(--ks-line);border-radius:12px;padding:10px 17px;min-height:44px;font-size:13px;cursor:pointer}.ks-app .button:hover{border-color:var(--ks-accent)}.ks-app button:disabled{opacity:.5;cursor:not-allowed}.ks-app :is(a,button):focus-visible{outline:2px solid var(--ks-accent);outline-offset:4px}.ks-app .error,.ks-app #message{color:#e76776}.ks-light .error,.ks-light #message{color:#b12f49}.ks-app .notice{color:#248b68}.ks-app .tabs{background:var(--ks-soft)}.ks-app .tabs a[aria-current=page]{background:var(--ks-yellow);color:#17180e}.ks-app .metric,.ks-app .amount,.ks-app .role{color:var(--ks-accent)}.ks-app .steps{color:var(--ks-accent);border-right:3px solid var(--ks-accent);padding:6px 16px}.ks-app .status,.ks-app .status-line,.ks-app .rep-note,.ks-app .usage-meta{color:var(--ks-muted)}.ks-app .capacity-meter{background:var(--ks-soft);color:var(--ks-muted)}.ks-app .capacity-meter b{color:var(--ks-accent)}
.ks-app dialog:not(.ks-nav-dialog){background:var(--ks-surface)!important;color:var(--ks-ink)!important;border:1px solid var(--ks-line)!important;border-radius:24px;padding:28px;max-width:calc(100vw - 32px);max-height:88dvh;box-shadow:0 24px 100px #0005}.ks-app dialog::backdrop{background:#080b1477;backdrop-filter:blur(5px)}.ks-app .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ks-app .toolbar .primary{width:auto}.ks-app .section-heading{gap:20px}.ks-app .server-actions{flex-wrap:wrap}.ks-app .rep-tools{background:var(--ks-surface);border-color:var(--ks-line)}.ks-app .rep-row{box-shadow:none}.ks-app .rep-row button{font-size:12px}.ks-app .dv-bell,.ks-app .dv-notification-panel,.ks-app .dv-notification-toast{background:var(--ks-surface);color:var(--ks-ink);border-color:var(--ks-line)}.ks-app .dv-notification-panel button,.ks-app .dv-notification-toast button{color:var(--ks-ink)}.ks-app .dv-notification-item{background:var(--ks-soft);border-color:var(--ks-line)}.ks-app .dv-badge{background:var(--ks-yellow);color:#17180e}
.ks-sidebar{display:none}.ks-nav-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(320px,88vw);height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--ks-line);border-radius:0;background:var(--ks-surface);color:var(--ks-ink);padding:25px 20px;overflow:auto}.ks-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.ks-nav-links{display:grid;gap:5px}.ks-nav-links a{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:13px;font-size:13px;color:var(--ks-muted)}.ks-nav-links a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.ks-nav-links a[aria-current=page],.ks-nav-links a:hover{background:#7e5ae914;color:var(--ks-accent)}.ks-nav-label{font-size:10px;letter-spacing:1px;color:var(--ks-muted);margin:20px 16px 10px}.ks-nav-footer{margin-top:30px;padding:20px 15px;border-top:1px solid var(--ks-line);font-size:11px;color:var(--ks-muted)}
.ks-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0}.ks-admin-grid .card{margin:0;display:flex;flex-direction:column;gap:13px;transition:transform .18s,border-color .18s}.ks-admin-grid .card:hover{transform:translateY(-3px);border-color:#a693e2}.ks-admin-grid .card h2{font-size:17px;margin:0}.ks-admin-grid .card p{font-size:12px;margin:0}.ks-tile-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#805deb12;color:#805deb;font-size:23px}.ks-admin-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.ks-admin-top .card{min-width:200px;margin:0}.ks-admin-top .card p{margin-bottom:0}.ks-admin-top .metric{font-size:34px}.ks-overline{font:11px/1.8 Arial,sans-serif;letter-spacing:3px;color:var(--ks-accent)}
.ks-app .auth-layout{max-width:1180px;grid-template-columns:1.15fr 1fr;gap:100px;margin:70px auto;align-items:center}.ks-app .auth-layout .intro h1{font-size:clamp(34px,4.8vw,58px);line-height:1.5;letter-spacing:-1px}.ks-app .auth-layout .card{padding:32px}.ks-app .intro strong{color:var(--ks-yellow)}.ks-app .intro .features{display:flex}.ks-app .intro p{font-size:14px;max-width:440px}.ks-auth-art{height:180px;background:url('/king-profile.jpg') center 52%/cover;border-radius:18px;max-width:390px;margin-top:28px;opacity:.8}.ks-app .password-field input{padding-right:75px!important}.ks-app .password-field button{color:var(--ks-accent)}.ks-app footer{border-color:var(--ks-line);color:var(--ks-muted)}
.ks-landing{overflow-x:clip}.ks-landing>header{position:sticky;background:#101112ed;backdrop-filter:blur(15px)}.ks-landing-nav{display:flex;gap:30px;align-items:center;font-size:13px;color:var(--ks-muted)}.ks-landing-nav a:hover{color:var(--ks-yellow)}.ks-landing .ks-login{background:var(--ks-yellow);color:#17180e;border-radius:12px;padding:11px 20px;font-size:13px;font-weight:700}.ks-wrap{width:min(1240px,100% - 64px);margin:auto}.ks-hero{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-block:65px}.ks-hero::before{content:'';position:absolute;inset:0 -20vw;z-index:-1;background:radial-gradient(ellipse at 23% 38%,#ffe62d0c,transparent 53%);pointer-events:none}.ks-hero h1{font-size:clamp(46px,5.3vw,77px);line-height:1.32;margin:22px 0}.ks-hero h1 em{display:block;color:var(--ks-yellow);font-style:normal}.ks-hero p{font-size:15px;line-height:2.2;max-width:440px}.ks-hero .ks-kicker{display:inline-flex;align-items:center;gap:10px;color:#dce0d2;font-size:12px;border:1px solid var(--ks-line);border-radius:30px;padding:7px 13px}.ks-dot{width:7px;height:7px;border-radius:50%;background:var(--ks-yellow);box-shadow:0 0 15px #ffe62d55}.ks-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0}.ks-cta .primary{width:auto;display:inline-flex;gap:25px;align-items:center;padding:14px 24px}.ks-cta .button{padding:14px 22px}.ks-hero-caption{display:flex;gap:22px;font-size:11px;color:var(--ks-muted)}.ks-hero-art{position:relative;aspect-ratio:1;border:1px solid #34372a;border-radius:32px;background:#141614;overflow:hidden;box-shadow:0 0 90px #ffe62d05;isolation:isolate}.ks-hero-art img{width:100%;height:100%;object-fit:cover;display:block;animation:ks-float 8s ease-in-out infinite}.ks-art-tag{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:#141617e8;backdrop-filter:blur(12px);border:1px solid #42452f;border-radius:15px;padding:14px 18px;font:11px/1.7 Arial,sans-serif;letter-spacing:1px;color:#d0d4c6}.ks-art-tag strong{color:var(--ks-yellow)}.ks-network-line{display:flex;gap:12px;align-items:center;border-top:1px solid var(--ks-line);border-bottom:1px solid var(--ks-line);padding:23px 0;overflow:hidden;color:var(--ks-muted);font:10px Arial,sans-serif;letter-spacing:3px}.ks-network-line i{flex:1;height:1px;background:linear-gradient(90deg,#ffe62d00,#ffe62d66,#ffe62d00);position:relative;min-width:25px}.ks-network-line i::after{content:'';position:absolute;width:28px;height:2px;background:var(--ks-yellow);animation:ks-signal 4s linear infinite}.ks-section{padding-block:70px}.ks-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.ks-section-head h2{font-size:32px;margin:5px 0}.ks-section-head p{font-size:13px;margin:0}.ks-product-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.ks-product{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:24px;padding:34px;position:relative;overflow:hidden}.ks-product h3{font-size:25px;margin:15px 0}.ks-product p{font-size:13px;max-width:480px}.ks-product-vpn{background:linear-gradient(115deg,#23251a,#181a1b)}.ks-product-vpn>span{font-size:34px}.ks-product .ks-product-link{display:inline-flex;margin-top:20px;align-items:center;gap:35px;font-size:13px;font-weight:700;color:var(--ks-yellow)}.ks-soon{display:inline-block;color:#a6acb0;border:1px solid #43474a;border-radius:8px;padding:5px 10px;font-size:10px}.ks-product-future{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ks-product-future .ks-plus{font:60px/1 Arial,sans-serif;color:#424649}.ks-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ks-how article{padding:25px 0 25px 30px;border-top:1px solid var(--ks-line)}.ks-how b{font:13px Arial,sans-serif;color:var(--ks-yellow)}.ks-how h3{font-size:18px}.ks-how p{font-size:12px}.ks-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:35px;font-size:11px;border-top:1px solid var(--ks-line);color:var(--ks-muted)}.ks-account-banner{border:1px solid #504d28;border-radius:22px;padding:28px;margin:25px 0;background:linear-gradient(115deg,#232519,#181a1b);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#f8f8f2}.ks-account-banner h2{color:#ffe62d;font:800 24px Arial,sans-serif}.ks-account-banner p{margin:8px 0 0;color:#bcc1b3;font-size:12px}.ks-account-banner>span{font-size:40px}
@keyframes ks-float{50%{transform:scale(1.025) translateY(-4px)}}@keyframes ks-signal{from{left:0;opacity:0}20%{opacity:1}to{left:85%;opacity:0}}
@media(min-width:1100px){.ks-has-sidebar{padding-right:262px!important}.ks-sidebar{display:block;position:fixed;inset:0 0 0 auto;width:262px;background:var(--ks-surface);border-left:1px solid var(--ks-line);padding:30px 18px;z-index:40;overflow:auto}.ks-sidebar .ks-brand{margin:0 12px 30px;font-size:21px}.ks-has-sidebar .ks-menu-button{display:none}.ks-has-sidebar>header{min-height:86px}.ks-has-sidebar>header>.brand{display:none!important}}
@media(max-width:1099px){.ks-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-hero{gap:30px;min-height:580px}.ks-hero h1{font-size:53px}.ks-app .auth-layout{gap:45px;padding-inline:28px}.ks-app>header .actions>a:not(.ks-login){display:none}.ks-landing-nav{gap:18px}}
@media(max-width:700px){.ks-app>header{padding:14px 18px;min-height:72px;gap:10px}.ks-brand{font-size:18px}.ks-brand svg{width:29px;height:32px}.ks-brand small{font-size:8px}.ks-app .actions{gap:6px}.ks-app>header [data-site-back]{display:none}.ks-app>header #logout{padding:8px 11px;font-size:11px}.ks-app .header-note{display:none}.ks-app .dashboard,.ks-app .rep-dashboard,.ks-app .ticket-app{padding-inline:16px;margin-top:25px}.ks-app .card{padding:21px;border-radius:20px}.ks-app .dashboard h1{font-size:26px}.ks-admin-grid{grid-template-columns:1fr;gap:14px}.ks-admin-top{align-items:stretch;flex-direction:column;gap:15px}.ks-admin-top .card{width:100%;display:flex;align-items:center;justify-content:space-between}.ks-app .auth-layout{grid-template-columns:1fr;gap:24px;padding:0 20px;margin:28px auto;max-width:510px}.ks-app .auth-layout .intro h1{font-size:32px;margin:10px 0}.ks-app .intro h1 br{display:none}.ks-app .intro p{display:block;font-size:12px}.ks-auth-art,.ks-app .intro .features{display:none}.ks-app .auth-layout .card{padding:24px}.ks-app dialog:not(.ks-nav-dialog){width:100%;max-width:100%;margin:auto 0 0;border-radius:25px 25px 0 0;max-height:90dvh;padding:22px 18px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.ks-app .toolbar{gap:8px}.ks-app .settings-grid{grid-template-columns:1fr}.ks-app .server-layout{grid-template-columns:1fr}.ks-app .setting strong{font-size:15px}.ks-app .primary{font-size:13px}.ks-app .grid{grid-template-columns:1fr}.ks-wrap{width:calc(100% - 36px)}.ks-landing-nav{display:none}.ks-landing .ks-login{padding:10px 13px;font-size:11px}.ks-hero{grid-template-columns:1fr;gap:30px;padding-block:38px;min-height:0}.ks-hero h1{font-size:46px;margin:20px 0}.ks-hero p{font-size:13px}.ks-hero-caption{font-size:10px;gap:18px}.ks-hero-art{max-width:480px;width:100%;margin:auto;border-radius:23px}.ks-hero-art img{animation:none}.ks-hero .ks-kicker{font-size:10px}.ks-art-tag{font-size:9px;bottom:15px;left:15px;right:15px}.ks-network-line{letter-spacing:1px;font-size:8px;gap:8px}.ks-section{padding-block:42px}.ks-section-head{align-items:start;flex-direction:column;gap:8px}.ks-section-head h2{font-size:26px}.ks-product-grid,.ks-how{grid-template-columns:1fr}.ks-product{padding:27px}.ks-product h3{font-size:23px}.ks-how{gap:0}.ks-how article{padding:22px 0}.ks-footer{align-items:start;flex-direction:column;padding-bottom:35px}.ks-account-banner{padding:22px}.ks-account-banner h2{font-size:18px}.ks-account-banner>span{font-size:30px}.ks-app .dv-notification-panel{position:fixed;inset:80px 12px auto;width:auto;max-width:none}.ks-app .section-heading{align-items:start}.ks-app .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Legacy sales pages share the same surfaces and compact controls. */
.ks-app #dashboard,.ks-app #dashboard section,.ks-app #dashboard article{background:var(--ks-surface);border-color:var(--ks-line);border-radius:22px;box-shadow:var(--ks-shadow)}
.ks-app #dashboard button{background:var(--ks-soft);color:var(--ks-ink);border:1px solid var(--ks-line);border-radius:12px;min-height:44px}
.ks-app #dashboard button[aria-pressed=true]{background:var(--ks-accent);color:var(--ks-bg);outline:none}
.ks-app>main>button[data-site-back],.ks-app>button[data-site-back]{margin:18px 28px 0}
@media(max-width:700px){.ks-app>header>h1{display:none}.ks-app:not(.ks-landing)>header>a:not(.ks-brand){display:none}.ks-app #dashboard{padding:18px}.ks-app #dashboard section,.ks-app #dashboard article{padding:18px}}
html:has(body.ks-app){background:var(--ks-bg)}body.ks-app{min-height:100dvh}html:has(body.ks-light){background:#f5f5f9}
@media(max-width:360px){.ks-app>header{padding-inline:10px;gap:6px}.ks-brand{font-size:15px;gap:6px}.ks-brand svg{width:24px}.ks-header-tools{gap:5px}.ks-icon-button{width:36px;height:36px;min-width:36px;padding:8px}.ks-brand small{font-size:7px}.ks-app>header #logout{padding:7px}}

.ks-app .rep-row{padding:16px;border-radius:16px}.ks-app .rep-row+.rep-row{margin-top:8px}

/* Original living identity: vector monogram and orbital connection paths. */
.ks-brand svg{color:#e5ba31}.ks-landing .ks-brand svg,.ks-auth .ks-brand svg{color:#ffe62d}
.ks-motion{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at center,#55512433,transparent 64%),#111416;border:1px solid #44432b;border-radius:32px;min-height:300px}
.ks-emblem{width:31%;aspect-ratio:1;color:#ffe62d;z-index:2;filter:drop-shadow(0 0 24px #ffe62d25);animation:king-hover 5s ease-in-out infinite}.ks-emblem svg{width:100%;height:100%}
.ks-orbit{position:absolute;width:72%;aspect-ratio:1;border:1px solid #d6c55d30;border-radius:50%;animation:king-orbit 16s linear infinite}.ks-orbit:after{content:'';position:absolute;left:48%;top:-5px;width:9px;height:9px;background:#ffe62d;border-radius:50%;box-shadow:0 0 18px #ffe62d}
.orbit-two{width:90%;transform:rotateX(58deg) rotate(-25deg);animation:king-orbit-tilt 22s linear infinite;border-color:#b8cace26}.orbit-two:after{background:#b8cace;box-shadow:0 0 15px #b8cace}.orbit-three{width:52%;animation-direction:reverse;animation-duration:12s;border-style:dashed;opacity:.5}
.ks-motion-name{position:absolute;bottom:8%;font:800 20px Arial,sans-serif;letter-spacing:5px;color:#f4f4e8;text-align:center}.ks-motion-name small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;margin-top:12px;color:#a8ada1}
.ks-auth-art.ks-motion{height:260px;min-height:260px;max-width:440px;background-position:initial;background-size:auto;opacity:1;margin-top:28px}.ks-auth-art .ks-motion-name{font-size:15px}.ks-auth-art .ks-emblem{width:90px}
.ks-tile-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.ks-nav-links svg{stroke-linecap:round;stroke-linejoin:round}
.ks-page-nav{width:min(1220px,100%);margin:20px auto 0;padding:0 28px;display:flex;align-items:center;gap:12px}.ks-page-nav .button{display:inline-flex!important;align-items:center;gap:8px;margin:0!important}.ks-page-nav .button:before{content:'→';font-size:18px}.ks-auth .ks-page-nav{max-width:1180px}.ks-app .auth-layout{margin-top:30px}.ks-app .form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.ks-app .form-actions button{margin:0}.ks-app .toolbar{row-gap:12px}.ks-app .card{min-width:0}.ks-app button,.ks-app .button{touch-action:manipulation}
@keyframes king-orbit{to{transform:rotate(360deg)}}@keyframes king-orbit-tilt{from{transform:rotateX(58deg) rotate(-25deg)}to{transform:rotateX(58deg) rotate(335deg)}}@keyframes king-hover{50%{transform:translateY(-8px)}}
@media(max-width:700px){.ks-page-nav{padding-inline:18px;margin-top:16px}.ks-app .auth-layout{margin-top:22px}.ks-auth-art.ks-motion{display:grid;height:160px;min-height:160px;max-width:none;margin-top:18px;border-radius:20px}.ks-auth-art .ks-emblem{width:60px;margin-bottom:20px}.ks-auth-art .ks-motion-name{font-size:10px;bottom:12px}.ks-auth-art .ks-motion-name small{display:none}.ks-auth-art .ks-orbit{width:140px}.ks-auth-art .orbit-two{width:210px}.ks-auth-art .orbit-three{width:95px}.ks-motion-name{font-size:16px;letter-spacing:3px}.ks-motion{min-height:330px}.ks-app .section-heading{flex-wrap:wrap}.ks-app .form-actions>*{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.ks-motion *{animation:none!important}}

@media(max-width:700px){.ks-auth .intro h1 strong{display:block}.ks-auth .intro h1{font-size:30px}}

/* Customer account, compact purchasing and subscription surfaces. */
.profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.profile-facts div{padding:16px;border:1px solid var(--ks-border,#454545);border-radius:16px}.profile-facts span,.profile-facts strong{display:block;overflow-wrap:anywhere}.profile-facts strong{font-size:22px;margin-top:8px}#password-form{max-width:480px}#password-form label{display:block;margin:16px 0}#password-form input{display:block;width:100%;box-sizing:border-box;margin-top:8px}#choices.server-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}#choices.server-choices .choice{margin:0;padding:12px;min-height:78px;border-radius:14px}#choices.server-choices h3{font-size:15px;margin:0 0 5px}#choices.server-choices p{margin:0;font-size:12px}#subscriptions-list{display:flex;flex-direction:column;gap:6px;max-height:506px;overflow-y:auto;padding:3px}#subscriptions-list .subscription-row{position:relative;flex:0 0 57px;min-height:57px;max-height:57px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;text-align:right;padding:7px 12px;border:1px solid #32b880;border-inline-start-width:4px;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;margin:0}#subscriptions-list .subscription-row.finished{border-color:#eb626d}.subscription-row strong,.subscription-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-row strong{font-size:14px}.subscription-row span{font-size:12px;grid-column:1}.subscription-row small{grid-column:2;grid-row:1/3;align-self:center;font-size:11px}.subscription-empty{padding:24px}.subscription-empty a{display:inline-block}#payment-choice{padding:16px;border:1px solid #7777;border-radius:14px;margin:16px 0}#payment-method{width:100%;margin-top:10px}.ticket-conversation #messages{min-height:180px;max-height:48vh;overflow-y:auto}#ticket-rating{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;margin-bottom:12px;border-bottom:1px solid #7774}.ticket-message{border-radius:16px 16px 4px 16px}.ticket-message.support{border-radius:16px 16px 16px 4px}body:has(#profile-home) .ks-account-banner{display:none}body:has(#profile-home) main>h1{font-size:24px;margin:8px 0}body:has(#profile-home) main>.toolbar{gap:8px;margin:12px 0}body:has(#profile-home) main>.toolbar button,body:has(#profile-home) main>.toolbar a{font-size:12px;padding:8px 12px;min-height:38px}@media(max-width:700px){.profile-facts{grid-template-columns:1fr}.profile-facts div{display:flex;justify-content:space-between;align-items:center;padding:12px}.profile-facts strong{font-size:18px;margin:0}#choices.server-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#choices.server-choices .choice{min-height:62px;padding:9px}#choices.server-choices h3{font-size:13px}#wizard .steps{font-size:11px;line-height:1.8;margin:8px 0}#wizard h2{font-size:19px;margin:10px 0}body:has(#profile-home) main>.toolbar{display:none}body:has(#profile-home) main{padding-top:4px}#subscriptions-home>p{font-size:12px;margin:8px 0}.ticket-conversation{padding:12px}#ticket-body{min-height:80px}#ticket-form .ticket-toolbar{gap:8px}}
@media(max-width:700px){body:has(#profile-home:not([hidden])) main>.toolbar{display:flex}}
body:has(#profile-home[hidden]) main>h1{display:none}body:has(#profile-home) #error:empty{display:none}body:has(#profile-home[hidden]) .dashboard{margin-top:14px}body:has(#profile-home[hidden]) #demo-note{margin:4px 0;font-size:10px}body:has(#profile-home) .ks-page-nav{margin-top:10px}body:has(#profile-home) .ks-page-nav .button{min-height:40px;padding:7px 12px}#subscriptions-home h2{margin:8px 0;font-size:20px}

.ticket-app #error:empty,.ticket-app #notice:empty{display:none}body:has(#conversation:not([hidden])) .ticket-app>h1{display:none}body:has(#conversation:not([hidden])) .ticket-app{margin-top:12px}.ks-app .ticket-conversation{padding:16px;margin-top:0}.ticket-conversation>.ticket-toolbar{gap:8px}.ticket-conversation>.ticket-toolbar h2{font-size:17px;margin:0;flex-basis:100%;order:-1}.ticket-conversation>.ticket-toolbar .button{font-size:11px;padding:7px 10px;min-height:36px}.ticket-conversation #messages{min-height:140px}.ticket-conversation label{margin:12px 0 6px}#ticket-rating{margin-top:12px}#ticket-rating label{margin:0}

#subscription-dialog .full-config{display:block;width:100%;box-sizing:border-box;min-height:110px;max-height:none;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;font:13px/1.8 ui-monospace,SFMono-Regular,monospace;text-align:left;padding:14px;color:var(--ks-ink);background:var(--ks-soft);border:1px solid var(--ks-line);border-radius:14px;margin:10px 0 20px}#subscription-dialog:has(.full-config)>.toolbar:first-child{align-items:center;justify-content:space-between;margin-top:0}#subscription-dialog:has(.full-config)>.toolbar:first-child h2{font-size:20px;margin:0}.subscription-traffic{margin:18px 0}.traffic-captions{display:flex;justify-content:space-between;direction:ltr;font-size:11px;color:var(--ks-muted);padding:0 14px;margin-bottom:8px}.subscription-meter{display:flex;align-items:center;gap:12px;background:var(--ks-soft);border:1px solid var(--ks-line);border-radius:14px;padding:10px 15px;color:var(--ks-ink);font-family:Arial,sans-serif}.subscription-meter strong{font-size:16px;white-space:nowrap;flex-shrink:0}.subscription-meter-track{height:12px;flex:1;min-width:30px;border-radius:999px;background:var(--ks-line);overflow:hidden}.subscription-meter-track span{display:block;height:100%;border-radius:inherit;background:var(--ks-accent)}.subscription-traffic>p{font-size:12px;margin:7px 0;text-align:center}.subscription-more{border-top:1px solid var(--ks-line);padding:14px 0;margin:14px 0}.subscription-more summary{cursor:pointer;font-size:13px}#subscription-dialog:has(.full-config) #subscription-warning:empty{display:none}@media(max-width:600px){#subscription-dialog:has(.full-config){padding:18px;width:calc(100vw - 20px);max-width:none}.subscription-meter{gap:8px;padding:10px 12px}.subscription-meter strong{font-size:14px}#subscription-dialog:has(.full-config) #subscription-qr{width:210px;height:210px;margin:18px auto}}
@media(max-width:600px){#subscription-dialog:has(.full-config){inset-inline:0!important;margin-inline:auto!important}}

#subscription-dialog .full-config{margin-bottom:8px}.config-copy{display:flex;justify-content:flex-start;margin-bottom:20px}.subscription-meter strong{font-size:14px;white-space:normal;overflow-wrap:anywhere;max-width:34%}.subscription-meter-track span{transition:width .35s ease}.subscription-traffic{padding:14px;border:1px solid var(--ks-line);border-radius:16px;background:var(--ks-surface)}@media(prefers-reduced-motion:reduce){.subscription-meter-track span{transition:none}}

#subscription-dialog button.config-switch{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:145px;padding:6px 12px;border:1px solid var(--ks-line);border-radius:14px;background:var(--ks-soft);color:#f07883;position:relative;direction:rtl;font-weight:700}
#subscription-dialog button.config-switch::before{content:"";display:block;width:64px;height:34px;border-radius:999px;background:#b52b40;flex:none;transition:background .18s ease}
#subscription-dialog button.config-switch::after{content:"";position:absolute;right:48px;top:50%;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transform:translateY(-50%);transition:right .18s ease}
#subscription-dialog button.config-switch[aria-checked="true"]{color:#20bb91}
#subscription-dialog button.config-switch[aria-checked="true"]::before{background:#008d71}
#subscription-dialog button.config-switch[aria-checked="true"]::after{right:16px}
#subscription-dialog button.config-switch{justify-content:flex-start}
#subscription-dialog button.config-switch:focus-visible{outline:2px solid var(--ks-accent);outline-offset:3px}
#subscription-dialog button.config-switch:disabled{opacity:.55;cursor:wait}
@media(prefers-reduced-motion:reduce){#subscription-dialog button.config-switch::before,#subscription-dialog button.config-switch::after{transition:none}}

#subscription-dialog .subscription-back{display:flex;justify-content:flex-end;margin-bottom:14px}
#subscription-dialog .subscription-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.subscription-heading-text{min-width:0;flex:1}
#subscription-dialog .subscription-heading h2{font-size:20px;line-height:1.6;margin:0;overflow-wrap:anywhere;unicode-bidi:plaintext}
#subscription-dialog #subscription-plan{font-size:13px;margin:4px 0 0;color:var(--ks-muted);overflow-wrap:anywhere}
#subscription-dialog .subscription-heading .config-switch{flex-shrink:0;min-width:128px;gap:8px;font-size:12px}
#subscription-dialog .full-config{min-height:0;height:auto;padding:10px 12px;font-size:12px;line-height:1.7;margin:8px 0 6px}
#subscription-dialog .config-copy #subscription-copy{width:auto;min-width:0;min-height:32px;padding:5px 13px;border-radius:9px;font-size:12px;line-height:1.6}
@media(max-width:420px){#subscription-dialog .subscription-heading{gap:8px}#subscription-dialog .subscription-heading h2{font-size:17px}}
/* Subscription detail dashboard: shared visual language, compact mobile layout. */
#subscription-dialog:has(.subscription-stats){width:min(1080px,calc(100vw - 32px));max-width:1080px;padding:28px;background:linear-gradient(135deg,#192333,#101622 65%);color:#eff3fb;border:1px solid #ffffff17;border-radius:24px;--ks-ink:#eff3fb;--ks-muted:#a9b4c8;--ks-soft:#121b29;--ks-line:#ffffff17;--ks-surface:#1b2636;--ks-accent:#ffe62d}
#subscription-dialog .subscription-back{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:30px}
#subscription-dialog .subscription-back h2{margin:0;font-size:25px}#subscription-dialog .subscription-back p{margin:4px 0 0;font-size:12px}
#subscription-dialog .subscription-heading{padding:20px;border:1px solid var(--ks-line);border-radius:18px;background:#ffffff03;margin-bottom:16px}
#subscription-dialog .subscription-heading h2{font-size:23px}#subscription-dialog #subscription-plan{display:inline-block;background:#ffffff05;border:1px solid var(--ks-line);padding:7px 14px;border-radius:12px;margin-top:10px;color:#e2d49b}
.subscription-power{display:flex;flex-direction:column;align-items:center;gap:6px}.subscription-power small{font-size:10px}
#subscription-dialog .subscription-power .config-switch{border:0;background:transparent;min-width:130px}
.subscription-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.subscription-stat{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border:1px solid var(--ks-line);border-radius:18px;background:linear-gradient(120deg,#ffffff06,#ffffff02)}
.subscription-stat>div:first-child{display:flex;flex-direction:column;min-width:0;gap:7px}.subscription-stat span{font-size:14px;color:var(--ks-muted)}.subscription-stat strong{font-size:clamp(22px,3vw,32px);line-height:1.4;unicode-bidi:plaintext}.subscription-stat small{font-size:12px}
.detail-ring{--progress:0%;--ring:#27df8c;flex:none;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--ring) var(--progress),#ffffff08 0);position:relative;display:grid;place-items:center;direction:ltr}.detail-ring::before{content:"";position:absolute;inset:9px;background:#192333;border-radius:50%}.detail-ring span{position:relative;color:#fff;font-size:21px;font-weight:bold}.time-stat .detail-ring{--ring:#61acff}.time-stat .detail-ring span{font-size:40px}
.subscription-delivery{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;margin-bottom:18px}.connection-card,.qr-card{min-width:0;border:1px solid var(--ks-line);background:#ffffff03;border-radius:18px;padding:20px}.connection-card label{font-size:14px}.qr-card{text-align:center}.qr-card h3{font-size:14px!important;margin:0 0 12px!important}#subscription-dialog #subscription-qr{display:block;width:190px;height:190px;max-width:100%;margin:0 auto 14px;border:8px solid white;border-radius:12px;background:white}.qr-card a{display:block;font-size:12px!important}
#subscription-dialog .full-config{background:#0d1522;border-radius:12px;padding:14px;font-size:13px;line-height:1.9;margin-top:14px}#subscription-dialog .config-copy{margin:12px 0 0}
.subscription-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-action,.presence-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:124px;padding:16px 10px;text-align:center;border:1px solid var(--ks-line);border-radius:16px;min-width:0}.detail-action>span{font-size:28px;line-height:1}.detail-action strong,.presence-card strong{font-size:15px}.detail-action small,.presence-card small{font-size:11px;color:inherit;opacity:.8}.action-rotate{background:#b5790b20;color:#ffc259;border-color:#b5790b66}.action-renew{background:#9360ee20;color:#ba95ff;border-color:#9360ee66}.action-delete{background:#df425420;color:#ff8290;border-color:#df425466}.presence-card{background:#ffffff05;color:#a9b4c8}.presence-card[data-state=online]{background:#11b68215;border-color:#11b68255;color:#42e8b1}.presence-card[data-state=offline]{background:#df425415;border-color:#df425455;color:#ff8290}.presence-dot{width:13px;height:13px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.detail-created{border:1px solid var(--ks-line);border-radius:12px;padding:10px 16px;font-size:12px;margin:16px 0}.detail-action:focus-visible{outline:2px solid var(--ks-accent);outline-offset:3px}
@media(max-width:700px){#subscription-dialog:has(.subscription-stats){width:calc(100vw - 16px);padding:16px;border-radius:20px}.subscription-stats{gap:10px}.subscription-stat{padding:14px;gap:10px;flex-direction:column;align-items:flex-start}.detail-ring{width:76px;height:76px;align-self:flex-end}.detail-ring::before{inset:6px}.detail-ring span{font-size:16px}.subscription-stat span{font-size:12px}.subscription-stat strong{font-size:22px}.subscription-stat small{font-size:11px}.subscription-delivery{grid-template-columns:minmax(0,1fr)}.subscription-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-card,.qr-card{padding:16px}#subscription-dialog .subscription-heading{padding:12px;gap:8px}#subscription-dialog .subscription-heading h2{font-size:18px}#subscription-dialog .subscription-back h2{font-size:20px}#subscription-dialog .subscription-back{margin-bottom:18px}.subscription-power small{max-width:110px;text-align:center}.subscription-stat strong{overflow-wrap:anywhere}}

#subscription-dialog .subscription-heading h2{text-align:right}.subscription-action-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.detail-action svg{width:28px;height:28px}.subscription-stat strong,.subscription-stat small{unicode-bidi:plaintext}@media(max-width:700px){.subscription-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Shared translucent surfaces for storefront, account, administration and support. */
body.ks-app{--ks-bg:#101725;--ks-surface:rgba(33,44,64,.62);--ks-soft:rgba(10,20,36,.45);--ks-ink:#f2f5ff;--ks-muted:#afbad0;--ks-line:rgba(207,224,255,.14);--ks-shadow:0 14px 42px #03091630,inset 0 1px 0 #ffffff0a;background:radial-gradient(ellipse at 10% 0,#37567640,transparent 48%),radial-gradient(ellipse at 95% 40%,#4e386132,transparent 52%),#101725;background-attachment:fixed}
body.ks-app.ks-light{--ks-bg:#edf1f8;--ks-surface:rgba(255,255,255,.66);--ks-soft:rgba(243,247,255,.76);--ks-ink:#202c42;--ks-muted:#52627a;--ks-line:rgba(68,88,123,.17);--ks-shadow:0 12px 34px #3145670b,inset 0 1px 0 #ffffffbb;background:radial-gradient(ellipse at 0 0,#c4dafa90,transparent 55%),radial-gradient(ellipse at 100% 30%,#e0d0f680,transparent 50%),#edf1f8}
.ks-app>header,.ks-app .ks-sidebar,.ks-app .dv-notification-panel,.ks-app .card,.ks-app .server-item,.ks-app .ticket-conversation,.ks-app .rep-row,.ks-app .subscription-row,.ks-app .ticket-row,.ks-app .table-wrap,.ks-app dialog,.ks-app .wallet-history{background:var(--ks-surface);border:1px solid var(--ks-line);box-shadow:var(--ks-shadow);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.ks-app>header{border-width:0 0 1px}.ks-app .ks-sidebar{border-radius:24px 0 0 24px}.ks-app .card,.ks-app .ticket-conversation{border-radius:22px}
.ks-app .button,.ks-app .primary,.ks-app button[type=submit],.ks-app .ks-icon-button{background:linear-gradient(130deg,#ffffff10,#ffffff03),var(--ks-soft)!important;color:var(--ks-ink)!important;border:1px solid var(--ks-line);box-shadow:inset 0 1px 0 #ffffff12,0 4px 12px #0000000b;border-radius:13px;transition:background .18s,border-color .18s,transform .18s}
.ks-app .primary,.ks-app button[type=submit]{border-color:#ba9c615c;background:linear-gradient(130deg,#e9be6430,#bf902614),var(--ks-soft)!important}.ks-app .button:hover,.ks-app .primary:hover,.ks-app button[type=submit]:hover{border-color:#91a6c073;transform:translateY(-1px)}.ks-app button:disabled{transform:none}
.ks-app input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ks-app textarea,.ks-app select{box-shadow:inset 0 1px 4px #00000010}.ks-app .ks-auth-art{background:radial-gradient(ellipse,#6d88ae18,transparent 70%)}
#subscription-dialog:has(.subscription-stats){background:linear-gradient(125deg,#172536d9,#111a2ae8);border-color:#b9d5ff24;backdrop-filter:blur(30px) saturate(125%);-webkit-backdrop-filter:blur(30px) saturate(125%)}
#subscription-dialog .subscription-heading{border:0;background:none;padding:12px 0 20px;gap:26px;align-items:flex-start}.subscription-identity{display:flex;gap:18px;align-items:flex-start;min-width:0;flex:1}.server-emblem{display:grid;place-items:center;flex:none;width:76px;height:76px;border-radius:50%;background:linear-gradient(130deg,#914fde,#505bac);box-shadow:inset 0 2px 2px #ffffff23,0 8px 25px #6730c318}.server-emblem svg{width:32px;height:32px;color:#fff}.config-name-line{display:flex;align-items:center;gap:20px;justify-content:space-between}.detail-icon{width:22px;height:22px;flex:none;vertical-align:middle}.glass-icon{display:inline-grid;place-items:center;width:34px;height:34px;min-height:34px;padding:6px;background:#ffffff08;border:1px solid var(--ks-line);border-radius:9px;color:var(--ks-ink)}
#subscription-dialog .plan-badge{display:inline-flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid var(--ks-line);border-radius:14px;background:#ffffff02;margin-top:18px}.plan-badge svg{color:#ffc950;fill:#ffc95022}#subscription-dialog #subscription-plan{padding:0;margin:0;border:0;background:none;color:var(--ks-ink);font-size:16px}
#subscription-dialog .subscription-power{display:flex;flex-direction:row;align-items:center;gap:16px;direction:ltr;max-width:46%}.subscription-power>div{direction:rtl}.subscription-power strong{color:#37e992;font-size:15px}.subscription-power strong[data-enabled=false]{color:#ff8290}.subscription-power small{display:block;color:var(--ks-muted);margin-top:8px;font-size:12px}
#subscription-dialog .subscription-power .config-switch{font-size:0;min-width:100px;width:100px;height:76px;gap:0;padding:10px 18px;border:0;background:#19cb7420!important;border-radius:40px;box-shadow:0 0 25px #28e28516}#subscription-dialog .config-switch::before{width:64px;height:38px;background:linear-gradient(100deg,#fd526b,#c22445)}#subscription-dialog .config-switch[aria-checked=true]::before{background:linear-gradient(100deg,#29e65a,#03c876)}#subscription-dialog .config-switch::after{width:30px;height:30px;right:50px}#subscription-dialog .config-switch[aria-checked=true]::after{right:22px}
.subscription-stat,.connection-card,.qr-card{background:linear-gradient(125deg,#ffffff07,#ffffff02);box-shadow:inset 0 1px 0 #ffffff05}.ring-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.ring-content svg{color:var(--ring);width:28px;height:28px}.detail-ring .ring-content span,.time-stat .detail-ring .ring-content span{font-size:20px}.detail-ring::before{background:#192638}.detail-card-label,.qr-card h3{display:flex;align-items:center;gap:10px}.qr-card h3{justify-content:center}.qr-card a{display:flex!important;align-items:center;justify-content:center;gap:10px}
#subscription-dialog .detail-created{display:flex;align-items:center;gap:10px}#subscription-dialog .subscription-back button{display:flex;align-items:center;gap:8px}#subscription-dialog .full-config{font-weight:400;font-family:ui-monospace,SFMono-Regular,monospace}.detail-action{border-radius:16px;transition:filter .18s,transform .18s}.detail-action:hover{filter:brightness(1.12);transform:translateY(-2px)}.glass-copy{display:inline-flex;align-items:center;gap:8px}
#subscription-dialog #subscription-refresh{float:left;margin-top:4px;width:34px;min-height:34px;padding:6px}#subscription-dialog #subscription-warning{font-size:11px}#subscription-dialog #subscription-warning:empty{display:none}
.glass-inline{clear:both;background:#ffffff05;border:1px solid var(--ks-line);border-radius:18px;padding:18px;margin:18px 0}.renewal-options,.renewal-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.renewal-plan-card{display:flex;flex-direction:column;gap:8px;text-align:right;padding:18px;background:var(--ks-soft);border:1px solid var(--ks-line);border-radius:14px;color:var(--ks-ink)}.renewal-plan-card:hover,.renewal-plan-card:focus-visible{border-color:#bc9afa}.renewal-plan-card small{color:var(--ks-muted)}.renewal-plan-card span{color:#c6a4ff}.renewal-options button{min-height:60px}#renewal-confirm{margin-top:18px;padding-top:10px;border-top:1px solid var(--ks-line)}
@supports not (backdrop-filter:blur(1px)){.ks-app .card,.ks-app dialog,.ks-app>header{background:#1d2a3f}.ks-app.ks-light .card,.ks-app.ks-light dialog,.ks-app.ks-light>header{background:#f7f9fd}}
@media(max-width:700px){.server-emblem{width:46px;height:46px}.server-emblem svg{width:23px;height:23px}.subscription-identity{gap:10px;align-items:center}#subscription-dialog .subscription-heading{flex-wrap:wrap;gap:18px;padding:6px 0 12px}.subscription-identity{width:100%;flex:auto}.config-name-line{gap:10px}.subscription-heading-text{width:100%}#subscription-dialog .plan-badge{padding:8px 12px;margin-top:10px;gap:10px}#subscription-dialog #subscription-plan{font-size:13px}#subscription-dialog .subscription-power{max-width:100%;width:100%;justify-content:flex-end;gap:14px}.subscription-power small{max-width:none;text-align:right;font-size:11px}.subscription-power strong{font-size:13px}#subscription-dialog .subscription-power .config-switch{width:86px;min-width:86px;height:58px;padding:10px 11px}#subscription-dialog .config-switch::after{right:43px}#subscription-dialog .config-switch[aria-checked=true]::after{right:15px}.ring-content svg{width:20px;height:20px}.ring-content{gap:2px}.detail-ring .ring-content span,.time-stat .detail-ring .ring-content span{font-size:13px}.renewal-options,.renewal-choices{grid-template-columns:1fr}.ks-app>header,.ks-app .card,.ks-app .ticket-conversation{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}
@media(prefers-reduced-motion:reduce){.ks-app .button,.ks-app .primary,.detail-action{transition:none;transform:none!important}}
#subscription-dialog button.config-switch::before{width:64px;height:38px;background:linear-gradient(100deg,#fd526b,#c22445)}#subscription-dialog button.config-switch[aria-checked=true]::before{background:linear-gradient(100deg,#29e65a,#03c876)}#subscription-dialog button.config-switch::after{width:30px;height:30px;right:50px}#subscription-dialog button.config-switch[aria-checked=true]::after{right:22px}.subscription-stat.time-stat{order:-1}
@media(max-width:700px){#subscription-dialog button.config-switch::after{right:43px}#subscription-dialog button.config-switch[aria-checked=true]::after{right:15px}}

.ks-app .wallet-grid .card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:20px;margin:0}.ks-app .wallet-grid .metric{display:block;background:none;border:0;box-shadow:none;padding:0;font-size:30px;color:var(--ks-ink);line-height:1.3}.ks-app .wallet-grid{gap:12px;margin:22px 0}@media(max-width:600px){.ks-app .wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ks-app .wallet-grid .card{padding:14px 10px;border-radius:16px;font-size:11px}.ks-app .wallet-grid .metric{font-size:20px;overflow-wrap:anywhere}}

/* Keep checkout focused: one in-flow back control and the current selection. */
body:has(#wizard:not([hidden])) .ks-page-nav,
body:has(#wizard:not([hidden])) .dashboard>.toolbar,
body:has(#wizard:not([hidden])) .dashboard>h1,
body:has(#wizard:not([hidden])) .ks-account-banner,
body:has(#wizard:not([hidden])) #step-label{display:none!important}
body:has(#wizard:not([hidden])) .dashboard{margin-top:22px}
body:has(#wizard:not([hidden])) #error:empty{display:none}
#wizard #back{margin:0 0 14px;min-height:40px;padding:8px 16px}
#wizard #step-title{margin:0 0 18px;font-size:23px}
@media(max-width:600px){body:has(#wizard:not([hidden])) .dashboard{margin-top:16px}#wizard #step-title{font-size:20px}}

/* Account identity and real account metrics. */
body:has(#profile-home:not([hidden])) .dashboard>h1,body:has(#profile-home:not([hidden])) .dashboard>.toolbar,body:has(#profile-home:not([hidden])) .ks-account-banner{display:none}
.account-page{max-width:1050px;margin:auto}.account-page-title{margin:0 0 28px}.account-page-title h2{font-size:clamp(26px,3vw,38px);margin:0 0 8px}.account-page-title p,.account-welcome p,.account-stat p,.account-password small{color:var(--muted,#acb9d8);margin:0;line-height:1.8}
.account-glass{padding:24px;border:1px solid #8db6e025;border-top-color:#58d9eb50;border-radius:24px;background:linear-gradient(135deg,#192b3b55,#0c142755);box-shadow:0 18px 50px #0002;backdrop-filter:blur(20px)}
.account-welcome,.account-stat{border:1px solid #b6c9eb22;background:#23324638;border-radius:20px;padding:24px;display:flex;align-items:center;gap:22px;min-width:0}.account-welcome{margin-bottom:24px}.account-welcome h3{font-size:24px;margin:0 0 10px}.account-welcome>div{flex:1;min-width:0;overflow-wrap:anywhere}.account-welcome button{display:flex;align-items:center;gap:12px}.account-page svg{width:25px;height:25px;flex-shrink:0}.account-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9c42e7,#4448c9);box-shadow:inset 0 0 0 1px #fff3,0 0 25px #8445e52b;flex-shrink:0}.account-avatar svg{width:48px;height:48px;color:white}
.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;direction:ltr}.account-stat{direction:ltr;min-height:175px}.account-stat>div{direction:rtl;flex:1;min-width:0}.account-stat h3{font-size:17px;font-weight:500;color:var(--muted,#acb9d8);margin:0 0 14px}.account-stat strong{display:block;font-size:clamp(26px,3vw,38px);font-weight:800;overflow-wrap:anywhere;text-align:right;margin-bottom:8px}.account-stat #profile-username{font-size:clamp(17px,2vw,23px)}.account-stat p{font-size:13px}.green{--account-accent:#00e49b}.blue{--account-accent:#489bff}.purple{--account-accent:#9b62ff}.gold{--account-accent:#ffb52f}.account-orbit{width:100px;height:100px;border-radius:50%;color:var(--account-accent);border:9px solid color-mix(in srgb,var(--account-accent) 40%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--account-accent) 15%,transparent),0 0 25px color-mix(in srgb,var(--account-accent) 10%,transparent);display:grid;place-items:center;flex-shrink:0}.account-orbit svg{width:43px;height:43px}
.account-page .account-password{width:100%;display:flex;align-items:center;gap:28px;margin-top:26px;padding:24px 30px;border-radius:20px;border:1px solid #1ee4b169;background:linear-gradient(100deg,#00bf8410,#00bda20b);color:inherit;text-align:right;direction:ltr}.account-password>span:nth-child(2){flex:1;direction:rtl;text-align:left}.account-password strong{display:block;font-size:25px;margin-bottom:8px}.account-password small{display:block;font-size:16px}.account-page form{border:1px solid #9ec3eb26;border-radius:18px;padding:22px;margin:20px 0}.account-page form input{width:100%}.account-page input[readonly]{opacity:.65;cursor:default}.account-page form button{margin-top:12px}
@media(max-width:650px){.account-glass{padding:14px;border-radius:20px}.account-welcome{padding:18px 14px;gap:14px;flex-wrap:wrap}.account-avatar{width:60px;height:60px}.account-avatar svg{width:32px;height:32px}.account-welcome h3{font-size:19px}.account-welcome p{font-size:12px}.account-welcome button{margin-inline-start:auto;padding:9px 12px;font-size:12px}.account-stats{grid-template-columns:1fr;gap:12px}.account-stat{min-height:130px;padding:18px;gap:20px}.account-orbit{width:78px;height:78px;border-width:7px}.account-orbit svg{width:33px;height:33px}.account-stat strong{font-size:28px}.account-stat h3{font-size:15px;margin-bottom:8px}.account-page .account-password{padding:18px 14px;gap:15px}.account-password strong{font-size:20px}.account-password small{font-size:13px}.account-page-title{margin-bottom:18px}}
body:has(#profile-home:not([hidden])) .ks-page-nav{justify-content:flex-end}.account-welcome{direction:ltr}.account-welcome>div{direction:rtl;text-align:left}.account-welcome button{direction:rtl}
@media(max-width:650px){.account-welcome>div{flex:1 1 calc(100% - 80px)}.account-welcome button{margin-left:auto;margin-right:0}.account-page .account-password>svg{width:18px}.account-page .account-password{gap:10px}.account-password .account-orbit{width:62px;height:62px}}
/* Wallet overview and receipt top-up method picker. */
.ks-wallet .dashboard{max-width:1050px}.ks-wallet .ks-page-nav{justify-content:flex-end}.wallet-subtitle,.wallet-history-heading p,.wallet-balance-card p,.wallet-topup-card small{color:var(--muted,#acb9d8);line-height:1.8}.wallet-balance-card,.ks-wallet .wallet-topup-card{display:flex;align-items:center;gap:32px;padding:32px;border:1px solid #8db6e02b;border-radius:22px;background:linear-gradient(125deg,#18334144,#0d142644);margin:24px 0;direction:ltr;backdrop-filter:blur(18px)}.wallet-balance-card>div{direction:rtl;text-align:left;min-width:0}.wallet-balance-card h2{font-size:23px;color:#b5bafa;margin:0 0 14px}.wallet-balance-card strong{font-size:clamp(28px,4vw,44px);overflow-wrap:anywhere}.wallet-balance-card small{font-size:.6em}.wallet-balance-card .account-orbit{width:136px;height:136px;border-width:13px}.wallet-balance-card .account-orbit svg{width:56px;height:56px}.wallet-balance-card p{margin:12px 0 0}.ks-wallet .wallet-topup-card{width:100%;color:inherit;text-align:left;border-color:#1ee4b169;background:linear-gradient(100deg,#00bf8414,#00bda209)}.wallet-topup-card>span:nth-child(2){flex:1;direction:rtl;text-align:left}.wallet-topup-card strong{display:block;font-size:26px;margin-bottom:9px}.wallet-topup-card small{display:block;font-size:16px}.wallet-topup-card>svg,.wallet-method>svg{width:26px;height:26px;flex-shrink:0}.wallet-history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.wallet-history-heading h2{margin:0 0 5px;font-size:24px}.wallet-history-heading p{margin:0;font-size:14px}.wallet-history-heading>div:last-child{display:flex;gap:8px}.wallet-history-card #history .wallet-transaction{display:flex;align-items:center;gap:16px;padding:17px 20px;margin:8px 0;border:1px solid #abcaf020;border-radius:15px;background:#26405420}.transaction-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:32px;border:4px solid #24ce9b44;background:#12c99915;flex-shrink:0}.transaction-icon.debit{border-color:#9559e855;background:#9559e815;color:#b781ff}.credit{color:#23e4ad}.debit{color:#ff6c92}.neutral{color:#aab8d4}.transaction-info{flex:1;min-width:0}.transaction-info strong{font-size:17px}.transaction-info p,.transaction-info small,.transaction-info a{font-size:12px;color:var(--muted,#acb9d8);margin:4px 0;display:block;overflow-wrap:anywhere}.transaction-amount{text-align:left;flex-shrink:0}.transaction-amount strong{display:block;direction:ltr;font-size:18px}.transaction-amount time{font-size:12px;color:var(--muted,#acb9d8);display:block;margin-top:8px}.ks-wallet #topup-dialog{width:min(510px,calc(100vw - 28px));max-height:88dvh;overflow:auto;border:1px solid #96b9df45;border-radius:22px;padding:24px;background:var(--surface,#172334);color:inherit;box-shadow:0 25px 90px #0006}.ks-wallet #topup-dialog::backdrop{background:#050a16aa;backdrop-filter:blur(8px)}.wallet-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.wallet-dialog-heading h2{margin:0}.wallet-method{display:flex;width:100%;align-items:center;gap:16px;margin:22px 0;text-align:right}.wallet-method span{flex:1}.wallet-method small{display:block;margin-top:8px;color:var(--muted,#acb9d8)}#topup input{width:100%}#topup>button[type=submit],#topup>.primary{width:100%}#topup-error:empty{display:none}
@media(max-width:650px){.wallet-balance-card,.ks-wallet .wallet-topup-card{padding:22px 16px;gap:18px}.wallet-balance-card .account-orbit{width:78px;height:78px;border-width:8px}.wallet-balance-card .account-orbit svg{width:36px;height:36px}.wallet-balance-card h2{font-size:18px}.wallet-balance-card p{font-size:12px}.wallet-topup-card .account-orbit{width:68px;height:68px}.wallet-topup-card strong{font-size:21px}.wallet-topup-card small{font-size:12px}.wallet-history-heading{flex-wrap:wrap}.wallet-history-heading h2{font-size:21px}.wallet-history-heading>div:last-child{margin-right:auto}.wallet-history-card #history .wallet-transaction{padding:14px 10px;gap:10px;flex-wrap:wrap}.transaction-icon{width:38px;height:38px;font-size:25px;border-width:3px}.transaction-info strong{font-size:14px}.transaction-amount{width:100%;padding-right:48px}.transaction-amount strong{font-size:17px}.transaction-amount time{margin-top:3px}.ks-wallet #topup-dialog{padding:20px}.wallet-history-card{padding:16px!important}}
.transaction-icon svg{width:24px;height:24px}
.ks-wallet .wallet-balance-card strong small{display:inline;margin:0;color:inherit}.ks-wallet #error:empty,.ks-wallet #success:empty{display:none}.ks-wallet .wallet-balance-card{margin-top:28px}.ks-wallet .wallet-history-card{margin-top:24px}

@media(max-width:700px){.ks-wallet .wallet-account-link{display:none}}
/* Support hub: private ticket history and dedicated compose view. */
.ks-tickets .ticket-app{max-width:1080px}.ks-tickets .ks-page-nav{justify-content:flex-end}.ks-tickets #error:empty,.ks-tickets #notice:empty{display:none}.support-subtitle{color:var(--ks-muted);margin-bottom:28px}.support-hero{display:flex;direction:ltr;align-items:center;gap:26px;padding:30px;border:1px solid #36dabb66;border-radius:22px;background:linear-gradient(120deg,#07332933,#0c203344);margin:24px 0;box-shadow:inset 0 0 35px #06382a15}.support-hero>div{flex:1;direction:rtl;text-align:left;min-width:0}.support-hero h2{font-size:30px;color:#12e6b4;margin:0 0 10px;font-weight:800}.support-hero p,.support-hero small{color:var(--ks-muted);margin:8px 0;font-size:14px;line-height:1.8}.support-hero .account-orbit{width:110px;height:110px;border-width:10px}.support-hero svg{width:48px;height:48px}.ks-tickets .support-submit{border:1px solid #16e5aa;background:linear-gradient(120deg,#068e5f70,#06b98244);color:#dbfff4;border-radius:14px;padding:16px 26px;box-shadow:0 0 22px #03cc891b;font-weight:700}.support-history{border:1px solid #6c8ed43a;background:#10223728;border-radius:22px;padding:24px;margin-top:24px}.support-history-title h2{font-size:25px;font-weight:700;margin:0 0 8px}.support-history-title p{margin:0;color:var(--ks-muted)}.ticket-filters{justify-content:flex-end;margin:18px 0}.ticket-filters label{font-size:12px}.support-table-head,.ks-tickets .ticket-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr) minmax(130px,1fr) 32px;gap:15px;align-items:center}.support-table-head{padding:17px 16px;background:#3b568820;border:1px solid #7592c329;border-radius:14px 14px 0 0;color:var(--ks-muted);font-size:13px}.ks-tickets .ticket-row{padding:19px 16px;margin:7px 0;background:#2943531a;border-color:#7493b929;border-radius:14px}.ticket-topic{min-width:0}.ticket-topic strong{font-size:15px}.ticket-topic small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px}.ticket-related,.ticket-date{font-size:12px;color:var(--ks-muted);overflow-wrap:anywhere;line-height:1.9}.ks-tickets .ticket-state{font-size:11px;text-align:center;padding:7px 12px;border:1px solid #20d4a13b;background:#03b98516;color:#0be0a8}.ks-tickets .ticket-state.waiting{color:#ffd15b;background:#9f680323;border-color:#e6b53655}.ks-tickets .ticket-state.closed{color:#a2c8ff;background:#34569322;border-color:#709ede3b}.ticket-open-arrow{display:grid;place-items:center;width:32px;height:36px;background:#849bb51a;border:1px solid #b5cce626;border-radius:9px;font-size:25px}.support-hero aside{max-width:310px;direction:rtl;text-align:right;padding:18px;color:#a8c5ff;border:1px solid #4284ed55;border-radius:14px;background:#1753a912;font-size:13px;line-height:1.9}.ks-tickets .ticket-conversation.is-new{padding:16px;border:1px solid #2ecebc55;border-radius:22px;background:#081d302b}.is-new #new-ticket-banner{border:0;margin:0;padding:16px 12px 30px;background:none;box-shadow:none}.is-new #messages:empty{display:none}.is-new #ticket-form{border:1px solid #3a67982f;border-radius:18px;padding:26px}.ks-tickets #new-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.ks-tickets #new-fields>label:first-child,.ks-tickets #new-fields>label:last-child{grid-column:1/-1}.ks-tickets #ticket-form label{font-size:15px}.ks-tickets #ticket-form select{width:100%;margin-top:10px}.ks-tickets #ticket-body{min-height:170px;margin-top:12px}.support-upload{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px dashed #6394ec77;border-radius:15px;background:#17438510;margin:20px 0}.support-upload strong{font-size:16px}.support-upload p{margin:6px 0;font-size:12px}.support-upload .ticket-toolbar{justify-content:flex-end}.support-form-actions{border-top:1px solid #a9c5e01c;display:flex;justify-content:center;gap:14px;padding-top:24px;margin-top:24px}.support-form-actions .button{min-width:125px;text-align:center}.ks-tickets .ticket-message{background:#354c744f;border:1px solid #87a7d522;backdrop-filter:blur(10px)}.ks-tickets .ticket-message.support{background:#0d655d38;border-color:#19c6a52a}.ks-tickets .ticket-conversation{background:#10243733;border-color:#85b4d835}
@media(max-width:700px){.ks-tickets header a[href='/account']:not(.ks-brand){display:none}.support-hero{flex-wrap:wrap;padding:22px 18px;gap:18px}.support-hero .account-orbit{width:72px;height:72px;border-width:7px}.support-hero svg{width:34px;height:34px}.support-hero>div{flex:1 1 calc(100% - 100px)}.support-hero h2{font-size:24px}.support-hero p,.support-hero small{font-size:12px}.support-hero #new-ticket{width:100%}.support-hero aside{max-width:none;width:100%;padding:13px}.support-history{padding:14px}.support-table-head{display:none}.ks-tickets .ticket-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 12px}.ticket-topic{grid-column:1/-1}.ticket-related{grid-column:1}.ticket-date{grid-column:1;font-size:11px}.ks-tickets .ticket-row .ticket-state{grid-column:2;grid-row:2}.ticket-open-arrow{grid-column:2;grid-row:3;justify-self:end}.support-history-title h2{font-size:21px}.ks-tickets .ticket-conversation.is-new{padding:10px}.is-new #ticket-form{padding:16px}.ks-tickets #new-fields{grid-template-columns:1fr}.support-upload{padding:16px;flex-wrap:wrap;gap:10px}.support-upload .ticket-toolbar{width:100%;justify-content:flex-start}.support-form-actions .button{min-width:100px}.ks-tickets #ticket-form label{font-size:13px}.is-new #new-ticket-banner{padding:12px 8px 22px}}
.ks-tickets .ticket-app>h1{display:block!important}.support-inline-icon{width:32px;height:32px;vertical-align:middle;color:#628eff;margin-inline-end:8px}.ks-tickets .support-submit.button{background:linear-gradient(120deg,#068e5f70,#06b98244)!important;color:#dbfff4!important}.ks-tickets .support-hero .support-submit{flex-shrink:0}

.ks-tickets .ticket-state.closed{color:#bcc2cc;background:#80858f25;border-color:#a7adb83b}.ks-tickets #conversation-tools{border-bottom:1px solid #aac4e025;padding-bottom:16px;margin-bottom:16px;justify-content:space-between}.ks-tickets #conversation-tools #ticket-heading{flex-basis:100%;font-size:17px;margin:0;overflow-wrap:anywhere}.ks-tickets #ticket-rating{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px;margin:16px 0;border:1px solid #11dc9e44;background:#03ab7610;border-radius:14px}.ks-tickets #ticket-rating label{display:flex;align-items:center;gap:10px}.ks-tickets .ticket-customer-email{direction:ltr;unicode-bidi:plaintext;color:#b7ceee;overflow-wrap:anywhere;white-space:normal}.ks-tickets .support-table-head{margin-top:22px}

.ks-tickets #ticket-heading{font-size:17px;overflow-wrap:anywhere;margin:0 0 18px}.ks-tickets .is-new #ticket-heading{display:none}

/* Clearer conversation state and close action. */
.ks-tickets #ticket-state .ticket-state{display:inline-flex;align-items:center;font-size:15px;font-weight:700;padding:11px 18px;min-height:44px;border-radius:24px}.ks-tickets #ticket-close.button{background:#9f233b38!important;border:1px solid #f16b8177!important;color:#ff9cad!important;font-size:15px;font-weight:700;padding:12px 22px;min-height:46px;border-radius:13px}.ks-tickets #ticket-close.button:hover{background:#b62e4755!important}.ks-tickets .message-date{display:block;direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
/* Messenger layout: opaque bubbles, one scroll area, compact composer. */
body.ks-tickets:has(#conversation:not([hidden]):not(.is-new)) .ticket-app>h1,body.ks-tickets:has(#conversation:not([hidden]):not(.is-new)) #support-subtitle{display:none!important}
.ks-tickets #conversation:not(.is-new){display:flex;flex-direction:column;height:calc(100dvh - 200px);min-height:560px;max-height:900px;padding:18px;background:#111e2b!important;border:1px solid #43536980;box-shadow:0 16px 45px #0002;overflow:hidden;gap:0}
.ks-tickets #conversation:not(.is-new) #ticket-heading{flex-shrink:0;margin:0 0 12px;font-size:17px}.ks-tickets #conversation-tools{flex-shrink:0;margin:0;padding:0 0 12px}.ks-tickets #conversation:not(.is-new) #messages{flex:1;min-height:100px;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 12px;background:radial-gradient(ellipse at 20% 10%,#23443933,transparent 70%),#0e1924;border-radius:12px;margin:10px 0}
.ks-tickets #messages::-webkit-scrollbar{width:0;height:0}.ks-tickets .ticket-message,.ks-tickets .ticket-message.support{flex:0 0 auto;display:block;width:fit-content;max-width:min(76%,620px);min-width:90px;margin:0;padding:9px 13px;border:0!important;border-radius:14px;background:#203345!important;box-shadow:0 1px 2px #0003;backdrop-filter:none!important;color:#edf3fa;overflow-wrap:anywhere;text-align:start;position:relative}.ks-tickets .ticket-message.outgoing{align-self:flex-start;background:#24483f!important;border-radius:14px 14px 4px 14px}.ks-tickets .ticket-message.incoming{align-self:flex-end;background:#203345!important;border-radius:14px 14px 14px 4px}.ks-tickets .ticket-message strong{display:block;font-size:11px;font-weight:600;color:#7ed8c0;margin:0 0 3px;line-height:1.6}.ks-tickets .ticket-message.incoming strong{color:#86c4ff}.ks-tickets .ticket-message p{color:#edf3fa!important;font-size:14px;line-height:1.75;margin:0!important;white-space:pre-wrap;unicode-bidi:plaintext}.ks-tickets .ticket-message .message-date{font-size:10px!important;line-height:1.4;margin:4px 0 0!important;color:#a4b9c6!important;text-align:left}.ks-tickets .ticket-message img{max-width:min(100%,340px);max-height:280px;object-fit:contain;margin:6px 0;border-radius:10px}
.ks-tickets #conversation:not(.is-new) #ticket-form{flex-shrink:0;margin:0;border:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end}.ks-tickets #conversation:not(.is-new) #ticket-form>label{grid-column:1/-1;font-size:0;margin:0}.ks-tickets #conversation:not(.is-new) #ticket-body{font-size:14px;min-height:52px;height:64px;max-height:100px;margin:0;padding:12px 14px;resize:vertical;background:#1c2c3d!important;border-radius:16px;line-height:1.6}.ks-tickets #conversation:not(.is-new) .support-upload{grid-column:1;display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:flex-start;padding:0;border:0;margin:0;background:none}.ks-tickets #conversation:not(.is-new) .support-upload>div:first-child{display:flex;gap:8px;align-items:center}.ks-tickets #conversation:not(.is-new) .support-upload strong{font-size:11px;font-weight:500}.ks-tickets #conversation:not(.is-new) .support-inline-icon{width:20px;height:20px;margin-inline-end:3px}.ks-tickets #conversation:not(.is-new) .support-upload p{font-size:10px;margin:0}.ks-tickets #conversation:not(.is-new) .support-upload .ticket-toolbar{width:auto;margin:0}.ks-tickets #conversation:not(.is-new) .upload-label{font-size:11px;padding:8px 10px;min-height:36px;margin:0}.ks-tickets #conversation:not(.is-new) .support-form-actions{grid-column:2;grid-row:2;padding:0;margin:0;border:0}.ks-tickets #conversation:not(.is-new) .support-form-actions a{display:none}.ks-tickets #conversation:not(.is-new) .support-form-actions button{min-width:68px;padding:10px 14px;border-radius:16px}.ks-tickets #conversation:not(.is-new) #image-preview{grid-column:1/-1;margin:0;display:flex;align-items:center;gap:12px}.ks-tickets #conversation:not(.is-new) #preview-canvas{max-height:70px;max-width:110px;margin:0}.ks-tickets #ticket-rating{flex-shrink:0;margin:8px 0;padding:10px}.ks-tickets #closed-message{margin:4px 0;font-size:12px}.ks-tickets #older-messages{align-self:center;flex-shrink:0;margin:8px 0 0;padding:6px 14px;font-size:11px}
@media(max-width:700px){.ks-tickets #conversation:not(.is-new){height:calc(100dvh - 166px);min-height:490px;max-height:none;padding:12px;margin-top:10px;border-radius:18px}.ks-tickets .ticket-message,.ks-tickets .ticket-message.support{max-width:88%;padding:8px 11px}.ks-tickets #conversation:not(.is-new) #messages{padding:12px 7px}.ks-tickets .ticket-message p{font-size:13px}.ks-tickets #conversation:not(.is-new) #ticket-heading{font-size:15px}.ks-tickets #conversation:not(.is-new) #ticket-form{gap:7px}.ks-tickets #conversation:not(.is-new) .support-upload{gap:4px}.ks-tickets #conversation:not(.is-new) #ticket-body{height:54px;min-height:48px}.ks-tickets #conversation:not(.is-new) .support-form-actions button{min-width:60px;padding:10px}.ks-tickets #conversation:not(.is-new) .support-upload>div:first-child{gap:4px}}
body.ks-tickets:has(#conversation:not([hidden]):not(.is-new)) .ticket-app{margin-top:10px;padding-bottom:10px}html:has(body.ks-tickets #conversation:not([hidden]):not(.is-new)){scrollbar-width:none}html:has(body.ks-tickets #conversation:not([hidden]):not(.is-new))::-webkit-scrollbar{display:none}@media(max-height:600px){.ks-tickets #conversation:not(.is-new){min-height:340px}}
body.ks-tickets:has(#conversation:not([hidden]):not(.is-new)) #notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ks-tickets #ticket-heading:focus{outline:none}.ks-tickets #conversation:not(.is-new) #ticket-body{resize:none;scrollbar-width:none}.ks-tickets #conversation:not(.is-new) #ticket-body::-webkit-scrollbar{display:none}

/* Minimal subscription list and centered first-purchase state. */
body:has(#subscriptions-home:not([hidden])) .dashboard>.toolbar,body:has(#subscriptions-home:not([hidden])) .dashboard>h1,body:has(#subscriptions-home:not([hidden])) .ks-account-banner,body:has(#subscriptions-home:not([hidden])) #demo-note{display:none!important}
#subscriptions-home{max-width:1080px;margin:0 auto}#subscriptions-home .subscriptions-page-title{font-size:24px;padding:19px 24px;margin:0 0 20px;border:1px solid var(--ks-line);border-radius:18px;background:var(--ks-surface);box-shadow:var(--ks-shadow)}
#subscriptions-list.is-empty{display:grid;place-items:center;min-height:55dvh;max-height:none;overflow:visible;padding:24px 0}#subscriptions-list .subscription-empty{width:min(440px,100%);padding:36px 24px;border:1px solid #f4a24599;border-radius:24px;background:linear-gradient(135deg,#ed8b171c,#d9760b0d);box-shadow:0 12px 40px #c7770810;text-align:center}#subscriptions-list .subscription-empty h3{color:#ffb85c;font-size:26px;margin:0 0 14px}#subscriptions-list .subscription-empty p{font-size:17px;color:var(--ks-ink);margin:0 0 25px}.ks-app #subscriptions-list .subscription-empty-buy{display:inline-flex;justify-content:center;align-items:center;min-height:48px;min-width:170px;padding:12px 24px;color:#ffc478;background:#d87d1826;border:1px solid #f4a24588;border-radius:14px;font-weight:700}.ks-app #subscriptions-list .subscription-empty-buy:hover{background:#d87d183d}
@media(max-width:700px){#subscriptions-home .subscriptions-page-title{font-size:21px;padding:16px 18px}#subscriptions-list.is-empty{min-height:55dvh;padding:18px 0}#subscriptions-list .subscription-empty{padding:30px 20px;border-radius:20px}}

#subscriptions-list .subscription-empty{background:radial-gradient(ellipse at top,#ff99001a,transparent 65%),linear-gradient(135deg,#ed8b1712,#d9760b08);box-shadow:inset 0 0 0 3px #f4a2450b,0 12px 40px #c7770810}.subscription-empty-icon{display:grid;place-items:center;width:124px;height:124px;margin:0 auto 22px;border:2px solid #ffa51d;border-radius:50%;color:#ffb52e;background:radial-gradient(circle,#ffa60008 45%,#e9941638);box-shadow:inset 0 0 20px #ffa60026,0 0 34px #ffa60024}.subscription-empty-icon svg{width:60px;height:60px}#subscriptions-list .subscription-empty .subscription-empty-title{font-size:25px;font-weight:700;margin-bottom:14px}#subscriptions-list .subscription-empty small{display:block;font-size:13px;line-height:1.9;color:var(--ks-muted);margin-bottom:28px}.ks-app #subscriptions-list .subscription-empty-buy{gap:12px;width:min(300px,100%);font-size:17px;color:#fff7eb;background:linear-gradient(120deg,#bc570c,#e57e0d)!important;border:1px solid #ffa51d;box-shadow:0 0 22px #fa900029,inset 0 0 12px #ffb84555}.subscription-empty-buy svg{width:25px;height:25px;flex-shrink:0}.ks-app #subscriptions-list .subscription-empty-buy:hover{filter:brightness(1.12)}

/* Subscription cards: identity, remaining traffic, validity and details. */
#subscriptions-list:not(.is-empty){max-height:none;overflow:visible;gap:12px;padding:18px;border:1px solid var(--ks-line);border-radius:22px;background:#0b1d291c}
#subscriptions-list .subscription-row{flex:0 0 auto;min-height:150px;max-height:none;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(140px,1fr);gap:18px;align-items:center;padding:24px 18px;border:1px solid #577b8b35;border-radius:18px;background:linear-gradient(115deg,#15263866,#10283133);box-shadow:inset 0 0 0 3px #aacfff03}
#subscriptions-list .subscription-row:hover{border-color:#718fa777;background:#19344355}
#subscriptions-list .subscription-row.finished{border-color:#bc555855}
.subscription-row .sub-identity{display:flex;align-items:center;gap:14px;min-width:0}.sub-emblem{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:linear-gradient(130deg,#933de5,#405ee0);box-shadow:inset 0 0 14px #e0bdff55,0 0 20px #8045ec20;color:#fff}.sub-emblem svg{width:32px;height:32px}.sub-names{min-width:0}
#subscriptions-list .subscription-row strong,#subscriptions-list .subscription-row span,#subscriptions-list .subscription-row small{display:block;grid-column:auto;grid-row:auto;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.8}.subscription-row .sub-names strong{font-size:20px;line-height:1.5!important;color:var(--ks-ink)}.subscription-row .sub-names span{font-size:13px;color:var(--ks-muted);margin-top:4px}.subscription-row .sub-names small{font-size:11px;color:var(--ks-muted);margin-top:4px}
.sub-metric{text-align:center;border-inline-end:1px solid #6083961a;padding-inline:8px}.subscription-row .sub-metric>span{font-size:12px;color:var(--ks-muted)}.sub-value{display:flex;justify-content:center;align-items:center;gap:9px;margin:6px 0}.sub-value svg{width:26px;height:26px;flex-shrink:0}.sub-volume svg{color:#12dca2}.sub-days svg{color:#499ffc}.subscription-row .sub-value strong{font-size:22px;line-height:1.4!important}.subscription-row .sub-metric small{font-size:12px;color:var(--ks-muted)}.sub-row-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.subscription-row .sub-status{display:inline-flex!important;align-items:center;gap:8px;padding:3px 18px;border-radius:24px;font-size:12px;border:1px solid #00bd8055;background:#00bd801c;color:#27e9ac}.sub-status:before{content:'';width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.subscription-row .sub-status.expired{color:#ff7d8d;border-color:#ff7d8d55;background:#ff7d8d15}.subscription-row .sub-status.disabled{color:#b8c1cc;border-color:#b8c1cc55;background:#b8c1cc15}.subscription-row .sub-details{font-size:12px;border:1px solid var(--ks-line);border-radius:10px;padding:6px 15px;background:#98bafa08}.subscription-row .sub-row-actions small{font-size:10px;color:var(--ks-muted)}
@media(max-width:1100px){#subscriptions-list .subscription-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:12px}.sub-row-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between;border-top:1px solid #60839620;padding-top:12px}.subscription-row .sub-names strong{font-size:18px}.sub-emblem{width:50px;height:50px}}
@media(max-width:600px){#subscriptions-list:not(.is-empty){padding:10px;gap:12px;border-radius:18px}#subscriptions-list .subscription-row{grid-template-columns:1fr 1fr;padding:16px 12px;gap:16px 8px}.sub-identity{grid-column:1/-1}.subscription-row .sub-names strong{font-size:20px}.sub-emblem{width:56px;height:56px}.sub-metric{padding:8px 2px;background:#5784a508;border-radius:10px;border:1px solid #60839615}.subscription-row .sub-value strong{font-size:19px}.sub-row-actions{flex-wrap:wrap;gap:10px}.subscription-row .sub-row-actions small{flex-basis:100%;text-align:center}.subscription-row .sub-details{padding:6px 10px}}

.subscriptions-title-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.subscriptions-title-bar h2{font-size:inherit;margin:0}.ks-app .import-config-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(120deg,#b594182c,#e4c52b17)!important;color:#ffdc5b!important;border:1px solid #e9c34888!important;border-radius:12px;padding:10px 18px;min-height:44px;font-size:14px;font-weight:700;box-shadow:inset 0 0 14px #ffd9450c}.import-config-button span{font-size:22px;line-height:1}.ks-app .import-config-button:hover{filter:brightness(1.16)}#import-config-dialog{width:min(520px,calc(100% - 28px));max-height:85dvh;padding:24px}#import-config-dialog h2{font-size:22px}#import-config-dialog p{font-size:13px;line-height:1.9}#import-config-form label{display:block;margin:16px 0 8px}#import-config-form select,#import-config-form textarea{width:100%;box-sizing:border-box}#import-config-form textarea{min-height:110px;resize:vertical;overflow-wrap:anywhere}.import-config-note{color:var(--ks-muted)}.ks-app #subscription-dialog .import-locked{filter:grayscale(1);opacity:.55;cursor:help}.ks-app #subscription-dialog .import-locked:focus-visible{outline:2px solid #b8c3d8;outline-offset:3px}.ks-app .import-config-button:disabled{opacity:.5}@media(max-width:600px){#subscriptions-home .subscriptions-title-bar{padding:14px 12px;gap:8px}.subscriptions-title-bar h2{font-size:18px}.ks-app .subscriptions-title-bar .import-config-button{font-size:12px;padding:8px 10px}#import-config-dialog{padding:18px}}

#subscription-import-message{font-size:13px;color:#ffdc70;background:#b8981620;border:1px solid #dab53544;padding:10px 14px;border-radius:10px}

/* Per-subscription overflow actions, separate from the details button. */
.subscription-row-wrap{position:relative;flex:0 0 auto;min-width:0}.subscription-row-wrap:has(.subscription-row-menu[open]){z-index:5}#subscriptions-list .subscription-row-wrap>.subscription-row{width:100%;box-sizing:border-box;padding-top:38px}.subscription-row-menu{position:absolute;inset-inline-start:9px;top:7px;z-index:2}.subscription-row-menu summary{display:grid;place-items:center;list-style:none;width:36px;height:32px;border-radius:9px;color:var(--ks-muted);cursor:pointer}.subscription-row-menu summary::-webkit-details-marker{display:none}.subscription-row-menu summary svg{width:22px;height:22px}.subscription-row-menu summary:hover,.subscription-row-menu[open] summary{background:#a9bddb18;color:var(--ks-ink)}.subscription-row-menu summary:focus-visible{outline:2px solid #ddbd53;outline-offset:2px}.subscription-menu-options{position:absolute;inset-inline-start:0;top:36px;min-width:175px;padding:6px;background:#192638;border:1px solid #7691b450;border-radius:13px;box-shadow:0 14px 40px #0006;display:flex;flex-direction:column;gap:4px}.ks-app .subscription-menu-options button{width:100%;margin:0;background:transparent!important;border:0!important;border-radius:8px;padding:11px 13px;text-align:right;font:inherit;font-size:13px;color:#ff9da7;cursor:pointer}.ks-app .subscription-menu-options button:hover:not(:disabled){background:#fb64761c!important}.ks-app .subscription-menu-options button:disabled{color:#8993a3;opacity:.55;cursor:not-allowed}.ks-app .subscription-menu-options button:focus-visible{outline:2px solid #ddbd53;outline-offset:-2px}

/* Host resources: lightweight gauges, scoped to the admin dashboard. */
.server-resources{margin:0 0 24px;padding:20px 24px;border:1px solid var(--ks-border,rgba(156,179,218,.18));border-radius:22px;background:rgba(22,34,52,.55);backdrop-filter:blur(16px)}
.resources-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.resources-heading h2{font-size:17px;margin:0}.resources-heading span{font-size:12px;color:#a7b4c9}
.resources-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:ltr;gap:20px}.resource-card{text-align:center;min-width:0;color:#c3cbd6}.resource-gauge{position:relative;width:160px;max-width:100%;margin:auto}.resource-gauge svg{width:100%;display:block;overflow:visible}.resource-gauge path{fill:none;stroke-width:6;stroke-linecap:round}.resource-track{stroke:#2d3b53}.resource-fill{stroke:#009e88;transition:stroke-dasharray .6s ease}.resource-gauge strong{position:absolute;inset:48% 0 auto;font-size:19px;line-height:1;font-weight:600;direction:ltr}.resource-caption{font-size:14px;direction:ltr;margin-top:10px;overflow-wrap:anywhere}.resources-stale{opacity:.5}
.ks-light .server-resources{background:rgba(244,248,255,.75)}.ks-light .resource-card{color:#33445b}.ks-light .resource-track{stroke:#dbe3ee}.ks-light .resources-heading span{color:#55657c}
@media(max-width:640px){.server-resources{padding:16px 12px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.resources-heading{align-items:flex-start;flex-direction:column;gap:6px}.resource-gauge{width:128px}.resource-caption{font-size:12px}.resource-gauge strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.resource-fill{transition:none}}
/* Purchase flow: shared vector flags, selectable rings and glass cards. */
.purchase-icon{display:inline-flex;width:30px;height:30px;flex-shrink:0}.purchase-icon svg{width:100%;height:100%}.purchase-orbit{--ring:#9b39ff;--glow:#9b39ff66;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:88px;height:88px;border-radius:50%;padding:14px;box-sizing:border-box;color:var(--ring);background:radial-gradient(circle,#101d31 44%,var(--ring) 71%,#102236 77%);box-shadow:0 0 22px var(--glow),inset 0 0 12px var(--glow)}.purchase-orbit .purchase-icon{width:38px;height:38px}.purchase-flag{display:flex;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#12243c}.purchase-flag svg{width:100%;height:100%}.ring-blue{--ring:#1874ff;--glow:#1874ff55}.ring-gold{--ring:#ffa800;--glow:#ffa80055}.ring-green{--ring:#00dd8a;--glow:#00dd8a55}.ring-pink{--ring:#f12b94;--glow:#f12b9455}.ring-cyan{--ring:#00ccf0;--glow:#00ccf055}.ring-red{--ring:#ff4957;--glow:#ff495755}.ring-orange{--ring:#ff7b20;--glow:#ff7b2055}.ring-silver{--ring:#bad3e9;--glow:#bad3e955}.ring-rainbow{--ring:#aa7dff;--glow:#aa7dff55;background:radial-gradient(circle,#132338 43%,transparent 47%),conic-gradient(#fc497b,#ffc94d,#00de8b,#168fff,#aa49ff,#fc497b)}
.visual-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.visual-option{display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:12px!important;background:rgba(80,110,155,.09)!important;color:inherit!important;border:1px solid #7083a44d!important;border-radius:14px!important;font-size:12px!important}.visual-option .purchase-orbit{width:60px;height:60px;padding:10px}.visual-option[aria-pressed=true]{outline:2px solid #00dc9b!important}.visual-option .purchase-icon{width:24px;height:24px}
.purchase-wizard{max-width:1100px;margin:0 auto 40px}.purchase-page-title h2{font-size:32px;margin:0 0 8px}.purchase-page-title p{color:#a7b5d7;margin:0 0 26px}.purchase-steps{list-style:none;display:flex!important;padding:28px 14px!important;margin:0 0 22px!important;border:1px solid #36526b;border-radius:20px;background:linear-gradient(120deg,#09334144,#10192e88);color:#aab9dc!important;line-height:1.4!important}.purchase-steps li{position:relative;flex:1;text-align:center;min-width:0}.purchase-steps li:not(:last-child):after{content:'';position:absolute;top:24px;right:calc(50% + 26px);width:calc(100% - 52px);height:1px;background:#677ba3}.purchase-steps span{display:flex;width:50px;height:50px;margin:auto auto 14px;align-items:center;justify-content:center;border:1px solid #9aacf3;border-radius:50%;font-size:22px;background:#0e1b31}.purchase-steps small{font-size:14px}.purchase-steps .current span{border:3px solid #00e797;box-shadow:0 0 20px #00e79744;color:#dfffee}.purchase-steps .current small{color:#fff;font-weight:bold}.purchase-steps .completed span{color:#04eaa6;border-color:#04eaa6}.purchase-steps .completed:after{background:#04eaa6!important}
.purchase-panel{background:linear-gradient(130deg,rgba(10,33,49,.8),rgba(8,25,39,.72));border:1px solid #37526988;border-radius:22px;padding:28px;backdrop-filter:blur(18px)}.purchase-section-title{display:flex;align-items:center;gap:20px;margin-bottom:26px}.purchase-section-title h2{font-size:27px;margin:0 0 8px!important}.purchase-section-title p{margin:0;color:#a6b7d8}.purchase-section-title .purchase-orbit{background:linear-gradient(135deg,#ad2fff,#335fff);color:#fff;width:78px;height:78px;box-shadow:0 0 25px #8844ff44}
.purchase-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.purchase-wizard .purchase-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;width:100%;padding:26px 16px 20px;border:1px solid #53648055;border-radius:16px;background:linear-gradient(135deg,#1e355844,#172c3c66);color:#eff5ff;font:inherit;text-align:center;cursor:pointer;box-shadow:inset 0 1px 0 #b9d5ff08;margin:0}.purchase-option:before{content:'';position:absolute;top:18px;left:18px;width:19px;height:19px;border:1px solid #9cafed;border-radius:50%}.purchase-wizard .purchase-option.selected{border-color:#00e49a;background:linear-gradient(130deg,#00dca018,#00394440);box-shadow:0 0 0 1px #00dc9422}.purchase-option.selected:before{border:2px solid #00e89b;background:radial-gradient(circle,#00e89b 45%,transparent 50%)}.purchase-wizard .purchase-option h3{font-size:19px;margin:8px 0 0}.purchase-wizard .purchase-option p,.purchase-option small{color:#a3b7d6;line-height:1.8;margin:0;white-space:pre-line;overflow-wrap:anywhere}.purchase-wizard .purchase-option .purchase-price{display:block;border-top:1px solid #5b769840;padding-top:14px;margin-top:auto;width:100%;font-size:20px;color:#c6d6ff}.purchase-wizard .purchase-option.selected .purchase-price{color:#00e49a}.purchase-wizard .purchase-option:disabled{opacity:.45;cursor:not-allowed}.purchase-wizard button:focus-visible,.visual-option:focus-visible{outline:3px solid #84b5ff;outline-offset:4px}
.purchase-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #647b9326;margin-top:28px;padding-top:24px}.purchase-footer button{font:inherit;min-height:58px;border-radius:14px;cursor:pointer;color:#dcf0ff;border:1px solid #5b7fa24d;background:#15314a66}.purchase-footer .purchase-primary{background:linear-gradient(120deg,#00db85,#008d61);border-color:#00ed98;color:white;box-shadow:0 0 18px #00d39320;font-weight:700}.purchase-footer button:disabled{opacity:.4;cursor:not-allowed}.purchase-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.purchase-specs>div{display:flex;align-items:center;gap:14px;border:1px solid #55708744;padding:18px;border-radius:14px;background:#1c37502b;min-width:0}.purchase-specs>div:last-child{grid-column:1/-1}.purchase-specs .purchase-orbit{width:62px;height:62px;padding:10px}.purchase-specs .purchase-icon{width:28px;height:28px}.purchase-specs strong,.purchase-specs span:not(.purchase-orbit):not(.purchase-icon):not(.purchase-flag){display:block}.purchase-specs strong{font-size:16px;margin-top:8px;overflow-wrap:anywhere}.purchase-specs div>span{color:#a9badd}.purchase-features,.purchase-info{border:1px solid #45658255;border-radius:14px;padding:18px;margin-top:14px;background:#10344d33}.purchase-info{font-size:14px;color:#a9bfdc}.purchase-summary{border:1px solid #54688644;border-radius:16px;padding:18px;margin-bottom:28px;background:#16364e33}.purchase-summary>div{display:flex;justify-content:space-between;gap:20px;padding:12px;border-bottom:1px solid #50678633}.purchase-summary>div:last-child{background:#00ce8d15;color:#00efac;border-radius:12px;font-size:20px;border:0}.purchase-summary strong{overflow-wrap:anywhere}.purchase-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.purchase-methods .purchase-option{padding:24px 14px}.purchase-methods .purchase-orbit{width:65px;height:65px;padding:12px}.purchase-methods .purchase-icon{width:30px;height:30px}.purchase-coupon{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:18px;border:1px solid #536b8944;border-radius:16px}.purchase-coupon input{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.purchase-coupon p{grid-column:1/-1;margin:0;color:#00eaa0}.purchase-coupon button{font:inherit;color:inherit;border:1px solid #6387ba77;border-radius:12px;padding:12px;background:#2459a533}
.ks-light .purchase-panel,.ks-light .purchase-steps{background:rgba(241,249,255,.8);color:#244267!important;border-color:#c3d7e5}.ks-light .purchase-wizard .purchase-option{background:#ffffff80;color:#20354d;border-color:#c3d4e8}.ks-light .purchase-wizard p,.ks-light .purchase-option small,.ks-light .purchase-specs div>span{color:#516787}.ks-light .purchase-option.selected{background:#d6fff080}.ks-light .purchase-steps .current small{color:#16442d}.ks-light .purchase-summary>div:last-child{color:#007c57}.ks-light .purchase-wizard .purchase-price{color:#205185}.ks-light .purchase-footer .purchase-back{color:#244267}
@media(max-width:700px){.purchase-panel{padding:18px 12px}.purchase-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.purchase-wizard .purchase-option{padding:20px 10px 16px;gap:8px}.purchase-wizard .purchase-option h3{font-size:15px}.purchase-wizard .purchase-option p{font-size:12px}.purchase-wizard .purchase-option .purchase-price{font-size:16px}.purchase-option:before{left:10px;top:10px;width:15px;height:15px}.purchase-orbit{width:70px;height:70px;padding:12px}.purchase-orbit .purchase-icon{width:28px;height:28px}.purchase-section-title{gap:14px}.purchase-section-title h2{font-size:22px}.purchase-section-title p{font-size:13px}.purchase-section-title .purchase-orbit{width:60px;height:60px}.purchase-page-title h2{font-size:27px}.purchase-steps{padding:20px 4px!important}.purchase-steps span{width:34px;height:34px;font-size:17px;margin-bottom:10px}.purchase-steps small{font-size:10px;line-height:1.5;display:block}.purchase-steps li:not(:last-child):after{top:17px;right:calc(50% + 18px);width:calc(100% - 36px)}.purchase-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-specs>div{padding:14px 8px;gap:9px;flex-direction:column;text-align:center}.purchase-specs strong{font-size:14px}.purchase-specs div>span{font-size:12px}.purchase-coupon{grid-template-columns:1fr auto}.purchase-coupon label{grid-column:1/-1}.purchase-coupon input{grid-column:1}.purchase-summary{padding:8px}.purchase-summary>div{font-size:13px;padding:12px 5px}.purchase-summary>div:last-child{font-size:15px}.purchase-methods strong{font-size:14px}.purchase-methods small{font-size:12px}.purchase-footer{gap:10px}.purchase-footer button{font-size:14px;padding:10px}.purchase-wizard #plan-details>h3{font-size:16px}}
body:has(#wizard:not([hidden])) #step-label.purchase-steps{display:flex!important}
.purchase-wizard{scroll-margin-top:105px}.purchase-card-detail{display:flex;align-items:center;gap:8px;width:100%;text-align:right}.purchase-card-detail .purchase-icon{width:18px;height:18px}.purchase-option p:empty{display:none}.server-top>.purchase-orbit{width:56px;height:56px;padding:10px}.server-top>.purchase-orbit .purchase-icon{width:25px;height:25px}

/* Focused administration dashboard and receipt review. */
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.admin-stat-grid .card{margin:0;padding:24px}.admin-stat-grid strong{display:block;font-size:32px;color:var(--ks-text,#edf0ff)}.admin-workspace{max-width:1100px;margin:0 auto;padding:12px}.admin-workspace>h2{margin-top:0}.admin-workspace #orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ks-app .admin-order{margin:0;border:1px solid;padding:22px;overflow:hidden;background:rgba(20,30,48,.65);border-radius:20px}.ks-app .order-pending{border-color:#d8a62b;background:linear-gradient(145deg,rgba(198,148,22,.09),rgba(17,28,44,.85))}.ks-app .order-approved{border-color:#1abf87;background:linear-gradient(145deg,rgba(0,180,124,.09),rgba(17,28,44,.85))}.ks-app .order-rejected{border-color:#e55f72;background:linear-gradient(145deg,rgba(210,57,76,.1),rgba(17,28,44,.85))}.order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-heading h2{font-size:20px;margin:0}.order-status{padding:7px 12px;border-radius:20px;background:rgba(220,168,34,.14);color:#ffd879}.order-approved .order-status{color:#65ebba;background:rgba(20,180,128,.15)}.order-rejected .order-status{color:#ff9bac;background:rgba(210,65,88,.15)}.order-customer{overflow-wrap:anywhere;unicode-bidi:plaintext}.order-tag{font-weight:bold}.rejection-reason{padding:14px;border-radius:12px;background:rgba(216,56,80,.12);white-space:pre-wrap;overflow-wrap:anywhere}.receipt-holder{min-height:120px;margin:20px 0;text-align:center}.receipt-holder .receipt{max-width:100%;max-height:460px;object-fit:contain;border-radius:12px;background:#fff;display:block;margin:12px auto}.order-actions{display:flex;gap:10px}.ks-app .order-actions button{flex:1;margin:0}.ks-app .order-actions .approve{background:rgba(0,184,121,.2);border-color:#20bd89;color:#74f1c2}.ks-app .order-actions .reject{background:rgba(221,58,85,.15);border-color:#dd526a;color:#ff9aab}.admin-order textarea{min-height:90px}.admin-workspace #load-more{display:block;margin:24px auto}.admin-dashboard~.ks-sidebar{padding-top:24px}
@media(max-width:900px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.admin-workspace{padding:4px}.admin-workspace #orders{grid-template-columns:1fr}.ks-app .admin-order{padding:17px}.admin-stat-grid{gap:10px}.admin-stat-grid .card{padding:16px}.admin-stat-grid p{font-size:13px}.admin-stat-grid strong{font-size:27px}}
.admin-stat-grid strong{color:inherit}.ks-app.ks-light .admin-order{background:rgba(255,255,255,.7)}.ks-app.ks-light .order-pending{background:linear-gradient(145deg,rgba(255,244,207,.85),rgba(255,255,255,.8))}.ks-app.ks-light .order-approved{background:linear-gradient(145deg,rgba(219,251,237,.85),rgba(255,255,255,.8))}.ks-app.ks-light .order-rejected{background:linear-gradient(145deg,rgba(255,227,233,.85),rgba(255,255,255,.8))}.ks-light .order-pending .order-status{color:#785500}.ks-light .order-approved .order-status{color:#096948}.ks-light .order-rejected .order-status{color:#a02b40}.ks-app.ks-light .order-actions .approve{color:#076142}.ks-app.ks-light .order-actions .reject{color:#a52c42}
.admin-mobile-title{display:none}@media(max-width:640px){.admin-mobile-title{display:block;padding:10px 12px;font-size:22px}}
.recovery-dialog{width:min(560px,calc(100% - 32px));box-sizing:border-box;padding:26px;border-radius:24px;border:1px solid #5c7192;background:#172236;color:#edf2ff}.recovery-dialog::backdrop{background:#040815aa;backdrop-filter:blur(5px)}.recovery-dialog p{line-height:1.9}.recovery-dialog input,.recovery-page input,#recovery-panel input{display:block;width:100%;box-sizing:border-box;margin:8px 0 18px;padding:14px;font:inherit;border:1px solid #53627c;border-radius:12px;background:#111b2c;color:#f2f4ff}.recovery-dialog input{font:15px ui-monospace,monospace}.recovery-warning{border-right:3px solid #dfaf42;padding:12px;color:#e3be6a}.recovery-page{max-width:560px;margin:35px auto;padding:28px}.recovery-page label{display:block}.ks-light .recovery-page input,.ks-light #recovery-panel input{background:#fff;color:#202d42}.recovery-page #recover-error,#recovery-panel-error{color:#e56679}#order-limit-notice{color:#d7b850;line-height:1.9}.purchase-history{display:inline-block;color:#dfb442;font-size:15px;padding:5px 10px;white-space:nowrap}.ks-light .purchase-history{color:#815c00}.recovery-dialog .primary{display:block;margin-top:14px;width:100%}.recovery-dialog #recovery-account-id{display:inline-block;unicode-bidi:isolate}
.recovery-page{width:calc(100% - 32px);box-sizing:border-box}#account-block-submit.reject{border-color:#d95f71;color:#ee8192;background:rgba(205,52,79,.14)}#account-list h3,#account-detail-title{overflow-wrap:anywhere}#account-detail-info p,#account-block-history p{overflow-wrap:anywhere}#account-detail{scroll-margin-top:100px}#account-block-reason{display:block;width:100%;box-sizing:border-box}#account-list .purchase-history{margin-inline-start:8px}
.ks-app .order-closed{border-color:#7b879c;background:rgba(120,135,155,.08)}.order-closed .order-status{background:rgba(120,135,155,.12);color:#a7b4c9}.ks-light .order-closed .order-status{color:#4d596d}
#account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#account-list .card{margin:0;padding:22px}#account-list h3{margin:0 0 10px}#account-list p{margin:10px 0}#account-detail{margin-top:24px}@media(max-width:640px){#account-list{grid-template-columns:1fr}}

/* Representative management and independent sales channels */
.rep-management-top{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin:24px 0}.rep-management-top input{width:100%;padding:14px;border:1px solid var(--ks-line,#64748b55);border-radius:12px;background:transparent;color:inherit;font:inherit;margin:10px 0}.rep-management-top button{margin-top:12px}.rep-plan-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:center}.rep-danger{color:#ff637f!important;border-color:#ff637f66!important}.server-sales-options{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0}.server-sales-options label,.rep-all-access{display:flex;align-items:center;gap:10px}.server-sales-options input,.rep-all-access input{width:22px!important;height:22px!important}@media(max-width:650px){.rep-management-top{grid-template-columns:1fr}.rep-management-top .card{padding:20px}}

/* Shared customer shell: stable geometry across account, shop, wallet and support. */
html:has(body.ks-client){scrollbar-gutter:stable;background:#030d2b}
body.ks-app.ks-client{--ks-bg:#030d2b;--ks-surface:rgba(9,29,65,.82);--ks-soft:#081c3d;--ks-line:#28549188;--ks-ink:#f1f5ff;--ks-muted:#aebce9;--ks-accent:#48baff;background:radial-gradient(ellipse at 16% 8%,#00387766,transparent 52%),radial-gradient(ellipse at 85% 40%,#10105544,transparent 70%),#030d2b;min-height:100dvh;padding:134px 314px 115px 28px!important;isolation:isolate}
.ks-client .client-cosmos{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background-image:radial-gradient(circle at 14% 17%,#94dfffaa 0 1px,transparent 2px),radial-gradient(circle at 81% 47%,#5c9bff66 0 1px,transparent 2px),radial-gradient(circle at 37% 76%,#647bea77 0 1px,transparent 2px);background-size:367px 311px,487px 397px,593px 443px}
.cosmos-arc{position:absolute;display:block;border:1px solid #123975;border-radius:50%;box-shadow:0 0 18px #0079ff22,inset 0 0 24px #0079ff12}.cosmos-arc.arc-a{width:95vw;height:68vh;left:-42vw;top:-42vh;transform:rotate(-32deg);border-bottom:2px solid #168dff;box-shadow:0 10px 20px #056bff4d,inset 0 -4px 12px #006bff2a}.cosmos-arc.arc-b{width:130vw;height:60vh;left:-12vw;bottom:-45vh;transform:rotate(-10deg);border-top:2px solid #357cff;box-shadow:0 -9px 24px #166aff44}.cosmos-arc.arc-c{width:95vw;height:36vh;left:30vw;bottom:-22vh;transform:rotate(-24deg);border-top:2px solid #632cff;box-shadow:0 -4px 20px #932bff44}
.cosmos-planet{position:absolute;width:480px;height:480px;bottom:-385px;left:-125px;border-radius:50%;border-top:2px solid #a8ecff;background:radial-gradient(ellipse at 65% 16%,#398ade77 1%,transparent 21%),repeating-radial-gradient(ellipse at 32% 40%,#123c8122 0 4px,#040c2722 9px 18px),radial-gradient(circle at 50% -14%,#286bd9,#081e54 45%,#020a23 65%);box-shadow:0 -5px 20px #16b9ff88,inset 0 12px 15px #237dfb99}
body.ks-client>header{position:fixed;inset:20px 26px auto;max-width:none;height:82px;min-height:82px;padding:12px 18px;margin:0;border:1px solid #527aeb99;border-radius:22px;background:linear-gradient(115deg,#12234bea,#061431eb);box-shadow:inset 0 1px 6px #70a2ff22,0 0 16px #1847de25;backdrop-filter:blur(22px);display:flex;gap:16px;z-index:60;view-transition-name:client-header}
body.ks-client>header>:not(.client-logo):not(.client-menu):not(.client-tagline):not(.client-actions){display:none!important}
body.ks-client>header .client-logo{display:inline-flex!important;order:0;font-size:24px;flex-shrink:0;padding-inline:10px 6px}.ks-client .client-menu{order:1}.ks-client.ks-has-sidebar .ks-menu-button{display:inline-grid}.ks-client .client-tagline{order:2;color:#99a9df;font-size:13px;border-right:1px solid #4e64b955;padding-right:18px;white-space:nowrap}.ks-client .client-actions{order:3;display:flex;align-items:center;gap:12px;margin-inline-start:auto;direction:rtl}
.ks-client .client-support,.ks-client .dv-bell,.ks-client .client-profile summary,.ks-client .ks-icon-button{background:linear-gradient(135deg,#203b6922,#0e234f88)!important;border:1px solid #4964a977;border-radius:15px;box-shadow:inset 0 1px 5px #9abbff13,0 3px 10px #0002;color:#c2cdff;min-height:48px}
.ks-client .client-support{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:13px}.ks-client .client-support svg,.ks-client .client-profile summary>svg,.ks-client .client-exit svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ks-client .client-bell-slot{width:48px;height:48px;flex:0 0 48px}.ks-client .dv-bell{width:48px;height:48px;padding:10px}.ks-client .dv-notifications{height:48px}.ks-client .client-profile{position:relative;width:176px}.ks-client .client-profile summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;height:56px}.ks-client .client-profile summary::-webkit-details-marker{display:none}.ks-client .client-profile summary>svg{width:40px;height:40px;padding:8px;border-radius:50%;background:linear-gradient(140deg,#8e06f6,#3231ff);color:white;flex-shrink:0;box-shadow:0 0 13px #7037ff4a}.ks-client .client-profile summary span:not(.client-chevron){min-width:0;flex:1}.ks-client .client-profile b{display:block;font-size:11px}.ks-client .client-name{display:block;margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:94px}.client-chevron{font-size:20px}.ks-client .client-profile-menu{position:absolute;top:calc(100% + 10px);left:0;width:210px;background:#0a1b3c;border:1px solid #4667ad;border-radius:15px;padding:8px;box-shadow:0 15px 40px #0007;display:grid}.ks-client .client-profile-menu a,.ks-client .client-profile-menu button{font:inherit;font-size:13px;background:none;border:0;color:var(--ks-ink);padding:12px;text-align:right;border-radius:10px;cursor:pointer}.ks-client .client-profile-menu :hover{background:#203d66}
body.ks-client .ks-page-nav{position:fixed;top:116px;left:28px;right:auto;width:auto;max-width:none;padding:0;margin:0;z-index:35;view-transition-name:client-back}.ks-client .ks-page-nav .button{min-height:40px;border-radius:13px;border-color:#3e64b688;background:#0d2443dd!important;font-size:12px;padding:8px 15px;backdrop-filter:blur(15px)}
body.ks-client>main{width:100%;max-width:1250px;margin:40px auto 0;padding:0;min-width:0;min-height:calc(100dvh - 320px);view-transition-name:client-content;animation:client-enter .22s ease-out}
body.ks-client .ks-sidebar{display:block;position:fixed;inset:116px 26px 100px auto;width:260px;padding:25px 14px;border:1px solid #6364df88;border-radius:23px;background:linear-gradient(150deg,#112347eb,#051231ee);box-shadow:inset 0 1px 10px #4488ff15,0 0 18px #2420d330;z-index:40;overflow:auto;scrollbar-width:none;view-transition-name:client-sidebar}.ks-client .ks-sidebar::-webkit-scrollbar{display:none}.ks-client .ks-sidebar .ks-brand{font-size:21px;margin:0 14px 28px}.ks-client .ks-nav-links{display:grid;gap:12px}.ks-client .ks-nav-links a{padding:16px 18px;min-height:58px;border-radius:15px;display:flex;gap:17px;align-items:center;color:#b7bdfb;border:1px solid transparent;font-size:16px}.ks-client .ks-nav-links svg{width:28px;height:28px;flex-shrink:0;color:#a59bff}.ks-client .ks-nav-links a[aria-current=page]{background:linear-gradient(100deg,#12baf333,#182b67aa);border-color:#337bff;box-shadow:inset 8px 0 22px #00d7ff44,0 0 15px #144bff30;color:#fff;font-weight:700}.ks-client .ks-nav-links a[aria-current=page] svg{color:#22dcff;filter:drop-shadow(0 0 7px #008cff)}
.ks-client .client-exit{display:flex;align-items:center;gap:18px;width:100%;margin:22px 0;padding:18px;background:none;border:0;border-top:1px solid #5767a177;font:inherit;color:#bdc7ff;cursor:pointer;text-align:right}.ks-client .client-brand-card{border:1px solid #6048e888;border-radius:24px;padding:22px 12px;text-align:center;background:linear-gradient(125deg,#1b275244,#08122b99);box-shadow:inset 0 0 20px #1c56b62a}.ks-client .client-brand-card svg{display:block;width:43px;height:43px;margin:auto;color:#b695ff}.ks-client .client-brand-card strong{display:block;font:700 19px Arial;margin-top:8px}.ks-client .client-brand-card small{font:8px Arial;letter-spacing:2px}.ks-client .client-brand-card p{font-size:14px;color:#e4d8ff;margin:14px 0 10px}.ks-client .client-brand-card i{display:block;height:3px;width:38px;background:#7c39ff;box-shadow:0 0 10px #6238ff;margin:auto}
.ks-client .client-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 6px 0;margin:0;border:0;max-width:none;color:#c5d3ff;view-transition-name:client-footer}.ks-client .client-footer p{border-right:3px solid #3a9cfc;padding-right:15px;font-size:13px;line-height:1.9;margin:0}.ks-client .client-footer strong{font-weight:400}.ks-client .client-footer small{border-left:2px solid #4455a0;padding-left:16px;font:9px/1.8 Arial;letter-spacing:3px;color:#8399bf}
.ks-client :is(.card,.account-glass,.account-welcome,.account-stat,.wallet-balance-card,.wallet-history-panel,.wallet-history article,.purchase-panel,.purchase-progress,.purchase-option,.subscriptions-title-bar,.subscription-row,.support-hero,.support-history,.ticket-row,.ticket-compose){background:linear-gradient(120deg,#102e596e,#061a3ede);border:1px solid #326daf66;box-shadow:inset 0 1px 1px #a6caff0c,0 0 16px #002f7010;backdrop-filter:blur(16px);border-radius:20px}
.ks-client :is(.account-page-title h2,main>h1){font-size:32px;font-weight:700;line-height:1.5}.ks-client .account-glass{padding:20px}.ks-client .account-welcome{padding:22px;flex-direction:row-reverse}.ks-client .account-welcome>div{margin-left:auto;text-align:right}.ks-client .account-stat{min-height:168px;display:flex;flex-direction:row-reverse;gap:22px;padding:23px}.ks-client .account-stat>div{flex:1}.ks-client .account-stat strong{font-size:29px}.ks-client .account-stat h3{font-size:15px;font-weight:400;color:var(--ks-muted)}.ks-client .account-stat p{font-size:12px}.ks-client .account-orbit{box-shadow:0 0 24px color-mix(in srgb,currentColor 16%,transparent),inset 0 0 18px color-mix(in srgb,currentColor 22%,transparent);border-width:4px}.ks-client .account-avatar{background:linear-gradient(140deg,#9d00f6,#3031ff);box-shadow:0 0 24px #7031ff55}
.ks-client .ks-nav-dialog{background:linear-gradient(145deg,#0b1e45f5,#07132cf7);border:1px solid #6253e9;border-radius:24px;padding:24px;color:var(--ks-ink)}.ks-client .ks-nav-dialog::backdrop{background:#01081b80;backdrop-filter:blur(5px)}
@keyframes client-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}
::view-transition-old(client-content){animation:client-fade-out .14s ease-in both}::view-transition-new(client-content){animation:client-enter .22s ease-out both}
::view-transition-group(client-header),::view-transition-group(client-back),::view-transition-group(client-sidebar){animation-duration:0s}
@keyframes client-fade-out{to{opacity:0;transform:translateY(-3px)}}
@media(max-width:1150px){.ks-client .client-tagline{display:none}body.ks-app.ks-client{padding-right:278px!important;padding-left:22px!important}body.ks-client .ks-sidebar{width:230px;right:22px}.ks-client .client-support span{display:none}.ks-client .ks-sidebar .ks-brand{font-size:17px;margin-inline:8px}.ks-client .account-stat{gap:13px;padding:18px}.ks-client .account-stat strong{font-size:24px}.ks-client .account-orbit{width:72px;height:72px;flex-basis:72px}}
@media(max-width:900px){body.ks-app.ks-client{padding:116px 18px 35px!important}body.ks-client>header{inset:12px 16px auto;height:70px;min-height:70px;padding:10px 12px;gap:10px;border-radius:19px}body.ks-client>header .client-logo{font-size:19px;padding:0}.ks-client .client-logo svg{width:30px;height:33px}.ks-client .client-logo small{font-size:7px}.ks-client .client-menu{order:-1}.ks-client .client-support{padding:9px}.ks-client .client-actions{gap:8px}.ks-client .client-profile{width:142px}.ks-client .client-profile summary{height:48px;gap:7px}.ks-client .client-profile summary>svg{width:33px;height:33px;padding:6px}.ks-client .client-profile b{font-size:10px}.ks-client .client-name{max-width:68px;font-size:11px}body.ks-client .ks-sidebar{display:none}body.ks-client .ks-page-nav{top:93px;left:18px}body.ks-client>main{margin-top:36px;min-height:calc(100dvh - 300px)}.ks-client .account-stat{min-height:140px}.ks-client .client-footer{padding-top:35px}.ks-client .ks-nav-dialog{position:fixed;inset:92px 12px 12px auto;margin:0;width:min(330px,86vw);max-height:calc(100dvh - 104px);height:auto;overflow:auto}.ks-client .ks-nav-links{gap:8px}.ks-client .client-brand-card{padding:20px}.ks-client .ks-nav-head{margin-bottom:22px}}
@media(max-width:600px){body.ks-client>header{inset:10px 10px auto;gap:8px;height:64px;min-height:64px;padding:8px}body.ks-app.ks-client{padding:103px 12px 25px!important}body.ks-client>header .client-logo{font-size:15px;gap:5px}.ks-client .client-logo svg{width:26px;height:30px}.ks-client .client-logo small{font-size:6px;letter-spacing:1.2px}.ks-client .client-menu .ks-icon-button{width:40px;height:44px;min-width:40px;padding:9px;border-radius:12px}.ks-client .client-actions{gap:6px}.ks-client .client-support{padding:9px;min-height:44px;width:40px;border-radius:12px}.ks-client .client-support svg{width:22px;height:22px}.ks-client .client-profile{width:42px}.ks-client .client-profile summary{height:44px;min-height:44px;padding:4px;border-radius:12px}.ks-client .client-profile summary>svg{width:32px;height:32px}.ks-client .client-profile summary>span{display:none}.ks-client .client-bell-slot{width:40px;height:44px;flex-basis:40px}.ks-client .dv-notifications{height:44px}.ks-client .dv-bell{width:40px;height:44px;min-height:44px;padding:8px;border-radius:12px}.ks-client .dv-notification-panel{position:fixed;top:84px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 100px)}body.ks-client .ks-page-nav{top:84px;left:12px}.ks-client .ks-page-nav .button{min-height:36px;padding:5px 12px;font-size:11px}body.ks-client>main{margin-top:33px}.ks-client :is(.account-page-title h2,main>h1){font-size:25px}.ks-client .account-glass{padding:12px}.ks-client .account-stats{grid-template-columns:1fr;gap:12px}.ks-client .account-welcome{padding:16px;gap:13px;flex-wrap:wrap}.ks-client .account-welcome h3{font-size:18px}.ks-client .account-welcome #edit-profile{width:100%}.ks-client .account-stat{min-height:132px;padding:17px}.ks-client .account-stat strong{font-size:25px}.ks-client .client-footer small{font-size:7px;letter-spacing:1.5px}.ks-client .client-footer p{font-size:11px}.cosmos-planet{width:340px;height:340px;bottom:-270px;left:-140px}.ks-client .client-profile-menu{width:185px}.ks-client .ks-nav-dialog{top:84px;max-height:calc(100dvh - 96px)}}
@media(prefers-reduced-motion:reduce){.ks-client main{animation:none!important}::view-transition-old(client-content),::view-transition-new(client-content){animation:none!important}}
body.ks-client .ks-page-nav{margin:0!important;justify-content:flex-start}
body.ks-client:has(#wizard:not([hidden])) .ks-page-nav{display:flex!important}
body.ks-client #wizard #back{display:none}
body.ks-client>main{margin-top:40px!important}
.ks-client .account-welcome,.ks-client .account-stat{direction:ltr;flex-direction:row}
.ks-client .account-welcome>div,.ks-client .account-stat>div{direction:rtl;text-align:right}
@media(max-width:900px){body.ks-client>main{margin-top:36px!important}}
@media(max-width:600px){body.ks-client>main{margin-top:33px!important}}
body.ks-client .ks-page-nav .button{width:96px!important;height:40px!important;min-height:40px!important;padding:6px 12px!important;justify-content:center}
.ks-client .account-orbit{border-color:currentColor;background:radial-gradient(circle,#061b36 53%,currentColor 125%)}
.ks-client .client-profile summary:focus-visible{outline:2px solid #44beff;outline-offset:3px}
.ks-client .ks-nav-links a{direction:ltr}.ks-client .ks-nav-links a span{direction:rtl;text-align:right;flex:1}.ks-client .client-exit{direction:ltr}
.ks-client .client-profile summary{direction:ltr}.ks-client .client-profile summary>span{direction:rtl}
/* Stationary customer menu, sized to the available viewport. */
body.ks-client .ks-sidebar{overflow:hidden;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,18px);padding:18px;bottom:18px;max-height:none}
.ks-client .ks-sidebar .ks-nav-links{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:6px}
.ks-client .ks-sidebar .ks-nav-links a{min-height:0;padding:10px 14px}
.ks-client .client-exit{flex-shrink:0;margin:0;padding:15px 12px}
.ks-client .client-brand-card{flex-shrink:0;padding:clamp(10px,2vh,22px) 12px}
.ks-client .ks-nav-dialog{overflow:hidden!important;overscroll-behavior:none}
.ks-client .ks-nav-head{justify-content:flex-end;margin-bottom:8px}
@media(max-height:760px){.ks-client .client-brand-card{padding:8px}.ks-client .client-brand-card svg{width:28px;height:28px}.ks-client .client-brand-card strong{font-size:15px;margin-top:4px}.ks-client .client-brand-card p{margin:6px 0;font-size:12px}.ks-client .client-exit{padding:10px}}
@media(max-width:900px){body.ks-client .ks-sidebar{display:none}.ks-client .ks-nav-dialog[open]{display:flex;flex-direction:column;height:calc(100dvh - 108px);gap:6px;padding:14px}.ks-client .ks-nav-dialog .ks-nav-links{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));flex:1;min-height:0;gap:4px}.ks-client .ks-nav-dialog .ks-nav-links a{min-height:0;padding:8px 12px}.ks-client .ks-nav-head{flex-shrink:0;margin:0}.ks-client .ks-nav-head button{height:32px;min-height:32px;padding:0}}
@media(max-height:520px){.ks-client .client-brand-card{display:none}.ks-client .ks-nav-links a{font-size:13px}.ks-client .ks-nav-links svg{width:20px;height:20px}}
/* Present from first paint, released only by the page's initial data task. */
#ks-loader{position:fixed;inset:0;z-index:2147483647;margin:0;border:0;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#eff4ff;background:radial-gradient(ellipse at 50% 45%,#0b2450 0,#041129 52%,#030c20 100%);text-align:center;font-family:inherit;padding:24px}
#ks-loader[hidden]{display:none!important}#ks-loader::backdrop{background:#041129}
.ks-loader-art{position:relative;width:min(310px,64vw,48dvh);aspect-ratio:1;border-radius:50%;box-shadow:0 0 50px #116cff28,inset 0 0 45px #093b8555;background:radial-gradient(ellipse,#10285c44,#031029)}
.ks-loader-art:before{content:'';position:absolute;inset:-12px;border:1px solid #2075e955;border-radius:50%;box-shadow:0 0 12px #157aff22}
.ks-loader-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#183d6c;stroke-width:1}
.ks-loader-ring .loader-spin{stroke:url(#loader-color);stroke-width:7;stroke-linecap:round;stroke-dasharray:180 103;transform-origin:center;animation:ks-loader-turn 1.8s linear infinite;filter:drop-shadow(0 0 5px #06baff)}
.ks-loader-brand{position:absolute;inset:19%;display:flex;flex-direction:column;align-items:center;justify-content:center;direction:ltr}.ks-loader-brand svg{width:65%;fill:#ffda39;filter:drop-shadow(0 0 10px #ffc60022)}.ks-loader-brand b{font:700 clamp(16px,4vw,24px) Arial;white-space:nowrap;letter-spacing:2px;margin-top:8px}.ks-loader-brand small{font:9px Arial;letter-spacing:3px;margin-top:8px}
#ks-loader>strong{font-size:clamp(22px,5vw,32px);margin-top:22px}#ks-loader>p{color:#aabfe9;margin:0;font-size:16px}
@keyframes ks-loader-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ks-loader-ring .loader-spin{animation:none}}
/* Keep the current page visible during route preparation. */
#ks-loader{background:transparent;backdrop-filter:none}#ks-loader::backdrop{background:transparent;backdrop-filter:none}#ks-loader>.ks-loader-art{background:#06152bef}#ks-loader>strong,#ks-loader>p{text-shadow:0 2px 8px #020817,0 0 16px #020817}
.ks-page-snapshot{position:fixed;inset:0;border:0;width:100vw;height:100dvh;z-index:2147483600;pointer-events:none;background:transparent}
/* Subscription catalogue */
#subscriptions-home .subscriptions-page-title{display:block;border:0;background:none;padding:0 0 18px;text-align:right}#subscriptions-home .subscriptions-page-title h2{font-size:28px;margin:0 0 6px}#subscriptions-home .subscriptions-page-title p{color:#aebfe6;margin:0;font-size:14px}
.subscriptions-panel{border:1px solid #2785c969;border-radius:22px;padding:18px;background:linear-gradient(130deg,#072a4c66,#071a3e88);box-shadow:inset 0 0 28px #007fff0c}
.subscriptions-tools{display:grid;grid-template-columns:minmax(190px,1fr) 150px 130px auto;gap:10px;margin-bottom:18px;align-items:center}.subscriptions-tools :is(input,select,button){box-sizing:border-box;margin:0;min-height:44px;font:inherit;font-size:13px}.subscriptions-tools select{width:100%;padding:10px;color:#bdccf2;background:#091e40;border:1px solid #3a6299;border-radius:12px}.sub-search{display:flex;align-items:center;gap:8px;border:1px solid #3a6299;border-radius:12px;padding:0 12px;background:#071b37}.sub-search>span{font-size:29px;color:#a7b9ef}.sub-search input{min-width:0;width:100%;border:0;background:none;color:#eff4ff;outline-offset:3px}.subscriptions-tools .import-config-button{white-space:nowrap;padding:8px 14px}
#subscriptions-list{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible;padding:0}#subscriptions-list .subscription-row-wrap{position:relative;margin:0;border:1px solid #295b83;border-radius:17px;background:linear-gradient(120deg,#062441cc,#071d40bb);padding:14px 40px 14px 14px}#subscriptions-list .subscription-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(125px,1fr) minmax(110px,1fr) minmax(100px,1fr) 125px;gap:10px;align-items:center;border:0;background:none;padding:0;width:100%;box-shadow:none;color:inherit;min-height:112px}
#subscriptions-list .sub-identity{display:flex;gap:12px;align-items:center;min-width:0}#subscriptions-list .sub-emblem{padding:0;width:58px;height:58px;flex:0 0 58px;background:none;box-shadow:none}#subscriptions-list .sub-emblem .purchase-orbit{width:58px;height:58px;margin:0;padding:9px}#subscriptions-list .sub-emblem .purchase-flag{width:34px;height:34px}#subscriptions-list .sub-names{min-width:0;display:flex;flex-direction:column;gap:9px}#subscriptions-list .sub-name-button{font:700 17px inherit;font-family:inherit;font-size:17px;font-weight:700;text-align:right;color:#f1f5ff;border:0;background:none;padding:0;overflow-wrap:anywhere;cursor:pointer}#subscriptions-list .sub-uid{display:flex;min-width:0;gap:6px;align-items:center;border:0;background:none;padding:0;color:#aabce8;font:11px Arial;cursor:pointer}#subscriptions-list .sub-uid span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
#subscriptions-list .sub-plan{display:flex;flex-direction:column;gap:7px;align-items:center;font-size:12px;text-align:center}#subscriptions-list .sub-plan-title{display:flex;align-items:center;gap:5px}#subscriptions-list .sub-plan-title .purchase-icon{width:19px;height:19px;color:#f6c94e}#subscriptions-list .sub-plan small{color:#aebde7}#subscriptions-list .sub-metric{padding:8px;border-inline-start:1px solid #285a7b66;text-align:center;min-width:0}#subscriptions-list .sub-metric>span{font-size:11px}#subscriptions-list .sub-value{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0}#subscriptions-list .sub-value strong{font-size:19px}#subscriptions-list .sub-value svg{width:23px;height:23px;flex-shrink:0}#subscriptions-list .sub-volume svg{color:#00dfa5}#subscriptions-list .sub-days svg{color:#35acff}#subscriptions-list .sub-metric small{font-size:11px;color:#a3b7df}#subscriptions-list .state-expired .sub-days strong{color:#fa597c;font-size:14px}#subscriptions-list .sub-row-actions{display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}#subscriptions-list .sub-details{border:1px solid #427cf0;border-radius:10px;background:#0c2b51;padding:9px;font:11px inherit;font-family:inherit;color:#dceaff;cursor:pointer}#subscriptions-list .sub-row-actions small{font-size:10px;color:#a8b9e3}.subscription-row-menu{position:absolute;left:8px;right:auto!important;top:12px}.subscription-row-menu summary{width:28px;height:34px;padding:5px;border-radius:9px;background:#132e52;border:1px solid #315782}.subscription-menu-options{z-index:20}
.subscriptions-pagination{display:flex;align-items:center;justify-content:space-between;color:#a6b9e0;font-size:12px;margin-top:16px}.subscriptions-pagination>div{display:flex;gap:8px;align-items:center}.subscriptions-pagination button{border:1px solid #2b4c7c;border-radius:9px;background:#10294a;color:#c8dcff;width:32px;height:32px}.subscriptions-pagination button:disabled{opacity:.4}#subscription-page{padding:7px 12px;background:#0862ce;border-radius:8px;color:white}
@media(max-width:1200px){#subscriptions-list .subscription-row{grid-template-columns:minmax(160px,1.3fr) 1fr 1fr 1fr}#subscriptions-list .sub-row-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between}.subscriptions-tools{grid-template-columns:1fr 1fr}.sub-search{grid-column:1}.subscriptions-tools .import-config-button{grid-column:2;grid-row:1}}
@media(max-width:600px){.subscriptions-panel{padding:10px;border-radius:16px}.subscriptions-tools{gap:8px;margin-bottom:12px;grid-template-columns:1fr 1fr}.sub-search{grid-column:1/-1;grid-row:1}.subscriptions-tools .import-config-button{grid-row:3;grid-column:1/-1}.subscriptions-tools :is(input,select,button){font-size:12px;min-height:40px}#subscriptions-home .subscriptions-page-title h2{font-size:23px}#subscriptions-home .subscriptions-page-title p{font-size:11px}#subscriptions-list .subscription-row-wrap{padding:12px}#subscriptions-list .subscription-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0}#subscriptions-list .sub-identity{grid-column:1/-1;padding-left:30px;min-height:57px}#subscriptions-list .sub-names{flex:1}#subscriptions-list .sub-name-button{font-size:16px}#subscriptions-list .sub-uid span:first-child{max-width:180px}#subscriptions-list .sub-plan,#subscriptions-list .sub-metric{padding:7px 3px;border:1px solid #24496c;border-radius:11px;min-height:87px;box-sizing:border-box}#subscriptions-list .sub-plan{font-size:10px;gap:5px}#subscriptions-list .sub-plan-title{gap:3px}#subscriptions-list .sub-plan-title .purchase-icon{width:15px}#subscriptions-list .sub-metric>span{font-size:9px}#subscriptions-list .sub-value strong{font-size:15px}#subscriptions-list .sub-value svg{width:18px;height:18px}#subscriptions-list .sub-metric small{font-size:9px}#subscriptions-list .sub-status{font-size:10px;padding:3px 9px}#subscriptions-list .sub-row-actions{grid-column:1/-1;flex-direction:row;justify-content:space-between}#subscriptions-list .sub-row-actions small{font-size:9px}#subscriptions-list .sub-details{font-size:10px;padding:8px}.subscription-row-menu{left:10px;top:14px}#subscriptions-list .state-expired .sub-days strong{font-size:11px}}
/* Compact detail workspace, including real server appearance. */
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){box-sizing:border-box;position:fixed;inset:102px 18px 12px auto;margin:0;width:min(960px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 114px);padding:14px 18px;border:1px solid #367cd3;border-radius:20px;background:linear-gradient(140deg,#071b39,#051632);overflow:auto}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back{margin:0 0 10px;padding:0;align-items:center}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back h2{font-size:22px;margin:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back p{font-size:11px;margin:4px 0 0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back button{padding:6px 12px;min-height:34px;font-size:12px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading{margin:0 0 10px;padding:0;gap:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-identity{gap:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem{width:64px;height:64px;padding:0;background:none;box-shadow:none;flex:0 0 64px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-orbit{width:64px;height:64px;margin:0;padding:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-flag{width:39px;height:39px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-title{font-size:20px;margin:0;overflow-wrap:anywhere}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .plan-badge{padding:4px 8px;font-size:12px;margin-top:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-plan{font-size:12px;margin:0}#detail-server-name{color:#a9bde3;font-size:11px;display:block;margin-top:4px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-icon{width:20px;height:20px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power{padding:8px 12px;border:1px solid #25517a;border-radius:12px;gap:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power small{font-size:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power strong{font-size:14px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat{min-height:0;padding:12px 16px;border-radius:13px;gap:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat>div>span{font-size:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat strong{font-size:25px;margin:5px 0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat small{font-size:11px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring{width:76px;height:76px;flex:0 0 76px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content{inset:6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content span{font-size:13px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:10px;margin:0 0 10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) :is(.connection-card,.qr-card){padding:10px;border-radius:13px;min-width:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-card-label,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card h3{font-size:12px;margin:0 0 7px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-link{box-sizing:border-box;min-height:0;height:96px!important;max-height:96px;padding:9px;font:12px/1.7 ui-monospace,monospace;border-radius:10px;resize:none;overflow:auto;margin:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-copy{margin-top:7px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-copy{padding:6px 12px;min-height:30px;font-size:11px;width:100%}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:108px;height:108px;padding:3px;margin:0 auto 5px;display:block;border-radius:6px;background:#fff}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{min-height:28px;padding:5px;font-size:10px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action{min-height:42px;padding:8px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:11px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action svg{width:21px;height:21px;margin:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action strong{font-size:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action small{display:none}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-card{grid-column:1/-1;grid-row:2;padding:4px 8px;min-height:24px;display:flex;align-items:center;gap:8px;background:none;border:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-card strong{font-size:11px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-time{font-size:9px;margin:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-created{display:none}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-warning{font-size:10px;margin:4px 36px 0 0;line-height:1.5}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-refresh{position:absolute;left:18px;bottom:12px;width:28px;min-height:28px;padding:4px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-error:empty{display:none}
@media(min-width:1100px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){right:calc(50vw - 480px)}}
@media(max-width:600px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){inset:84px 10px 8px;margin:0;width:calc(100vw - 20px);max-height:calc(100dvh - 92px);padding:10px;border-radius:16px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back{margin-bottom:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back h2{font-size:18px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back p{display:none}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back button{font-size:10px;min-height:30px;padding:4px 8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading{display:flex;flex-direction:column;gap:7px;margin-bottom:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-identity{width:100%;gap:9px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-title{font-size:17px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-orbit{width:48px;height:48px;flex-basis:48px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-orbit{padding:7px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-flag{width:30px;height:30px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power{box-sizing:border-box;width:100%;justify-content:space-between;padding:7px 10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power small{display:none}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power strong{font-size:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-switch{min-width:66px;width:66px;height:32px;min-height:32px;font-size:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-switch:after{width:24px;height:24px;top:3px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stats{gap:7px;margin-bottom:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat{padding:8px;gap:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat>div>span{font-size:9px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat strong{font-size:18px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat small{font-size:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring{width:49px;height:49px;flex-basis:49px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content{inset:4px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content .detail-icon{display:none}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content span{font-size:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{grid-template-columns:minmax(0,1fr) 119px;gap:7px;margin-bottom:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) :is(.connection-card,.qr-card){padding:7px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-card-label,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card h3{font-size:10px;margin-bottom:6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-link{height:104px!important;max-height:104px;font-size:10px;padding:6px;line-height:1.6}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:94px;height:94px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{font-size:8px;gap:3px;padding:4px 1px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr svg{width:14px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-copy{font-size:9px;padding:4px;min-height:28px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-action-grid{grid-template-columns:1fr 1fr;gap:7px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .action-rotate{grid-column:1/-1;grid-row:2}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-card{grid-row:3}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action{min-height:35px;padding:6px;gap:6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action strong{font-size:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action svg{width:17px;height:17px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-warning{font-size:8px;margin-right:0;padding-left:30px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-refresh{left:12px;bottom:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-time{font-size:8px}}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){--ks-surface:#071b39;--ks-soft:#05132c;--ks-line:#2a5179;--ks-muted:#adc0e6;backdrop-filter:none;background:linear-gradient(140deg,#071e40,#051632)}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat{flex-direction:row;align-items:center}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat>div:first-child{gap:3px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power{flex-direction:row}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action{flex-direction:row}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #presence-card{flex-direction:row}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{box-sizing:border-box;border:3px solid white;object-fit:contain}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card h3{font-size:12px!important;margin:0 0 7px!important}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{font-size:10px!important}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring::before{inset:6px;background:#071b39}
@media(max-width:600px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading{padding:0;border:0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading-text{flex:1}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-name-line{display:flex;align-items:center;gap:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-edit-name{width:25px;min-height:26px;padding:3px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power .config-switch{min-width:62px;padding:0;background:none!important;border:0;gap:0;font-size:0;height:32px;min-height:32px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-switch::before{width:58px;height:30px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-switch::after{top:50%;right:31px;width:24px;height:24px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-switch[aria-checked=true]::after{right:4px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card h3{font-size:9px!important;white-space:nowrap}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{font-size:8px!important}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring::before{inset:4px}}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-plan{padding:0;border:0;background:none;margin:0;font-size:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-copy #subscription-copy{width:100%;justify-content:center}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-name-line{display:flex;justify-content:space-between;align-items:center;gap:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-edit-name{flex:0 0 28px;padding:4px;min-height:28px}
@media(max-width:600px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-identity{flex:0 0 auto}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading-text{width:auto}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .plan-badge{padding:3px 6px;margin-top:3px;gap:4px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-plan{font-size:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat strong{margin:2px 0}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power{height:43px;min-height:0;padding:5px 8px}}
@media(max-width:600px) and (max-height:720px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){padding:8px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-heading{gap:5px;margin-bottom:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stats{margin-bottom:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat{padding:6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{margin-bottom:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back{margin-bottom:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-link{height:90px!important;max-height:90px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:84px;height:84px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-action{min-height:32px;padding:5px}}
@media(max-width:600px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-name-line{min-height:26px;line-height:1.3}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-title{line-height:1.3}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-edit-name{height:26px;min-height:26px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .plan-badge{line-height:1.3;padding:2px 5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-server-name{font-size:10px;line-height:1.3;margin-top:3px}}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog::backdrop{background:#03112b55;backdrop-filter:none;-webkit-backdrop-filter:none}
body.ks-client #subscriptions-list{padding:0;border:0;background:none;box-shadow:none}body.ks-client .sub-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0}.subscriptions-page-title h2 svg{width:28px;height:28px;vertical-align:middle;color:#b76cff;filter:drop-shadow(0 0 6px #8c39ff)}
@media(max-width:600px){.subscriptions-tools{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.subscriptions-tools .sub-search{grid-column:1;grid-row:1;padding:0 7px}.subscriptions-tools .import-config-button{grid-column:2;grid-row:1;padding:6px;font-size:11px}.subscriptions-tools #subscription-filter{grid-column:1;grid-row:2}.subscriptions-tools #subscription-sort{grid-column:2;grid-row:2}.subscriptions-tools .sub-search input{font-size:10px}.subscriptions-tools .sub-search>span{font-size:24px}}
@media(max-width:600px){body.ks-client #subscriptions-list .sub-plan,body.ks-client #subscriptions-list .sub-metric{align-self:stretch;display:flex;flex-direction:column;justify-content:center}body.ks-client #subscriptions-list .sub-plan-title{font-size:10px;line-height:1.5}body.ks-client #subscriptions-list .sub-row-actions{flex-direction:row!important;flex-wrap:nowrap;gap:8px;padding-top:6px}body.ks-client #subscriptions-list .sub-row-actions small{flex-basis:auto;flex:1;text-align:right;font-size:8px}body.ks-client #subscriptions-list .sub-details{flex-shrink:0}}

/* Subscription alignment and accessible compact controls. */
body.ks-client #subscriptions-list .sub-emblem,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog .server-emblem{display:grid;place-items:center;line-height:0}
body.ks-client #subscriptions-list .sub-emblem .purchase-orbit,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-orbit{display:grid;place-items:center;aspect-ratio:1;box-sizing:border-box;padding:0}
body.ks-client #subscriptions-list .sub-emblem .purchase-flag,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-flag{display:block;width:62%;height:62%;margin:0;flex:none;aspect-ratio:1}
body.ks-client :is(.sub-emblem,.server-emblem) .purchase-flag svg{display:block;width:100%;height:100%;max-width:none}
body.ks-client .subscriptions-tools{align-items:stretch;gap:12px;grid-template-columns:minmax(180px,1fr) 150px 140px auto}
body.ks-client .subscriptions-tools :is(.sub-search,select,.import-config-button){height:46px;min-height:46px;margin:0;box-sizing:border-box;border-radius:12px;align-self:stretch}
body.ks-client .subscriptions-tools .sub-search{display:flex;padding:0 12px;overflow:hidden;background:#0a2345;border:1px solid #345e91}
body.ks-client .subscriptions-tools .sub-search input{height:44px;min-height:0;margin:0!important;font-size:12px;line-height:1.5}
body.ks-client .subscriptions-tools select{appearance:none;padding:0 12px 0 32px;background:#0a2345 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b7c9ed' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 12px center;line-height:1.5;border:1px solid #345e91}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power .config-switch{background:#ff365b18!important;box-shadow:0 0 18px #ff365b35}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-power .config-switch[aria-checked=true]{background:#00ed9820!important;box-shadow:0 0 18px #00ed9840}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring{--ring:#00ffae;box-shadow:0 0 12px #00ffae45,inset 0 0 8px #00ffae33;display:grid;place-items:center;align-self:center;isolation:isolate}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .time-stat .detail-ring{--ring:#22bdff;box-shadow:0 0 12px #22bdff55,inset 0 0 8px #22bdff33}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content{position:absolute;inset:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;line-height:1;direction:ltr}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content .detail-icon{display:block;width:20px;height:20px;flex:none;margin:0;filter:drop-shadow(0 0 3px var(--ring))}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content span{display:block;font:700 13px/1.1 Arial,sans-serif;position:static;white-space:nowrap;margin:0;padding:0}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-name-line{justify-content:flex-start;gap:8px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-title{flex:0 1 auto}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-edit-name{margin:0;flex:0 0 28px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{grid-template-columns:minmax(0,1fr) minmax(200px,.85fr)}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:148px;height:148px;max-width:100%;padding:2px;margin:0 auto 5px;aspect-ratio:1}
@media(max-width:1200px){body.ks-client .subscriptions-tools{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body.ks-client .subscriptions-tools{grid-template-columns:1fr 1fr;gap:8px}body.ks-client .subscriptions-tools .sub-search{grid-column:1/-1;grid-row:1}body.ks-client .subscriptions-tools #subscription-filter{grid-column:1;grid-row:2}body.ks-client .subscriptions-tools #subscription-sort{grid-column:2;grid-row:2}body.ks-client .subscriptions-tools .import-config-button{grid-column:1/-1;grid-row:3}body.ks-client .subscriptions-tools :is(.sub-search,select,.import-config-button){height:40px;min-height:40px;font-size:12px}body.ks-client .subscriptions-tools .sub-search input{height:38px;font-size:12px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-ring{width:54px;height:54px;flex-basis:54px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content{inset:5px;gap:2px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content .detail-icon{width:16px;height:16px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .ring-content span{font-size:10px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:124px;height:124px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .detail-card-label{gap:5px}}
@media(max-width:600px) and (max-height:720px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:112px;height:112px}}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-flag svg,body.ks-client #subscriptions-list .sub-emblem .purchase-flag svg{width:100%;height:100%;display:block;max-width:none}
@media(max-width:600px) and (max-height:720px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats){inset:76px 10px 4px;max-height:calc(100dvh - 80px);padding:6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-stat{padding:4px 6px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-back{margin-bottom:3px}}
body.ks-client #subscriptions-list .sub-emblem .purchase-orbit,body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .server-emblem .purchase-orbit{display:flex;align-items:center;justify-content:center}

/* Reclaim vertical space in customer pages and subscription cards. */
body.ks-client>main{margin-top:12px}
body.ks-client #subscriptions-home .subscriptions-page-title{padding-bottom:12px}
body.ks-client #subscriptions-list{gap:9px}
body.ks-client #subscriptions-list .subscription-row-wrap{padding:10px 40px 10px 12px}
body.ks-client #subscriptions-list .subscription-row-wrap>.subscription-row{padding:0;min-height:86px}
body.ks-client #subscriptions-list .sub-plan{gap:4px}
body.ks-client #subscriptions-list .sub-row-actions{gap:7px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:176px;height:176px;margin:0;flex:none}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{display:inline-flex!important;align-self:center;width:auto;min-height:24px;padding:3px 10px;font-size:10px!important;line-height:1.4;gap:5px;border-radius:7px;margin:0}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr svg{width:14px;height:14px}
@media(max-width:900px){body.ks-client>main{margin-top:18px}}
@media(max-width:600px){body.ks-client>main{margin-top:22px}body.ks-client #subscriptions-list .subscription-row-wrap{padding:10px}body.ks-client #subscriptions-list .subscription-row-wrap>.subscription-row{min-height:0;gap:7px}body.ks-client #subscriptions-list .sub-identity{min-height:50px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:140px;height:140px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{min-height:22px;font-size:9px!important;padding:2px 8px}}
@media(max-width:600px) and (max-height:720px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:130px;height:130px}}
body.ks-client>main{margin-top:12px!important}
body.ks-client #subscriptions-list .subscription-row-wrap{padding-left:48px;padding-right:12px}
@media(max-width:900px){body.ks-client>main{margin-top:18px!important}}
@media(max-width:600px){body.ks-client>main{margin-top:22px!important}body.ks-client #subscriptions-list .subscription-row-wrap{padding:10px}}

/* Quiet page transitions and equally sized connection panels. */
#ks-loader{display:none!important}
body.ks-client>main{animation:none}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .subscription-delivery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;direction:ltr;align-items:center;justify-items:start;padding:8px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #subscription-qr{width:100%;height:auto;max-width:188px;max-height:none;aspect-ratio:1;margin:0;object-fit:contain;grid-column:1;grid-row:1}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{grid-column:2;grid-row:1;align-self:end;justify-self:end;width:28px;height:28px;min-height:28px;padding:5px;box-sizing:border-box;display:grid!important;place-items:center;margin:0}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr svg{width:16px;height:16px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .connection-card{display:flex;flex-direction:column}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .connection-card #subscription-link{flex:1;height:auto!important;max-height:none;min-height:65px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .config-copy{margin-top:auto;padding-top:7px}
@media(max-width:600px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card{grid-template-columns:minmax(0,1fr) 22px;gap:3px;padding:5px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{width:22px;height:28px;padding:3px}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .connection-card #subscription-link{min-height:52px;font-size:9px}}
@media(min-width:601px){body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) .qr-card{grid-template-columns:minmax(0,1fr) auto}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr{display:flex!important;width:auto;padding:5px 9px;direction:rtl}body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog:has(.subscription-stats) #detail-download-qr span{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible}}

/* Embedded Noto Arabic font from supplied design; copyright 2022 The Noto Project Authors, SIL OFL 1.1. */
@font-face{font-family:KingDark;font-weight:400;font-style:normal;font-display:swap;src:url(/king-dark-regular.woff) format("woff")}
@font-face{font-family:KingDark;font-weight:700;font-style:normal;font-display:swap;src:url(/king-dark-bold.woff) format("woff")}
/* KING SHOPI dark UI: production mapping of the supplied October 2026 design.
   Existing DOM IDs, authorization and payment handlers remain authoritative. */
:root{color-scheme:dark;--ks-bg:#090e1a;--ks-surface:#101725;--ks-soft:#151e30;--ks-line:#233049;--ks-border:#233049;--ks-ink:#f2f5fc;--ks-muted:#8f9db5;--ks-accent:#ffda7a;--ks-blue:#83d7ff;--dark-green:#64e3b0;--dark-red:#ff8793}
html{background:#090e1a;scroll-padding-top:95px}
body.ks-app,body.ks-client,body.ks-auth,body.ks-landing{background:#090e1a!important;background-image:radial-gradient(ellipse at 40% -10%,#192a4633,transparent 60%)!important;color:#f2f5fc!important;font-family:KingDark,Arial,sans-serif!important;font-size:14px;line-height:1.9;min-height:100dvh}
body.ks-app::before,body.ks-app::after,body.ks-client::before,body.ks-client::after,.client-cosmos{display:none!important}
body.ks-app :is(input,select,textarea,button),body.ks-landing :is(input,button){font-family:inherit}
body.ks-app :is(h1,h2,h3,strong){color:#f2f5fc}
body.ks-app :is(p,small,.muted,.details){color:#8f9db5}
body.ks-app :is(a,button,input,textarea,select):focus-visible{outline:2px solid #83d7ff!important;outline-offset:3px}
body.ks-app [hidden]{display:none!important}
body.ks-app :is(button,.button){border-radius:11px;box-shadow:none!important;text-shadow:none!important;transition:background .18s,border-color .18s,color .18s}
body.ks-app :is(button,.button):not(.purchase-orbit):not(.config-switch){background-color:#172237;color:#c4d0e2;border-color:#2a3953}
body.ks-app :is(button,.button):hover:not(:disabled){filter:none;transform:none;background-color:#23314a}
body.ks-app :is(.primary,.purchase-primary,.support-submit,#submit,.import-config-button,.wallet-topup-card){background:#ffda7a!important;border:1px solid #ffda7a!important;color:#252316!important;box-shadow:none!important;font-weight:700}
body.ks-app :is(.primary,.purchase-primary,.support-submit,#submit,.import-config-button):hover:not(:disabled){background:#ffe5a4!important}
body.ks-app :is(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.45;filter:none}
body.ks-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:#0b1322!important;border:1px solid #2a3953!important;border-radius:11px!important;color:#f2f5fc!important;box-shadow:none!important;min-width:0;max-width:100%;font-size:13px;padding:10px 13px}
body.ks-app input::placeholder,body.ks-app textarea::placeholder{color:#71839f!important;opacity:1}
body.ks-app :is(input[type=checkbox],input[type=radio]){accent-color:#83d7ff}
body.ks-app label{color:#b5c1d5}
body.ks-app .error,body.ks-app [id$="-error"]{color:#ff8793!important}
body.ks-app .error:empty,body.ks-app [role=alert]:empty{display:none}
body.ks-app :is(.card,.panel,.server-card,.ticket-conversation,.support-history,.subscriptions-panel,.purchase-panel,.purchase-features,.purchase-info,.wallet-history,.wallet-history-card,.server-resources,.account-password,#recovery-panel,.subscription-empty){background:linear-gradient(130deg,#131c2c,#101725)!important;border:1px solid #233049!important;border-radius:20px!important;box-shadow:none!important;backdrop-filter:none!important}
body.ks-app :is(dialog,.ks-nav-dialog){background:#121b2c!important;color:#f2f5fc!important;border:1px solid #354965!important;border-radius:22px!important;box-shadow:0 30px 100px #0007!important}
body.ks-app dialog::backdrop{background:#050914b8!important;backdrop-filter:blur(5px)}
body.ks-app :is(table,thead,tbody,tr,td,th){color:#c4d0e2;border-color:#233049!important}
body.ks-app th{background:#0c1423!important;color:#8f9db5!important;font-weight:400}
body.ks-app td{background:transparent!important}
body.ks-app tr:hover{background:#83d7ff04}
/* Desktop shell and persistent mobile navigation. */
body.ks-app.ks-has-sidebar{padding:0!important;padding-right:246px!important}
body.ks-app.ks-has-sidebar>header{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;max-width:none!important;height:86px!important;min-height:86px!important;padding:0 38px!important;display:flex!important;gap:18px!important;justify-content:space-between!important;border:0!important;border-bottom:1px solid #1d293d!important;border-radius:0!important;background:#090e1a!important;box-shadow:none!important;backdrop-filter:none!important}
body.ks-app .ks-sidebar{position:fixed!important;inset:0 0 0 auto!important;width:246px!important;height:100dvh!important;max-height:100dvh!important;background:#0c1220!important;border:0!important;border-left:1px solid #1d2940!important;border-radius:0!important;padding:28px 20px 18px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;scrollbar-width:thin;gap:0!important}
body.ks-client .ks-sidebar{overflow:hidden!important}
body.ks-app .ks-brand{color:#f2f5fc!important;gap:12px!important;justify-content:center;text-shadow:none!important}
body.ks-app .ks-brand>svg{color:#0c162b!important;background:linear-gradient(135deg,#a2e6ff,#629cff);border-radius:14px;padding:8px;width:46px!important;height:46px!important;filter:none!important}
body.ks-app .ks-brand>span{font:800 19px/1.3 Arial,sans-serif!important;letter-spacing:.8px}
body.ks-app .ks-brand small{font:8px/2.4 Arial,sans-serif!important;letter-spacing:2.5px;color:#91a7c9!important}
body.ks-app .ks-sidebar>.ks-brand{margin:0 0 28px!important;padding:0!important}
body.ks-client>header .client-logo{display:none!important}
body.ks-app .ks-nav-caption{display:block;color:#64738c;font-size:10px;padding:0 15px;margin:7px 0 10px}
body.ks-app .ks-sidebar .ks-nav-links{display:flex!important;flex-direction:column;gap:3px!important;flex:none!important;padding:0!important}
body.ks-app :is(.ks-sidebar,.ks-nav-dialog) .ks-nav-links a{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:13px!important;background:transparent!important;min-height:46px!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:11px!important;color:#9baac1!important;font-size:13px!important;box-shadow:none!important}
body.ks-app :is(.ks-sidebar,.ks-nav-dialog) .ks-nav-links a:hover{background:#151f32!important;color:#fff!important}
body.ks-app :is(.ks-sidebar,.ks-nav-dialog) .ks-nav-links a[aria-current=page]{background:linear-gradient(90deg,#1a304357,#1d344c)!important;border-color:#34546e!important;color:#b0e5ff!important;box-shadow:inset -3px 0 #83d7ff!important}
body.ks-app .ks-nav-links svg{width:21px!important;height:21px!important;stroke:currentColor;stroke-width:1.65;fill:none;filter:none!important;flex-shrink:0}
body.ks-app .client-exit{order:4;margin:18px 0 0!important;border:0!important;border-top:1px solid #233049!important;border-radius:0!important;background:none!important;width:100%;min-height:45px!important;padding:12px 15px!important;justify-content:flex-start!important;font-size:13px!important;gap:12px!important}
body.ks-app .client-exit svg{width:21px!important;height:21px!important}
body.ks-app .client-brand-card{order:3;margin-top:auto!important;padding:16px!important;min-height:0!important;border:1px solid #294053!important;border-radius:15px!important;background:linear-gradient(135deg,#182b3c,#111b2d)!important;box-shadow:none!important;text-align:right!important;display:block!important}
body.ks-app .client-brand-card strong{font-size:13px!important;letter-spacing:0!important}
body.ks-app .client-brand-card p{font-size:11px!important;margin:5px 0 12px!important;color:#8fa8be!important}
body.ks-app .client-brand-card a{font-size:11px;display:block;padding:7px;border:1px solid #294053;border-radius:8px;text-align:center;color:#b0e5ff}
body.ks-app .client-tagline{display:block!important;margin:0!important;flex:1!important;order:0!important;font-size:12px!important;color:#7a8aa3!important}
body.ks-app .client-actions{gap:10px!important;order:2!important;margin:0!important}
body.ks-app :is(.client-profile summary,.client-support,.ks-icon-button,.dv-notification-button){background:#111b2b!important;border:1px solid #233049!important;border-radius:12px!important;box-shadow:none!important;color:#9baac1!important;min-height:40px!important}
body.ks-app .client-profile summary{padding:5px 10px!important;min-width:0!important}
body.ks-app .client-profile summary>svg{background:#26344f!important;color:#b6d5ff!important;box-shadow:none!important;border-radius:10px!important;width:30px!important;height:30px!important;padding:5px!important}
body.ks-app .client-profile b{font-size:10px!important}body.ks-app .client-profile small{font-size:10px!important}
body.ks-app .client-support{padding:8px 12px!important;height:40px!important;font-size:11px!important}
body.ks-app .client-support svg{width:20px!important;height:20px!important}
body.ks-app .client-profile-menu,body.ks-app .dv-notification-panel{background:#151e30!important;border:1px solid #354965!important;color:#f2f5fc!important;box-shadow:0 15px 40px #0005!important}
body.ks-app .ks-menu-button{display:none!important}
body.ks-app.ks-has-sidebar>main{width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:20px 38px 36px!important;min-height:calc(100dvh - 180px);animation:none!important}
body.ks-app.ks-has-sidebar>.ks-page-nav{position:relative!important;inset:auto!important;margin:18px 38px 0!important;width:auto!important;padding:0!important;max-width:none!important}
body.ks-app .ks-page-nav .button{min-height:34px!important;padding:4px 12px!important;font-size:11px!important;background:transparent!important}
body.ks-app .client-footer{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:18px 38px!important;border-top:1px solid #1a263b!important;min-height:0!important;background:none!important}
body.ks-app .client-footer :is(p,strong,small){font-size:10px!important;font-weight:400;color:#677a95!important;border:0!important;padding:0!important;margin:0!important}
body.ks-app .client-footer p::before,body.ks-app .client-footer small::after{display:none!important}
.ks-bottom-nav{display:none}
/* Account overview, same palette and orbit art as the supplied reference. */
body.ks-client :is(.account-page-title,.subscriptions-page-title,.purchase-page-title){padding:0!important;margin:0 0 22px!important;text-align:right!important}
body.ks-client :is(.account-page-title,.subscriptions-page-title,.purchase-page-title) h2,body.ks-client main>h1{font-size:26px!important;line-height:1.65;margin:0!important;color:#f2f5fc!important}
body.ks-client :is(.account-page-title,.subscriptions-page-title,.purchase-page-title) p{font-size:12px!important;margin:4px 0 0!important}
body.ks-client .account-glass{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body.ks-client .account-welcome{background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 22px!important;min-height:0!important;gap:12px!important;flex-direction:row!important}
body.ks-client .account-welcome h3{font-size:20px!important;margin:0!important}.account-welcome p{font-size:12px!important}
body.ks-client .account-avatar{width:42px!important;height:42px!important;background:#26344f!important;border:0!important;border-radius:13px!important;box-shadow:none!important;color:#b6d5ff!important}
body.ks-client .account-avatar svg{width:25px!important;height:25px!important}
body.ks-client #edit-profile{margin-inline-start:auto!important;min-height:36px!important;font-size:11px!important;padding:7px 12px!important;grid-column:auto!important;width:auto!important}
body.ks-client #edit-profile svg{width:17px!important;height:17px!important}
.dark-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:216px;padding:28px 32px;margin-bottom:22px;border:1px solid #345271;border-radius:23px;background:radial-gradient(ellipse at 13% 80%,#26417b65,transparent 60%),linear-gradient(100deg,#17294c,#142137 60%,#111c2d);position:relative;overflow:hidden}
.dark-hero h2{font-size:26px!important;line-height:1.6!important;margin:9px 0!important}.dark-hero em{color:#83d7ff;font-style:normal}.dark-hero p{font-size:12px!important;margin-bottom:18px}.dark-eyebrow{font:10px/1.8 monospace;letter-spacing:2px;color:#83d7ff}.dark-hero .button{display:inline-flex;padding:9px 16px;min-height:42px;text-decoration:none}.dark-text-link{font-size:12px;color:#83d7ff;margin-right:18px}
.dark-globe{width:140px;height:140px;position:relative;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 28%,#7de0ff2d,#173159 50%,#0c162f 80%);border:1px solid #729bc980;box-shadow:inset 0 0 40px #71acff2b,0 0 65px #4174cc28;color:#abddff;transform:rotate(-10deg)}
.dark-globe:before,.dark-globe:after{content:'';position:absolute;width:240px;height:90px;left:-50px;top:25px;border:1px solid #82bbeb66;border-radius:50%;transform:rotate(-27deg)}.dark-globe:after{width:190px;height:190px;left:-25px;top:-25px;border-color:#80b1eb25}.dark-globe svg{width:100%;height:100%}
body.ks-client .account-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 24px!important}
body.ks-client .account-stat{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:18px!important;background:linear-gradient(130deg,#131c2c,#101725)!important;border:1px solid #233049!important;border-radius:17px!important;min-height:155px!important;box-shadow:none!important}
body.ks-client .account-stat .account-orbit{position:absolute;left:14px;top:14px;width:30px!important;height:30px!important;padding:6px!important;border:0!important;border-radius:9px!important;background:#88d7ff0c!important;color:#83d7ff!important;box-shadow:none!important}
body.ks-client .account-stat .account-orbit:before,body.ks-client .account-stat .account-orbit:after{display:none!important}
body.ks-client .account-stat .account-orbit svg{width:18px!important;height:18px!important}
body.ks-client .account-stat h3{font-size:11px!important;font-weight:400!important;color:#9aabc2!important;padding-left:30px;margin:0 0 18px!important}
body.ks-client .account-stat strong{font-size:24px!important;line-height:1.5!important;margin:0!important;overflow-wrap:anywhere}
body.ks-client #profile-username{font:700 16px/2 KingDark,Arial!important}
body.ks-client .account-stat p{font-size:10px!important;margin:7px 0 0!important}
body.ks-client .account-password{padding:16px!important;min-height:0!important;margin-bottom:18px!important}
body.ks-client .account-password .account-orbit{width:36px!important;height:36px!important;border-radius:10px!important;background:#1b2a3b!important;color:#83d7ff!important;border:0!important;box-shadow:none!important}
body.ks-client .account-password strong{font-size:13px!important}.account-password small{font-size:11px!important}
body.ks-client #recovery-panel{padding:22px!important;margin-top:18px}body.ks-client #recovery-panel p{font-size:12px}body.ks-client #recovery-generate-form{max-width:480px}
body.ks-app .account-orbit::before,body.ks-app .account-orbit::after{display:none!important}
/* Subscription inventory and details. */
body.ks-client .subscriptions-panel{padding:22px!important}
body.ks-client .subscriptions-tools{gap:12px!important;padding:0!important;margin:0 0 20px!important}
body.ks-client .subscriptions-tools :is(input,select,button),body.ks-client .sub-search{min-height:44px!important;height:44px!important;border-radius:11px!important;box-shadow:none!important;font-size:12px!important}
body.ks-client .sub-search{border:0!important;background:none!important}
body.ks-client #subscriptions-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-height:none!important;overflow:visible!important;padding:0!important}
body.ks-client #subscriptions-list .subscription-row{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;min-height:0!important;max-height:none!important;padding:20px!important;padding-left:50px!important;gap:18px 12px!important;background:linear-gradient(130deg,#131c2c,#101725)!important;border:1px solid #233049!important;border-radius:18px!important;box-shadow:none!important;flex:auto!important}
body.ks-client #subscriptions-list .subscription-row>*{min-width:0;border:0!important}
body.ks-client #subscriptions-list .sub-identity{grid-column:1/-1!important;grid-row:1!important;justify-content:flex-start!important}
body.ks-client #subscriptions-list .sub-name{font-size:15px!important}
body.ks-client #subscriptions-list .sub-menu{position:absolute!important;left:12px!important;right:auto!important;top:16px!important}
body.ks-client #subscriptions-list .sub-menu>button{width:30px!important;height:34px!important;min-height:34px!important}
body.ks-client #subscriptions-list .sub-value{font-size:20px!important}
body.ks-client #subscriptions-list :is(.sub-volume,.sub-expiry,.sub-plan,.sub-actions){padding:0!important;align-self:center}
body.ks-client #subscriptions-list :is(.sub-details,.subscription-details-button){font-size:11px!important;min-height:34px!important}
body.ks-client :is(.subscription-identity,.subscription-power,.detail-stat,.connection-card,.qr-card,.subscription-heading,.subscription-content,.subscription-more){background:#101725!important;border-color:#233049!important;box-shadow:none!important;border-radius:15px}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog{background:#121b2c!important;border-color:#354965!important;box-shadow:0 30px 100px #0007!important}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog :is(.full-config,.plan-badge){background:#0b1322!important;border-color:#2b3a53!important;color:#9ab4d3!important}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog .detail-ring{filter:drop-shadow(0 0 3px #83d7ff22)}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog .config-switch[aria-checked=false]{border-color:#a65464!important;background:#562b37!important;color:#ffa1ae!important;box-shadow:0 0 16px #ff879318!important}
body:is(.ks-client,.ks-admin-subscriptions) #subscription-dialog .config-switch[aria-checked=true]{border-color:#4ace98!important;background:#1c5942!important;color:#97ffd2!important;box-shadow:0 0 16px #64e3b015!important}
body.ks-app :is(.purchase-orbit,.server-emblem){filter:none!important}
body.ks-client .subscription-empty{padding:45px 20px!important;border:1px dashed #725a35!important;background:#ffa75206!important;text-align:center}
/* Purchase flow, wallet, tickets and financial states. */
body.ks-app .purchase-steps{background:none!important;border:0!important;box-shadow:none!important;padding:14px 0!important;margin:0 0 22px!important}
body.ks-app .purchase-steps li>span{width:37px!important;height:37px!important;border-radius:12px!important;background:#121e30!important;border:1px solid #31415b!important;box-shadow:none!important;color:#8f9db5!important;font-size:14px!important}
body.ks-app .purchase-steps li.current>span{border-color:#83d7ff!important;background:#213b52!important;color:#83d7ff!important}
body.ks-app .purchase-steps li.completed>span{background:#164738!important;color:#64e3b0!important;border-color:#3b8069!important}
body.ks-app .purchase-steps small{font-size:11px!important}
body.ks-app .purchase-panel{padding:24px!important}
body.ks-app .purchase-section-title{margin-bottom:22px!important;gap:14px!important}
body.ks-app .purchase-section-title h2{font-size:20px!important}.purchase-section-title p{font-size:12px!important}
body.ks-app .purchase-option{border:1px solid #233049!important;background:linear-gradient(130deg,#131c2c,#101725)!important;border-radius:17px!important;box-shadow:none!important;padding:22px!important;text-align:right!important}
body.ks-app .purchase-option.selected{border-color:#83d7ff!important;background:linear-gradient(130deg,#1c3347,#142238)!important}
body.ks-app .purchase-option h3{font-size:16px!important}.purchase-option p{font-size:12px!important}
body.ks-app .purchase-price{color:#ffda7a!important;border-color:#233049!important;font-size:23px!important}
body.ks-app :is(.purchase-specs>div,.purchase-summary,.purchase-coupon,.purchase-features,.purchase-info){background:#0e1828!important;border-color:#233049!important;box-shadow:none!important;border-radius:13px!important}
body.ks-app .purchase-summary>div:last-child{background:#ffda7a09!important;color:#ffda7a!important;border-color:#ffda7a35!important}.purchase-summary>div:last-child strong{color:#ffda7a!important}
body.ks-app .wallet-balance-card{background:radial-gradient(ellipse at 10% 20%,#49669540,transparent 80%),linear-gradient(135deg,#1e314a,#142239)!important;border:1px solid #48647f!important;border-radius:20px!important;box-shadow:none!important;padding:28px!important}
body.ks-app .wallet-balance-card strong{font-size:36px!important}.wallet-balance-card h2{font-size:14px!important}
body.ks-app .wallet-topup-card{border-radius:13px!important;min-height:64px!important;padding:13px 20px!important}.wallet-topup-card :is(strong,small){color:#252316!important}
body.ks-app .support-hero{padding:24px!important;background:linear-gradient(130deg,#152b3d,#101725)!important;border:1px solid #294053!important;border-radius:20px!important;box-shadow:none!important}
body.ks-app .support-hero h2{font-size:22px!important;color:#83d7ff!important}
body.ks-app .support-hero .account-orbit{width:55px!important;height:55px!important;background:#1b2a3b!important;color:#83d7ff!important;border:0!important;border-radius:16px!important;box-shadow:none!important}
body.ks-app :is(.ticket-row,.ticket-card){background:#111a2a!important;border-color:#233049!important;box-shadow:none!important;border-radius:13px!important}
body.ks-app #messages{background:#0b1322!important;background-image:none!important;box-shadow:none!important}
body.ks-app .ticket-message{background:#1d3a50!important;color:#e3eef8!important;border:0!important;box-shadow:none!important}
body.ks-app .ticket-message.support{background:#1c263a!important;color:#e3eef8!important}.ticket-message time{color:#8eaac0!important}
body.ks-app :is(.danger,#subscription-delete,#close-ticket){background:#ff6f8410!important;color:#ff8793!important;border-color:#ff879340!important}
body.ks-app :is(.badge,.status-pill,.sub-status){box-shadow:none!important;text-shadow:none!important;border-radius:7px!important}
/* Management screens retain real forms, receipts and all role-guarded actions. */
body.ks-app:not(.ks-client) :is(.dashboard,.admin-workspace){max-width:1480px;margin:auto}
body.ks-app :is(.admin-stat-grid .card,.resource-card,.resource){padding:20px!important;background:linear-gradient(130deg,#131c2c,#101725)!important;border:1px solid #233049!important;border-radius:17px!important;box-shadow:none!important}
body.ks-app .admin-stat-grid strong{color:#f2f5fc!important;font-size:27px!important}
body.ks-app .resources-grid{gap:16px!important}.server-resources{padding:22px!important}
body.ks-app :is(.order-card,.receipt-order){background:linear-gradient(130deg,#131c2c,#101725)!important;border-radius:17px!important;box-shadow:none!important}
body.ks-app :is(.order-pending,.receipt-pending){border-color:#80683a!important}
body.ks-app :is(.order-complete,.receipt-complete){border-color:#3d7867!important}
body.ks-app :is(.order-rejected,.receipt-rejected){border-color:#914756!important}
body.ks-app .section-heading{margin-bottom:24px!important}.section-heading h1{font-size:26px!important}
body.ks-app .ks-nav-footer{color:#677a95!important;font-size:10px;margin-top:20px}
/* Login / registration use the same split canvas as the supplied design. */
body.ks-auth>header{position:absolute!important;top:22px!important;right:32px!important;left:auto!important;margin:0!important;padding:0!important;width:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;z-index:2}
body.ks-auth .auth-layout{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-height:100dvh;gap:0!important}
body.ks-auth .auth-form-card{align-self:center!important;justify-self:center;width:410px!important;max-width:calc(100% - 48px)!important;margin:90px 0 35px!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important}
body.ks-auth .auth-benefits{align-self:stretch!important;display:flex!important;flex-direction:column;justify-content:center;padding:70px 55px!important;border:0!important;border-right:1px solid #233049!important;border-radius:0!important;background:radial-gradient(ellipse at 30% 50%,#25477c60,transparent 70%)!important;box-shadow:none!important}
body.ks-auth .auth-benefits h1{font-size:34px!important;line-height:1.7!important}.auth-benefits h1 span{color:#83d7ff!important;background:none!important;-webkit-text-fill-color:initial!important}
body.ks-auth .auth-pill{background:none!important;border:0!important;box-shadow:none!important;color:#83d7ff!important;padding:0!important;justify-content:flex-start!important}
body.ks-auth .auth-pill b{color:#83d7ff!important;background:none!important;border:0!important;box-shadow:none!important}
body.ks-auth .auth-benefit{background:none!important;border:0!important;box-shadow:none!important;padding:14px 0!important;border-radius:0!important}
body.ks-auth .auth-benefit h3{font-size:14px!important}.auth-benefit p{font-size:12px!important}
body.ks-auth .auth-ring{width:42px!important;height:42px!important;border:1px solid #34546e!important;background:#1b2a3b!important;border-radius:13px!important;color:#83d7ff!important;box-shadow:none!important}
body.ks-auth .auth-ring:before,body.ks-auth .auth-ring:after{display:none!important}
body.ks-auth .tabs{background:#0c1320!important;border:1px solid #233049!important;border-radius:12px!important;padding:5px!important;min-height:46px!important;margin-bottom:22px!important}
body.ks-auth .tabs a{font-size:13px!important;min-height:36px!important;padding:6px!important;border-radius:8px!important}
body.ks-auth .tabs a.active,body.ks-auth .tabs a[aria-current=page]{background:#26354d!important;color:#d1eeff!important;box-shadow:none!important}
body.ks-auth #form-title{font-size:25px!important;text-align:right!important;margin:0 0 18px!important}
body.ks-auth :is(.auth-input,.password-field){background:#0b1322!important;border:1px solid #2a3953!important;border-radius:11px!important;box-shadow:none!important;min-height:44px!important;height:44px!important}
body.ks-auth :is(.auth-input,.password-field) input{background:transparent!important;border:0!important;min-height:42px!important;height:42px!important;font-size:13px!important}
body.ks-auth :is(.auth-input,.password-field)>svg{width:19px!important;height:19px!important;color:#8f9db5!important}
body.ks-auth #auth-form label{font-size:12px!important;margin:12px 0 6px!important}
body.ks-auth .password-guide{background:none!important;border:1px solid #233049!important;border-radius:11px!important;padding:10px!important;margin:10px 0!important}
body.ks-auth .password-guide ul{font-size:10px!important}.auth-guide-shield{display:none!important}
body.ks-auth #submit{min-height:44px!important;height:44px!important;font-size:14px!important;margin-top:16px!important;border-radius:11px!important}
body.ks-auth .auth-switch{font-size:11px!important;border:0!important;margin:16px 0!important}.auth-switch a{color:#83d7ff!important}
body.ks-auth .auth-forgot{color:#83d7ff!important;font-size:11px!important}
body.ks-auth .recovery-page{max-width:520px;margin:110px auto 40px!important;padding:28px!important}
/* Landing receives the same restrained palette without replacing live links. */
body.ks-landing{--ks-accent:#ffda7a}
body.ks-landing :is(header,.ks-hero,.ks-feature,.ks-features article){background:#101725!important;border-color:#233049!important;box-shadow:none!important}
body.ks-landing h1 strong{color:#83d7ff!important}.ks-landing .primary{background:#ffda7a!important;color:#252316!important}
@media(max-width:1200px){body.ks-app.ks-has-sidebar{padding-right:216px!important}body.ks-app .ks-sidebar{width:216px!important;padding:24px 16px!important}body.ks-app.ks-has-sidebar>header{padding:0 25px!important}body.ks-app.ks-has-sidebar>main{padding:20px 25px 30px!important}body.ks-app.ks-has-sidebar>.ks-page-nav{margin-inline:25px!important}body.ks-client .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ks-client #subscriptions-list{grid-template-columns:1fr!important}}
@media(max-width:960px){body.ks-app.ks-has-sidebar{padding:0 0 76px!important}body.ks-app .ks-sidebar{display:none!important}body.ks-app.ks-has-sidebar>header{height:70px!important;min-height:70px!important;padding:0 18px!important;gap:10px!important}body.ks-app .ks-menu-button{display:inline-flex!important;width:40px!important;height:40px!important;min-height:40px!important;justify-content:center;align-items:center}body.ks-app .ks-header-tools{display:flex!important;order:0!important}body.ks-app .client-tagline{font-size:11px!important}body.ks-app .client-profile summary>span:not(.client-chevron){display:none!important}body.ks-app .client-profile summary{padding:4px!important}body.ks-app .client-chevron{display:none!important}body.ks-app .client-support span{display:none!important}body.ks-app .client-support{width:40px!important;padding:9px!important}.ks-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#101827f5;border-top:1px solid #30425c;padding:6px 8px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}body.ks-app .ks-bottom-nav .ks-nav-links{display:flex!important;flex-direction:row!important;width:100%;justify-content:space-around;gap:2px!important}body.ks-app .ks-bottom-nav .ks-nav-links a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px!important;min-width:48px;min-height:50px!important;color:#7d91ae!important;font-size:9px!important;background:none!important;border:0!important;box-shadow:none!important;text-decoration:none!important;border-radius:8px!important}body.ks-app .ks-bottom-nav .ks-nav-links a[aria-current=page]{color:#83d7ff!important}body.ks-app .ks-bottom-nav .ks-nav-links a[href$="view=buy"]{color:#ffda7a!important}body.ks-app .ks-bottom-nav>button{font-size:10px;min-width:48px;background:none!important;border:0!important}body.ks-app .ks-nav-dialog{width:min(320px,88vw)!important;height:100dvh!important;max-height:100dvh!important;inset:0 0 0 auto!important;margin:0!important;border-radius:0!important;padding:18px!important;overflow:auto!important}body.ks-app .ks-nav-dialog .client-brand-card{margin-top:24px!important}body.ks-app .ks-nav-dialog .ks-nav-head{padding:0 0 12px!important}body.ks-app.ks-has-sidebar>main{padding:20px 22px 28px!important}body.ks-app.ks-has-sidebar>.ks-page-nav{margin:16px 22px 0!important}.dark-hero{padding:24px}.dark-globe{transform:scale(.8)}body.ks-auth .auth-benefits{padding:60px 30px!important}}
@media(max-width:640px){body.ks-app{font-size:13px}body.ks-app.ks-has-sidebar>main{padding:18px 16px 24px!important}body.ks-app.ks-has-sidebar>.ks-page-nav{margin:14px 16px 0!important}body.ks-app .client-tagline{display:none!important}body.ks-app .client-actions{margin-inline-start:auto!important}.dark-hero{grid-template-columns:1fr;padding:22px;min-height:210px}.dark-hero>div:first-child{position:relative;z-index:1;max-width:90%}.dark-globe{position:absolute;left:-60px;top:48px;opacity:.4;transform:scale(.75)}.dark-hero h2{font-size:22px!important}.dark-hero p{font-size:11px!important;max-width:250px}.dark-eyebrow{font-size:8px}.dark-text-link{font-size:10px;margin-right:10px}body.ks-client :is(.account-page-title,.subscriptions-page-title,.purchase-page-title) h2,body.ks-client main>h1{font-size:23px!important}body.ks-client .account-welcome h3{font-size:16px!important}body.ks-client .account-welcome p{font-size:10px!important}body.ks-client .account-avatar{display:none!important}body.ks-client #edit-profile{font-size:10px!important;padding:6px 9px!important}body.ks-client #edit-profile svg:last-child{display:none!important}body.ks-client .account-stats{gap:10px!important}body.ks-client .account-stat{padding:14px!important;min-height:143px!important}body.ks-client .account-stat h3{font-size:10px!important;padding-left:20px}body.ks-client .account-stat .account-orbit{width:24px!important;height:24px!important;padding:4px!important;left:10px;top:12px}body.ks-client .account-stat strong{font-size:22px!important}body.ks-client #profile-username{font-size:14px!important}body.ks-client .subscriptions-panel{padding:14px!important}body.ks-client #subscriptions-list .subscription-row{padding:16px 16px 16px 42px!important;gap:14px 10px!important}body.ks-client .subscriptions-tools{grid-template-columns:1fr 1fr!important;gap:9px!important}body.ks-client .sub-search{grid-column:1/-1!important}body.ks-client #import-config-open{grid-column:1/-1!important}body.ks-client .subscription-row .sub-name{font-size:13px!important}body.ks-app .purchase-panel{padding:17px!important}body.ks-app .purchase-option{padding:18px!important}body.ks-app .purchase-steps small{font-size:9px!important}body.ks-app .purchase-steps li>span{width:32px!important;height:32px!important}body.ks-app .purchase-section-title h2{font-size:18px!important}body.ks-app .purchase-footer{position:sticky;bottom:78px;z-index:5;background:#101725f5!important;border:1px solid #233049;border-radius:14px;padding:10px!important}body.ks-app .client-footer{padding:18px 16px!important}body.ks-app .client-footer small{display:none!important}body.ks-auth .auth-layout{grid-template-columns:1fr!important;min-height:100dvh}body.ks-auth .auth-benefits{display:none!important}body.ks-auth .auth-form-card{max-width:calc(100% - 40px)!important;width:410px!important;margin:85px 0 24px!important;align-self:start!important}body.ks-auth>header{top:20px!important;right:22px!important}body.ks-auth #form-title{font-size:23px!important;margin-bottom:14px!important}body.ks-auth .auth-switch{margin:12px 0!important}body.ks-auth .recovery-page{margin:90px 18px 25px!important;max-width:none}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-height:760px) and (min-width:961px){body.ks-client .ks-sidebar .ks-nav-links a{min-height:39px!important;padding:7px 12px!important}body.ks-client .ks-sidebar>.ks-brand{margin-bottom:14px!important}body.ks-client .client-brand-card{padding:12px!important}body.ks-client .client-brand-card p{margin-bottom:6px!important}}
@media(prefers-reduced-motion:reduce){body.ks-app *,body.ks-app *::before,body.ks-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact production card mapping (the template has no separate outer card). */
body.ks-client #subscriptions-list .subscription-row-wrap{padding:0!important;background:none!important;border:0!important;border-radius:18px!important}
body.ks-client #subscriptions-list .subscription-row-wrap>.subscription-row{height:100%;padding:20px!important;grid-template-columns:1fr 1fr!important;gap:14px!important;grid-template-rows:auto auto auto auto!important}
body.ks-client #subscriptions-list .sub-identity{padding-left:34px!important;min-height:50px!important}
body.ks-client #subscriptions-list .sub-name-button{padding:0!important;background:none!important;border:0!important;color:#f2f5fc!important;font-size:15px!important;text-align:right}
body.ks-client #subscriptions-list .sub-plan{grid-column:1/-1!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;min-height:0!important;flex-wrap:wrap}
body.ks-client #subscriptions-list .sub-plan small{margin-right:auto}
body.ks-client #subscriptions-list .sub-metric{grid-row:3!important;min-height:0!important;text-align:right!important;padding:0!important;border:0!important}
body.ks-client #subscriptions-list .sub-value{justify-content:flex-start!important;margin:3px 0!important}
body.ks-client #subscriptions-list .sub-metric>span,body.ks-client #subscriptions-list .sub-metric small{font-size:10px!important}
body.ks-client #subscriptions-list .sub-row-actions{grid-column:1/-1!important;grid-row:4!important;flex-direction:row!important;justify-content:space-between!important;border-top:1px solid #233049!important;padding-top:12px!important}
body.ks-client .subscription-row-menu summary{background:#111b2b!important;border-color:#233049!important;color:#8f9db5!important}
body.ks-client #subscriptions-list .sub-emblem .purchase-orbit{width:47px!important;height:47px!important;box-shadow:0 0 16px #70c8ff13!important}
body.ks-client #subscriptions-list .sub-emblem{width:47px!important;height:47px!important}
body.ks-client #subscriptions-list .sub-status{box-shadow:none!important;padding:2px 8px!important;font-size:10px!important}
body.ks-client #subscriptions-list .sub-status::before,body.ks-client #subscriptions-list .sub-status::after{box-shadow:none!important}
body.ks-app.ks-has-sidebar .ks-page-nav{display:flex!important;justify-content:flex-end!important}
body.ks-client .dark-hero .button{width:auto!important;min-width:0!important}
body.ks-client .account-page-title{display:none!important}
body.ks-client .account-welcome{direction:rtl!important}.account-welcome>div{margin-left:auto}
body.ks-client .account-welcome .account-avatar{display:none!important}
body.ks-client #profile-home .account-welcome #edit-profile{margin:0!important}
.dark-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:20px;margin-bottom:24px}
.dark-overview .card{padding:22px!important}.dark-overview h3{font-size:17px;margin:0 0 18px}.dark-overview .dark-text-link{display:block;text-align:left;margin:12px 0 0}
.dark-overview-row{padding:13px 0;border-bottom:1px solid #233049;display:flex;align-items:center;gap:12px;font-size:12px}.dark-overview-row:last-child{border:0}.dark-overview-row>div{flex:1;min-width:0}.dark-overview-row strong,.dark-overview-row small{display:block;overflow-wrap:anywhere}.dark-overview-row small{font-size:10px}.dark-overview-row button{font-size:11px;padding:5px 10px;min-height:34px}.dark-overview-row .purchase-orbit{width:34px;height:34px}.dark-overview-row .purchase-flag{width:70%;height:70%}
body.ks-app .admin-order{background:linear-gradient(130deg,#131c2c,#101725)!important;border-radius:17px!important;box-shadow:none!important;padding:22px!important}
body.ks-app .admin-order.order-approved{border-color:#3d7867!important}body.ks-app .admin-order.order-pending{border-color:#80683a!important}body.ks-app .admin-order.order-rejected{border-color:#914756!important}
body.ks-app .admin-order .approve{background:#64e3b014!important;color:#64e3b0!important;border-color:#64e3b045!important}body.ks-app .admin-order .reject{background:#ff6f8410!important;color:#ff8793!important;border-color:#ff879340!important}
body.ks-app .ks-nav-links a svg{color:inherit!important}
body.ks-auth .auth-form-card :is(.tabs,.auth-bottom-note){box-shadow:none!important}body.ks-auth .auth-bottom-note{border:0!important;background:none!important}
body.ks-auth .password-field>button{height:36px!important;min-height:36px!important;top:3px!important;background:none!important;border:0!important;color:#83d7ff!important}
body.ks-auth .auth-input input,body.ks-auth .password-field input{outline-offset:0!important}
@media(max-width:640px){.dark-overview{grid-template-columns:1fr}body.ks-client #subscriptions-list .subscription-row-wrap>.subscription-row{padding:17px!important;gap:12px!important}body.ks-client #subscriptions-list .sub-name-button{font-size:14px!important}body.ks-client #subscriptions-list .sub-plan{font-size:11px!important}body.ks-client .account-welcome{margin-bottom:18px!important}.dark-hero .button{font-size:12px!important}body.ks-auth .auth-form-card{margin-top:82px!important}body.ks-auth #auth-form label{margin-top:8px!important}body.ks-auth .auth-bottom-note{display:none!important}body.ks-auth .tabs{margin-bottom:14px!important}body.ks-auth #form-note{margin:0 0 10px!important;font-size:11px!important}}
body.ks-app .purchase-section-title .purchase-orbit{width:48px!important;height:48px!important;background:#1b2a3b!important;border:1px solid #34546e!important;border-radius:14px!important;box-shadow:none!important;color:#83d7ff!important}
body.ks-app .purchase-section-title .purchase-orbit::before,body.ks-app .purchase-section-title .purchase-orbit::after{display:none!important}
body.ks-app .purchase-option>.purchase-orbit{width:54px!important;height:54px!important;margin:0 0 16px!important;box-shadow:0 0 14px #83d7ff18!important}
body.ks-app .purchase-specs>div{display:flex!important;flex-direction:row!important;gap:12px!important;padding:16px!important;min-height:90px!important;text-align:right!important}
body.ks-app .purchase-specs .purchase-orbit{width:38px!important;height:38px!important;flex-shrink:0;box-shadow:none!important}
body.ks-app .purchase-specs span{font-size:11px!important}.purchase-specs strong{font-size:14px!important}
body.ks-app .purchase-footer .purchase-primary{min-height:44px!important;font-size:13px!important;padding:10px 16px!important}
body.ks-app.ks-admin-shell .ks-sidebar{overflow-y:auto!important}body.ks-app.ks-admin-shell .client-footer{display:none!important}
body.ks-app .ks-sidebar .ks-nav-links a svg{order:0!important}body.ks-app .ks-sidebar .ks-nav-links a span{order:1!important}
@media(max-width:640px){body.ks-app .purchase-specs>div{padding:12px!important;gap:8px!important;min-height:80px!important}body.ks-app .purchase-specs .purchase-orbit{width:30px!important;height:30px!important}.purchase-specs strong{font-size:12px!important}body.ks-app .purchase-specs span{font-size:10px!important}body.ks-app .purchase-footer{position:static!important}}
body.ks-auth .ks-header-tools{display:none!important}
body.ks-app.ks-admin-shell>header h1{font-size:20px!important;margin:0!important}
body.ks-app .resource-card{display:flex;align-items:center;gap:12px;text-align:left}
body.ks-app .resource-gauge{width:76px!important;flex:0 0 76px;margin:0!important}
body.ks-app .resource-gauge strong{font-size:14px!important}.resource-caption{font-size:11px!important;margin:0!important}
body.ks-app .resource-fill{stroke:#83d7ff}.resource-card:nth-child(2) .resource-fill{stroke:#bbadff}.resource-card:nth-child(3) .resource-fill{stroke:#64e3b0}.resource-card:nth-child(4) .resource-fill{stroke:#ffda7a}
body.ks-app :is(.auth-input,.password-field,.tabs,.auth-bottom-note,.account-welcome)::before,body.ks-app :is(.auth-input,.password-field,.tabs,.auth-bottom-note,.account-welcome)::after{box-shadow:none!important;background:none!important;border:0!important}
@media(max-width:1200px){body.ks-app .resource-card{flex-direction:column;gap:10px;text-align:center}}
body.ks-app #settings-options{display:block!important;padding:8px 24px;background:linear-gradient(130deg,#131c2c,#101725);border:1px solid #233049;border-radius:20px;margin-bottom:22px}
body.ks-app #settings-options .setting{display:flex;align-items:center;justify-content:space-between;gap:20px;background:none!important;border:0!important;border-bottom:1px solid #233049!important;border-radius:0!important;padding:18px 0!important;min-height:0!important;margin:0!important;box-shadow:none!important}
body.ks-app #settings-options .setting:last-child{border-bottom:0!important}body.ks-app #settings-options strong{font-size:14px!important}body.ks-app #settings-options small{font-size:11px!important;display:block;margin-top:4px}
body.ks-app #settings-options input[type=checkbox]{appearance:none;width:47px;height:27px;min-width:47px;flex-shrink:0;background:#562b37;border:1px solid #a65464;border-radius:30px;position:relative;cursor:pointer;margin:0;padding:0}
body.ks-app #settings-options input[type=checkbox]::after{content:'';position:absolute;left:5px;top:5px;width:15px;height:15px;border-radius:50%;background:#ffa1ae;transition:transform .15s}
body.ks-app #settings-options input:checked{background:#1c5942;border-color:#4ace98}body.ks-app #settings-options input:checked::after{transform:translateX(19px);background:#97ffd2}
body.ks-app.ks-auth.auth-redesign .auth-form-card{background:none!important;border:0!important;box-shadow:none!important}body.ks-app.ks-auth.auth-redesign .auth-form-card::before,body.ks-app.ks-auth.auth-redesign .auth-form-card::after{display:none!important}
@media(max-width:640px){body.ks-app #settings-options{padding:5px 16px}body.ks-app #settings-options .setting{gap:12px}body.ks-app #settings-options strong{font-size:13px!important}}
body.ks-app.ks-auth.auth-redesign{padding:0!important;margin:0!important}
body.ks-app.ks-auth.auth-redesign .auth-layout{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
body.ks-app.ks-auth.auth-redesign .auth-form-card{width:min(410px,calc(50vw - 48px))!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0!important;border:0!important;background:none!important}
body.ks-app.ks-auth.auth-redesign .auth-form-card *{min-width:0;box-sizing:border-box}
@media(max-width:640px){body.ks-app.ks-auth.auth-redesign .auth-layout{grid-template-columns:minmax(0,1fr)!important}body.ks-app.ks-auth.auth-redesign .auth-form-card{width:calc(100vw - 40px)!important;max-width:410px!important;margin:78px auto 12px!important}body.ks-app.ks-auth.auth-redesign #form-title{font-size:22px!important;margin:0 0 10px!important}body.ks-app.ks-auth.auth-redesign #auth-form label{margin:7px 0 4px!important;font-size:12px!important}body.ks-app.ks-auth.auth-redesign :is(.auth-input,.password-field){height:40px!important;min-height:40px!important}body.ks-app.ks-auth.auth-redesign :is(.auth-input,.password-field) input{height:38px!important;min-height:38px!important}body.ks-app.ks-auth.auth-redesign .tabs{margin:0 0 12px!important;min-height:42px!important}body.ks-app.ks-auth.auth-redesign .password-guide{margin:8px 0!important;padding:8px!important}body.ks-app.ks-auth.auth-redesign .password-guide li{font-size:9px!important;line-height:1.6!important}body.ks-app.ks-auth.auth-redesign .auth-switch{margin:8px 0!important}body.ks-app.ks-auth.auth-redesign #submit{margin-top:10px!important}}

/* Four-step checkout: review and payment share the final step. */
body.ks-client .account-password .account-orbit{display:grid!important;place-items:center!important;padding:8px!important;box-sizing:border-box;flex:0 0 36px}
body.ks-client .account-password .account-orbit svg{width:20px!important;height:20px!important;display:block}
body.ks-client .account-password>svg{width:18px!important;height:18px!important;flex:0 0 18px}
body.ks-app #purchase-payment{margin-top:24px;padding-top:24px;border-top:1px solid #233049}
body.ks-app .purchase-receipt{margin-top:18px;padding:18px;background:#0e1828;border:1px solid #233049;border-radius:13px}
.purchase-receipt p,.purchase-receipt label{font-size:13px;color:#8f9db5;line-height:1.9}.purchase-receipt input{display:block;width:100%;box-sizing:border-box;margin-top:10px}
.purchase-card-account{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.purchase-card-account strong{font-size:20px;letter-spacing:1px;color:#f2f5fc}
@media(max-width:640px){body.ks-app .purchase-receipt{padding:12px}.purchase-card-account strong{font-size:18px}body.ks-app .purchase-steps li small{font-size:10px!important}}

body.ks-app .wallet-payment-details{background:#0e1828;border:1px solid #233049;border-radius:13px;padding:14px;margin:14px 0}.wallet-payment-details strong{font-size:20px;letter-spacing:1px;display:block}.wallet-payment-details p{font-size:12px;line-height:1.8}#topup-receipt{width:100%;box-sizing:border-box}

#purchase-existing-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}#purchase-existing-notice span{flex:1;min-width:170px}#purchase-existing-notice button{font:inherit;white-space:nowrap}

/* Unified retail / cooperation plan management. */
body.ks-app .admin-plan-manager{direction:rtl;color:var(--ks-text,#f2f5fc);width:100%}
body.ks-app .pm-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
body.ks-app .pm-heading h1{font-size:26px;margin:0 0 5px}body.ks-app .pm-heading p{margin:0;color:#8f9db5;font-size:14px}
body.ks-app .admin-plan-manager button{margin:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;border:1px solid #29394e;border-radius:9px;background:#131f30;color:#bed0e5;box-shadow:none;padding:8px 12px;cursor:pointer}
body.ks-app .admin-plan-manager svg{width:21px;height:21px;flex-shrink:0}
body.ks-app .admin-plan-manager button.pm-add{background:linear-gradient(120deg,#ffe594,#ffd06a);border-color:#ffe18a;color:#18212c;min-width:182px;min-height:48px;font-weight:700;box-shadow:0 4px 24px #ffd66b15}
body.ks-app .pm-filters{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:12px}
body.ks-app .pm-filters select,body.ks-app .pm-search{min-width:0;width:100%;height:46px;border:1px solid #29394e!important;border-radius:10px!important;background:#101b2a!important;color:#c5d0e2!important;margin:0;padding:0 14px;box-sizing:border-box;font:inherit;font-size:13px}
body.ks-app .pm-search{display:flex;align-items:center;gap:8px}body.ks-app .pm-search input{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;margin:0;padding:0!important;color:#f2f5fc;height:100%;font:inherit}
body.ks-app .pm-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}body.ks-app .pm-chips button{border-radius:24px;min-height:34px;padding:5px 19px;font-size:12px}body.ks-app .pm-chips button[aria-pressed=true]{background:#83d7ff;color:#092035;border-color:#83d7ff}
body.ks-app section.pm-group{background:none!important;border:0!important;padding:0!important;margin:18px 0 28px!important;box-shadow:none!important}
body.ks-app .pm-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}body.ks-app .pm-group-heading h2{font-size:17px;margin:0}body.ks-app .pm-line{flex:1;height:1px;background:#29394e}body.ks-app .pm-group-heading small{color:#8f9db5;white-space:nowrap}body.ks-app .pm-group-heading .purchase-orbit{width:32px;height:32px;min-width:32px;flex-basis:32px;padding:2px;margin:0;box-shadow:none}body.ks-app .pm-group-heading .purchase-flag{width:100%;height:100%}
body.ks-app .pm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ks-app article.pm-card{background:linear-gradient(140deg,#11212d,#101b2b)!important;border:1px solid #29394e!important;border-radius:13px!important;padding:18px 0 0!important;margin:0!important;overflow:hidden;box-shadow:0 3px 12px #00000012!important;min-width:0}
body.ks-app .pm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 18px}body.ks-app .pm-identity{min-width:0}body.ks-app .pm-card h3{display:flex;align-items:flex-start;gap:8px;font-size:17px;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}body.ks-app .pm-inbound{display:inline-block;border:1px solid #34435c;background:#18273d;color:#b5cceb;border-radius:20px;padding:2px 12px;font-size:11px}body.ks-app .pm-state{font-size:12px;border-radius:24px;padding:5px 11px;white-space:nowrap;border:1px solid #34504f}body.ks-app .is-active.pm-state{color:#64e3b0;background:#15403988}body.ks-app .is-inactive.pm-state{color:#ff8793;background:#4b263688;border-color:#79424d}
body.ks-app .pm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 18px 0;border-top:1px solid #29394e;padding-top:12px}body.ks-app .pm-metrics>div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:0 8px;border-left:1px solid #29394e;font-size:13px;color:#c4d3e6;overflow-wrap:anywhere}body.ks-app .pm-metrics>div:last-child{border:0}body.ks-app .pm-price{text-align:center;color:#ffda7a;font-weight:700;font-size:18px;margin:12px 0 6px}body.ks-app .pm-meta{font-size:11px;color:#8f9db5;text-align:center;line-height:1.6;margin:0 12px 12px}
body.ks-app .pm-actions{display:flex;align-items:center;gap:7px;border-top:1px solid #29394e;padding:10px;background:#ffffff02}body.ks-app .pm-actions button{padding:7px;min-width:34px;min-height:36px}body.ks-app .pm-actions .pm-edit{flex:1;color:#83d7ff;border-color:#375c81;white-space:nowrap;font-size:13px}body.ks-app .pm-actions .pm-delete{color:#ff8793;border-color:#79424d;background:#49233455}body.ks-app .pm-actions .pm-toggle.is-active{color:#64e3b0;background:#15403988}body.ks-app .pm-actions button:disabled{opacity:.3;cursor:default}body.ks-app .admin-plan-manager button:hover:not(:disabled){filter:brightness(1.15);transform:none}body.ks-app .admin-plan-manager button:focus-visible,body.ks-app .pm-filters :focus-visible{outline:2px solid #83d7ff;outline-offset:3px}body.ks-app .pm-empty{text-align:center;border:1px dashed #29394e;padding:40px 12px;border-radius:12px;color:#8f9db5}
body.ks-app dialog.plan-editor{color:#f2f5fc;background:#101725;border:1px solid #34435c;border-radius:18px;padding:24px;width:min(820px,calc(100vw - 28px));max-width:820px;max-height:90dvh;box-sizing:border-box;box-shadow:0 24px 100px #0008;direction:rtl}
body.ks-app dialog.plan-editor::backdrop{background:#030914ba}body.ks-app .pm-editor-head{display:flex;align-items:center;justify-content:space-between;gap:20px}body.ks-app .pm-editor-head h2{margin:0;font-size:22px}body.ks-app .pm-editor-head button{background:#182438;border:1px solid #34435c;color:#dbe8ff;font-size:24px;padding:1px 12px}body.ks-app [data-editor-error]{color:#ff8793;white-space:pre-wrap}body.ks-app [data-editor-error]:empty{display:none}body.ks-app .plan-editor form{padding:0!important;margin:16px 0 0!important;background:none!important;border:0!important;box-shadow:none!important}body.ks-app .plan-editor .form-grid,body.ks-app .plan-editor .tariff-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.ks-app .plan-editor label{font-size:13px;margin:0;display:block}body.ks-app .plan-editor input:not([type=checkbox]),body.ks-app .plan-editor select,body.ks-app .plan-editor textarea{width:100%;box-sizing:border-box;background:#0b1422!important;color:#f2f5fc!important;border:1px solid #34435c!important;border-radius:8px;padding:10px;margin-top:6px;font:inherit}body.ks-app .plan-editor input[type=checkbox]{width:18px;height:18px;vertical-align:middle}body.ks-app .plan-editor button[type=submit]{background:#ffda7a!important;color:#18212c!important;border-color:#ffda7a!important}body.ks-app .plan-editor details,body.ks-app .pm-trial-settings{border:1px solid #29394e;border-radius:12px;padding:15px;margin-top:18px}body.ks-app .plan-editor summary,body.ks-app .pm-trial-settings summary{cursor:pointer}body.ks-app .plan-editor .rep-all-access{margin:20px 0}body.ks-app .pm-trial-settings section{margin:12px 0 0!important;padding:12px!important}body.ks-app .pm-trial-settings summary{color:#afc7df}
@media(max-width:760px){body.ks-app .pm-heading{align-items:stretch;flex-direction:column;gap:16px}body.ks-app .pm-heading h1{font-size:23px}body.ks-app .pm-heading .pm-add{width:100%}body.ks-app .pm-filters{grid-template-columns:1fr 1fr;gap:8px}body.ks-app .pm-search{grid-column:1/-1;grid-row:1}body.ks-app .pm-cards{grid-template-columns:1fr;gap:12px}body.ks-app .pm-card-top{padding:0 14px}body.ks-app .pm-card h3{font-size:16px}body.ks-app .pm-actions{gap:7px}body.ks-app .pm-chips{gap:6px}body.ks-app .pm-chips button{padding:5px 14px}body.ks-app dialog.plan-editor{padding:18px;max-height:92dvh}body.ks-app .plan-editor .form-grid,body.ks-app .plan-editor .tariff-fields{grid-template-columns:1fr}body.ks-app .pm-metrics{margin-left:12px;margin-right:12px}}
body.ks-app .admin-plan-manager button.pm-add{color:#18212c!important;background:linear-gradient(120deg,#ffe594,#ffd06a)!important}body.ks-app .pm-chips button[aria-pressed=true]{background:#83d7ff!important;color:#092035!important}body.ks-app .pm-search input{border:0!important;border-radius:0!important;background:none!important;outline:none!important;box-shadow:none!important;padding:0!important}body.ks-app .pm-actions .pm-edit{color:#83d7ff!important}body.ks-app .pm-actions .pm-delete{color:#ff8793!important;background:#49233455!important}body.ks-app .pm-actions .pm-toggle.is-active{color:#64e3b0!important;background:#15403988!important}
body.ks-app #plan-manager-root .pm-search input{border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important;height:100%!important;color:#f2f5fc!important}
body.ks-app #account-list .customer-card{border:1px solid #29394e!important;min-width:0}body.ks-app #account-list .customer-blocked{border:1px solid #ee6679!important;background:linear-gradient(130deg,#3d1f2e,#131b29)!important}body.ks-app #account-list .customer-representative{border:1px solid #dcb34e!important;background:linear-gradient(130deg,#352d20,#131b29)!important}body.ks-app .customer-identifier{display:flex;gap:12px;align-items:center;flex-wrap:wrap}body.ks-app .customer-identifier>span{font-family:monospace;user-select:all}body.ks-app .copy-account-id{font-size:11px!important;padding:5px 9px!important;min-height:30px!important;margin:6px!important}body.ks-app .customer-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}body.ks-app .customer-management-actions button{margin:0!important;font-size:13px!important}body.ks-app #customer-action-status{white-space:pre-wrap;overflow-wrap:anywhere}body.ks-app #customer-wallet-form{padding:18px;border:1px solid #29394e;border-radius:12px}body.ks-app .customer-wallet-balance{color:#ffda7a;font-weight:700}body.ks-app #account-detail-info p{overflow-wrap:anywhere}body.ks-app #account-list .order-customer{overflow-wrap:anywhere}body.ks-app #copy-profile-status{display:block;font-size:11px}
body.ks-app #customer-tools button{min-height:44px;border:1px solid #34435c;border-radius:10px;padding:10px 14px;cursor:pointer}body.ks-app #disable-all,body.ks-app #debit-user,body.ks-app #remove-representative{color:#ff98a3;border-color:#754353}body.ks-app #enable-all,body.ks-app #credit-user{color:#76e4b7;border-color:#326856}body.ks-app #add-representative{color:#ffda7a;border-color:#8e783e}body.ks-app #account-detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px}body.ks-app #account-detail-info p{margin:5px 0}body.ks-app #account-block-reason{width:100%;box-sizing:border-box}body.ks-app #account-block-form>p{font-size:12px;color:#8f9db5}body.ks-app #account-detail{scroll-margin-top:90px}@media(max-width:600px){body.ks-app #account-detail-info{grid-template-columns:1fr}body.ks-app .customer-management-actions{grid-template-columns:1fr}body.ks-app #account-list .customer-card{padding:18px!important}}
body.ks-app .purchase-footer{grid-template-columns:minmax(0,1fr) auto!important}body.ks-app #back.purchase-back{background:linear-gradient(135deg,#ffb25b,#ee8736)!important;color:#23180e!important;border:1px solid #ffbd76!important;min-width:110px;max-width:155px;padding:10px 17px!important;min-height:42px!important;font-size:13px!important;align-self:center}body.ks-app .pm-profile-picker{border:1px solid #34435c;border-radius:14px;margin-bottom:20px;padding:14px}body.ks-app .pm-profile-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}body.ks-app .pm-profile-options button{padding:6px!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px;cursor:pointer}body.ks-app .pm-profile-options button[aria-pressed=true]{border-color:#e7f3ff!important;background:#ffffff0c!important}body.ks-app .plan-glass{--neon:#51a3ff;background:linear-gradient(135deg,#ffffff29,#ffffff04)!important;border:1px solid var(--neon)!important;box-shadow:inset 0 1px 10px #ffffff16,0 0 16px color-mix(in srgb,var(--neon) 30%,transparent)!important;color:var(--neon)!important;border-radius:18px!important;backdrop-filter:blur(10px);width:64px!important;height:64px!important;min-width:64px;padding:15px!important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}body.ks-app .plan-glass.ring-gold{--neon:#ffd35a}body.ks-app .plan-glass.ring-purple{--neon:#b47aff}body.ks-app .plan-glass.ring-green{--neon:#30f2aa}body.ks-app .plan-glass.ring-pink{--neon:#ff67c8}body.ks-app .plan-glass.ring-cyan{--neon:#26edff}body.ks-app .plan-glass.ring-red{--neon:#ff586e}body.ks-app .plan-glass.ring-orange{--neon:#ff9b43}body.ks-app .plan-glass.ring-silver{--neon:#dceeff}body.ks-app .plan-glass.ring-rainbow{--neon:#ba86ff;background:linear-gradient(135deg,#46eeff33,#c152ff33,#ffc74e33)!important}body.ks-app .plan-glass::before,body.ks-app .plan-glass::after{display:none!important}body.ks-app .plan-glass .purchase-icon{color:inherit!important;background:none!important;width:100%!important;height:100%!important}body.ks-app .plan-glass svg{width:100%!important;height:100%!important}body.ks-app .pm-card h3 .plan-glass{width:40px!important;height:40px!important;min-width:40px;padding:9px!important;border-radius:12px!important;margin:0 0 3px 4px!important}body.ks-app .purchase-option>.plan-glass{margin:10px auto 18px!important}
body.ks-admin-shell .ks-bottom-nav{grid-template-columns:1fr!important}body.ks-admin-shell .ks-bottom-nav>.ks-nav-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%}body.ks-admin-shell .ks-nav-links>a{position:relative}body.ks-app .ks-nav-badge{display:inline-flex;justify-content:center;align-items:center;min-width:20px;height:20px;box-sizing:border-box;padding:0 5px;background:#ed4057!important;color:white!important;border:1px solid #ff8c9c;border-radius:20px;font-size:11px!important;font-weight:700;line-height:1;margin-inline-start:auto;box-shadow:0 0 9px #ff425244}body.ks-app .ks-bottom-nav .ks-nav-badge{position:absolute;top:0;right:20%;margin:0}body.ks-app .ks-admin-alert{position:fixed;bottom:24px;left:24px;z-index:10000;display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:min(420px,calc(100vw - 40px));padding:18px;background:#172437;border:1px solid #ee6476;border-radius:14px;box-shadow:0 12px 40px #0008;color:#f1f6ff;direction:rtl}body.ks-app .ks-admin-alert strong{width:100%}body.ks-app .ks-admin-alert a{color:#ffb0b8}body.ks-app .ks-admin-alert button{border:1px solid #526079;border-radius:8px;background:#25334a;padding:6px 12px;color:white;cursor:pointer}@media(max-width:700px){body.ks-app .ks-admin-alert{bottom:86px;left:20px}}

body.ks-app .pm-profile-options .plan-glass{margin:0!important;width:48px!important;height:48px!important;min-width:48px;padding:10px!important;border-radius:14px!important}body.ks-app .pm-profile-options button{margin:0!important;min-height:0!important}
body.ks-client #wizard #back:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;margin:0!important}body.ks-app .ks-nav-links .ks-nav-badge{flex:0 0 auto!important;width:auto!important;max-width:36px!important}

/* Shared customer/admin subscription management. */
.payment-card-number{display:block;direction:ltr;unicode-bidi:isolate;text-align:right;font-size:1.3rem;letter-spacing:.08em;white-space:nowrap}
.auto-receipt-settings{border:1px solid var(--border,#31415b);border-radius:14px;margin-top:22px;padding:14px}
.admin-limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.admin-limit-fields label{display:grid;gap:6px}.admin-limit-fields button{grid-column:1/-1}
.admin-return{white-space:nowrap;font-size:12px!important;padding:8px!important}
@media(max-width:600px){.admin-limit-fields{grid-template-columns:1fr}.client-actions:has(.admin-return){flex-wrap:wrap}}

.ks-admin-subscriptions .subscriptions-tools{grid-template-columns:minmax(150px,1fr) 150px 130px}.ks-admin-subscriptions #subscriptions-list .subscription-row-wrap{padding-inline:14px}.ks-admin-subscriptions #subscriptions-home .subscriptions-page-title{display:block}@media(max-width:600px){.ks-admin-subscriptions .subscriptions-tools{grid-template-columns:1fr 1fr}.ks-admin-subscriptions .sub-search{grid-column:1/-1}}

.ks-admin-subscriptions #subscription-limits{border:1px solid #354965;border-radius:12px;padding:12px;margin-top:10px}.ks-admin-subscriptions #subscription-limits summary{cursor:pointer;font-weight:700;font-size:13px}.ks-admin-subscriptions #subscription-limits p{font-size:11px;line-height:1.8;margin:10px 0}.ks-admin-subscriptions #subscription-limits label{font-size:12px;margin:0!important;padding:0}.ks-admin-subscriptions #subscription-limits input{width:100%;box-sizing:border-box;margin:0!important;padding:8px!important;height:40px}.ks-admin-subscriptions #subscription-limits button{min-height:36px;margin:0!important;padding:7px!important}.ks-admin-subscriptions #subscription-refresh{position:static!important;width:32px;margin:5px 0}

/* Shared administrator logout controls and local retry feedback. */
body.ks-app .ks-admin-logout{display:flex;align-items:center;gap:10px;color:#f0a7ae!important;flex-shrink:0}body.ks-app .ks-admin-logout svg{width:20px;height:20px;flex-shrink:0}body.ks-app .ks-admin-logout:disabled{opacity:.55;cursor:wait}body.ks-app .ks-logout-error{color:#ff9aab;font-size:12px;line-height:1.8;margin:8px 0;max-width:280px;white-space:normal}body.ks-app>header .ks-logout-error{position:absolute;top:100%;left:16px;padding:10px 14px;border:1px solid #a24756;border-radius:10px;background:#182133;z-index:90}body.ks-app .ks-sidebar>.ks-logout-error{order:5}

/* Admin shell: the header stays independent of page length and horizontal overflow. */
body.ks-app.ks-admin-shell.ks-has-sidebar{padding-top:86px!important}
body.ks-app.ks-admin-shell.ks-has-sidebar>header{position:fixed!important;inset:0 246px auto 0!important;width:calc(100% - 246px)!important;box-sizing:border-box;z-index:45!important}
body.ks-admin-shell>header>h1{min-width:0;line-height:1.4}
body.ks-admin-shell>header .actions{flex-wrap:nowrap}
body.ks-admin-shell>header>.ks-brand{display:none!important}
body.ks-admin-shell :is(main,[id]){scroll-margin-top:104px}
body.ks-app .admin-order.order-representative{border-color:#dcb34e!important;background:linear-gradient(130deg,#352d20,#131b29)!important}
.order-representative-label{display:inline-flex;align-items:center;color:#ffda7a;border:1px solid #dcb34e66;background:#dcb34e14;border-radius:7px;padding:4px 10px;font-size:11px;margin-bottom:14px}
/* A representative border identifies the account; the status badge keeps payment state explicit. */
body.ks-app .order-representative.order-closed .order-status{color:#aab8ce;background:#7d8aa21a}
body.ks-app .admin-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.ks-app .admin-access-grid .card{margin:0;padding:26px!important}
.admin-section-heading{margin-bottom:24px}.admin-section-heading h2{margin:0 0 8px;font-size:25px}.admin-section-heading p,.admin-access-grid p{font-size:13px;color:#91a3be}
.admin-access-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid #83d7ff44;background:#83d7ff0c;color:#a7ddff}.admin-access-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6}
body.ks-app .admin-access-grid button:disabled{opacity:.6;cursor:not-allowed;margin:12px 0 0;width:100%}
/* Dashboard metrics use a single square coordinate system for ring and value. */
body.ks-app .admin-dashboard .server-resources{padding:24px!important;margin-bottom:20px}
body.ks-app .admin-dashboard .resources-heading{align-items:center;gap:12px;margin-bottom:22px}
body.ks-app .admin-dashboard .resources-heading h2{font-size:19px;margin:0}
#resources-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;color:#91a3be}
#resources-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#64e3b0;flex:none}
#resources-status.is-stale:before{background:#ffda7a}
body.ks-app .admin-dashboard .resources-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;direction:rtl}
.host-metric{--metric-color:#83d7ff;min-width:0;border:1px solid #29394e;border-radius:15px;padding:18px 12px;background:#0c1523;text-align:center}
.host-metric-ram{--metric-color:#bbadff}.host-metric-swap{--metric-color:#64e3b0}.host-metric-storage{--metric-color:#ffda7a}
.host-metric-heading{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:13px}
body.ks-app .host-metric h3{font-size:13px;margin:0;line-height:1.6;text-align:right}
.host-metric h3 small{display:block;color:#8598b4;font:10px/1.7 Arial,sans-serif;text-align:right}
.host-metric-icon{color:var(--metric-color);width:32px;height:32px;border:1px solid #34445e;border-radius:9px;display:grid;place-items:center;flex:none}
.host-metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.host-meter{position:relative;isolation:isolate;width:min(132px,100%);aspect-ratio:1;margin:0 auto 13px}
.host-meter>svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.host-meter circle{fill:none;stroke-width:7}.host-meter-track{stroke:#233147}.host-meter-fill{stroke:var(--metric-color);stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--metric-color) 35%,transparent));transition:stroke-dashoffset .6s ease}
.host-meter-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
body.ks-app .host-meter-value strong{font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#f2f5fc}
.host-meter-value small{font-size:10px;color:#91a3be}
.host-metric-details{border-top:1px solid #233049;padding-top:12px;display:flex;align-items:center;flex-direction:column;gap:6px;min-height:48px}
.host-metric-details bdi{direction:ltr;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.5;color:#d6e3f4}
.host-metric-details small{font-size:10px;color:#8598b4;line-height:1.5}
body.ks-app .admin-dashboard .admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
body.ks-app .admin-dashboard .admin-stat-grid .card{padding:20px!important;min-width:0;margin:0}
body.ks-app .admin-dashboard .admin-stat-grid p{margin:0 0 15px;color:#9aaec9;font-size:12px;line-height:1.8;min-height:43px}
body.ks-app .admin-dashboard .admin-stat-grid strong{font-size:30px;color:#b0e5ff;font-variant-numeric:tabular-nums}
@media(max-width:1200px){body.ks-app .admin-dashboard .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.ks-app .admin-dashboard .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){body.ks-app.ks-admin-shell.ks-has-sidebar{padding-top:70px!important}body.ks-app.ks-admin-shell.ks-has-sidebar>header{inset:0 0 auto!important;width:100%!important}body.ks-admin-shell :is(main,[id]){scroll-margin-top:86px}}
@media(max-width:640px){body.ks-app .admin-dashboard .server-resources{padding:14px!important}body.ks-app .admin-dashboard .resources-heading{align-items:flex-start;gap:8px;margin-bottom:16px}body.ks-app .admin-dashboard .resources-heading h2{font-size:16px}body.ks-app .admin-dashboard .resources-grid{gap:10px!important}.host-metric{padding:13px 8px;border-radius:12px}.host-metric-heading{gap:6px;margin-bottom:10px}body.ks-app .host-metric h3{font-size:11px}.host-metric-icon{width:28px;height:28px}.host-meter{width:110px;margin-bottom:10px}body.ks-app .host-meter-value strong{font-size:22px}.host-metric-details bdi{font-size:10px}.host-metric-details small{font-size:9px}.host-meter-value small{font-size:9px}body.ks-app .admin-dashboard .admin-stat-grid{gap:10px}body.ks-app .admin-dashboard .admin-stat-grid .card{padding:15px!important}body.ks-app .admin-dashboard .admin-stat-grid p{font-size:11px;min-height:39px;margin-bottom:10px}body.ks-app .admin-dashboard .admin-stat-grid strong{font-size:26px}body.ks-app .admin-access-grid{grid-template-columns:1fr;gap:14px}body.ks-app.ks-admin-shell>header h1{font-size:16px!important}body.ks-admin-shell>header .actions>a{display:none!important}body.ks-admin-shell>header .actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.host-meter-fill{transition:none}}

body.ks-app.ks-admin-shell>header h1{display:block!important}
body.ks-app .host-metric h3 small{font:10px/1.5 Arial,sans-serif!important;margin-top:3px}
@media(max-width:640px){body.ks-app .host-metric h3{line-height:1.4}.host-metric{padding:12px 8px}.host-meter{width:100px}.host-metric-details{min-height:0;padding-top:10px;gap:4px}body.ks-app.ks-admin-shell>header h1{font-size:14px!important;flex:1}}
body.ks-app.ks-admin-shell>header.ks-admin-header{justify-content:flex-start!important}
body.ks-app .ks-admin-header>h1{flex:1!important}
body.ks-app .ks-admin-header>.actions{margin-inline-start:auto;flex:none}
body.ks-app .ks-admin-header .ks-admin-logout{margin:0!important;min-height:40px!important;padding:8px 12px!important;font-size:12px!important}
@media(max-width:640px){body.ks-app .ks-admin-header .ks-admin-logout span{display:none}body.ks-app .ks-admin-header .ks-admin-logout{width:40px;padding:9px!important}body.ks-app .ks-admin-header .ks-menu-button{margin:0!important;flex:none}}

/* Destination selection shared by retail and representative plan copies. */
body.ks-app dialog.pm-copy-dialog{width:min(480px,calc(100vw - 28px));margin:auto;max-height:90dvh}body.ks-app .pm-copy-dialog>p{font-size:13px;color:#b0c2db;overflow-wrap:anywhere}body.ks-app .pm-copy-note{font-size:12px;color:#9baac1;line-height:1.9}body.ks-app .pm-copy-actions{display:flex;gap:10px;margin-top:20px}body.ks-app .pm-copy-actions button{min-height:42px;padding:10px 20px}body.ks-app .pm-copy-actions button:first-child{flex:1}

body.ks-app .pm-copy-dialog .pm-editor-head svg{width:20px;height:20px;display:block}body.ks-app .pm-copy-dialog .pm-editor-head button{min-width:38px;min-height:38px;padding:8px;display:grid;place-items:center}

body.ks-app .pm-copy-dialog .pm-copy-inbound{margin-top:14px}body.ks-app .pm-copy-dialog .pm-copy-inbound[hidden]{display:none}body.ks-app .pm-copy-dialog input{width:100%;box-sizing:border-box;min-height:44px;margin:6px 0 0;padding:10px;font:inherit}body.ks-app .pm-copy-dialog .pm-copy-inbound p{overflow-wrap:anywhere;font-size:12px}

/* Optional plan labels: shared between both catalogs and the purchase flow. */
body.ks-app .plan-label{--label-rgb:120,213,255;display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;box-sizing:border-box;flex:none;padding:4px 10px;border:1px solid rgba(var(--label-rgb),.54);border-radius:8px;background:linear-gradient(125deg,rgba(var(--label-rgb),.22),rgba(var(--label-rgb),.05));box-shadow:inset 0 1px 0 #ffffff26,0 0 13px rgba(var(--label-rgb),.10);color:rgb(var(--label-rgb));font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;vertical-align:middle;text-shadow:0 0 10px rgba(var(--label-rgb),.2)}
body.ks-app .plan-label--off{--label-rgb:255,124,158}body.ks-app .plan-label--discount{--label-rgb:255,186,102}body.ks-app .plan-label--limited{--label-rgb:192,155,255}body.ks-app .plan-label--popular{--label-rgb:255,146,216}body.ks-app .plan-label--bestseller{--label-rgb:255,217,115}body.ks-app .plan-label--recommended{--label-rgb:104,235,191}
body.ks-app .plan-label>.purchase-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;padding:0;margin:0;color:inherit;background:none;border:0;box-shadow:none}body.ks-app .plan-label>.purchase-icon svg{display:block;width:14px;height:14px}body.ks-app .plan-label>span:last-child{font:inherit;line-height:inherit;color:inherit}
body.ks-app .pm-identity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}body.ks-app .pm-card .plan-label{padding:2px 8px;font-size:10px}
body.ks-app .pm-label-picker{min-width:0;border:1px solid #34435c;border-radius:14px;margin:0 0 20px;padding:14px;background:linear-gradient(120deg,#17233770,#101b2b40)}body.ks-app .pm-label-picker legend{padding:0 8px;font-size:13px;color:#d4e6fa}body.ks-app .pm-label-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}
body.ks-app button.pm-label-choice{display:inline-flex;align-items:center;justify-content:center;min-height:42px!important;margin:0!important;padding:4px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important;cursor:pointer}body.ks-app button.pm-label-choice[aria-pressed=true]{border-color:#d7eaff!important;background:#ffffff0b!important;box-shadow:0 0 0 1px #b4d6ff22!important}body.ks-app button.pm-label-choice:focus-visible{outline:2px solid #8edcff;outline-offset:2px}body.ks-app .pm-label-none{padding:5px 10px;color:#a7b7ce;font-size:11px}body.ks-app .pm-label-picker .pm-label-hint{font-size:11px;line-height:1.8;color:#8fa4bf;margin:9px 0 0}
body.ks-app .purchase-wizard .purchase-option--labelled{padding-top:46px!important}body.ks-app .purchase-option--labelled>.plan-label{position:absolute;top:12px;right:12px;max-width:calc(100% - 48px)}body.ks-app .purchase-option--labelled>.plan-glass{margin-top:0!important}body.ks-app #detail-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}body.ks-app #detail-title .plan-label{font-size:11px}
@media(max-width:640px){body.ks-app .pm-label-picker{padding:11px}body.ks-app .pm-label-options{gap:6px}body.ks-app .purchase-option--labelled>.plan-label{top:9px;right:9px;padding:3px 6px;font-size:10px;gap:4px;max-width:calc(100% - 38px)}body.ks-app .purchase-option--labelled>.plan-label>.purchase-icon,body.ks-app .purchase-option--labelled>.plan-label svg{width:11px;height:11px}body.ks-app .purchase-wizard .purchase-option--labelled{padding-top:40px!important}}

/* Shared catalog marketing labels. */
body.ks-app .server-identity .plan-label,body.ks-app .category-identity .plan-label{margin-top:6px;font-size:10px;padding:2px 7px}body.ks-app .server-identity>div,body.ks-app .category-identity>div{min-width:0}body.ks-app #category-editor .pm-label-options{display:flex;flex-wrap:wrap;gap:7px}

/* Persistent storefront wallet, between profile and notifications. */
body.ks-app .client-header-wallet{display:flex;align-items:center;justify-content:center;gap:9px;height:40px;min-height:40px;min-width:112px;padding:5px 12px;box-sizing:border-box;border:1px solid #2b3e56;border-radius:12px;background:linear-gradient(120deg,#142539,#101b2c);color:#e4efff;text-decoration:none;transition:border-color .18s,background .18s;flex-shrink:0}
body.ks-app .client-header-wallet[hidden]{display:none!important}
body.ks-app .client-header-wallet:hover{border-color:#67c9ed;background:#182d43}
body.ks-app .client-header-wallet:focus-visible{outline:2px solid #78d9ff;outline-offset:3px}
body.ks-app .client-header-wallet>svg{width:21px;height:21px;flex:none;fill:none;stroke:#87d7ed;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.ks-app .header-wallet-value{display:flex;align-items:baseline;justify-content:center;gap:5px;white-space:nowrap;line-height:1.4}
body.ks-app .header-wallet-value bdi{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0}
body.ks-app .header-wallet-value small{font-size:10px;color:#94a8c1;margin:0!important;line-height:1.2}
body.ks-app .client-header-wallet[data-state="unavailable"] bdi{color:#94a8c1}
@media(max-width:960px){body.ks-app .client-profile{width:40px!important;flex:0 0 40px}body.ks-app .client-header-wallet{min-width:104px;padding:4px 9px;gap:6px}body.ks-app .header-wallet-value{flex-direction:column;align-items:center;gap:0}body.ks-app .header-wallet-value bdi{font-size:12px}body.ks-app .header-wallet-value small{font-size:9px}}
@media(max-width:480px){body.ks-app.ks-client>header{padding-inline:10px!important;gap:8px!important}body.ks-app .client-actions{gap:5px!important}body.ks-app .client-header-wallet{min-width:90px;padding-inline:7px;gap:5px}body.ks-app .client-header-wallet>svg{width:17px;height:17px}body.ks-app .client-header-wallet.wallet-long bdi{font-size:10px}body.ks-app .client-bell-slot,body.ks-app .client-support{width:40px!important;flex:0 0 40px!important}body.ks-app .client-bell-slot .dv-notification-button{width:40px!important}}
@media(max-width:360px){body.ks-app.ks-client>header{padding-inline:8px!important;gap:5px!important}body.ks-app .client-actions{gap:4px!important}body.ks-app .client-header-wallet{padding-inline:6px;min-width:88px}body.ks-app .client-header-wallet>svg{display:none}body.ks-app .header-wallet-value bdi{font-size:11px}}

@media(max-width:960px){body.ks-app .client-header-wallet{height:44px}}
/* Receipts: compact touch-friendly review, matching the storefront's dark surfaces. */
body.ks-receipts .admin-workspace{max-width:1400px;padding:20px 24px}
.ks-receipts .receipts-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.ks-receipts .receipts-title h2{font-size:25px;margin:0}.ks-receipts .receipts-title p{font-size:12px;margin:5px 0;color:#96a4bb}
body.ks-receipts #refresh-receipts{background:#162439;color:#b4dcf4;border:1px solid #334962;padding:9px 14px;min-height:44px;margin:0;white-space:nowrap}
.ks-receipts .receipts-meta{display:flex;justify-content:space-between;gap:8px;color:#91a0b7;font-size:11px;margin:0 0 16px}
body.ks-receipts .admin-workspace #orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.ks-receipts .admin-order{padding:16px;border-radius:17px;background:#101b2b;border:1px solid #304158;margin:0;min-width:0}
body.ks-receipts .admin-order.order-pending{border-color:#80683a!important}body.ks-receipts .admin-order.order-approved{border-color:#387b68!important}body.ks-receipts .admin-order.order-rejected{border-color:#914756!important}body.ks-receipts .admin-order.order-representative{border-color:#d8af53!important;background:linear-gradient(130deg,#29251b,#111b2b 65%)}
.ks-receipts .order-heading{flex-wrap:nowrap;gap:8px}.ks-receipts .order-heading h2{font-size:16px;white-space:nowrap}.ks-receipts .order-status{font-size:10px;padding:5px 9px;white-space:nowrap}
.ks-receipts .order-created{display:block;font-size:11px;color:#98a9bf;margin:7px 0 14px;font-variant-numeric:tabular-nums}
.ks-receipts .order-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:14px;align-items:start}.ks-receipts .order-content.without-receipt{grid-template-columns:1fr}
.ks-receipts .order-info{min-width:0}.ks-receipts .order-info h3{font-size:15px;margin:0 0 10px;line-height:1.7}.ks-receipts .order-customer{display:flex;flex-direction:column;align-items:flex-start;gap:4px;unicode-bidi:normal;margin:0 0 14px}.ks-receipts .order-customer small{color:#8192ad;font-size:10px;margin:0}.ks-receipts .order-customer a,.ks-receipts .order-customer bdi{font-size:12px;max-width:100%;overflow-wrap:anywhere;color:#b4d7f4}.ks-receipts .purchase-history{font-size:10px;padding:3px 7px;margin:3px 0 0}.ks-receipts .order-amount{font-size:17px;color:#ffe09a}.ks-receipts .order-tag{font-size:11px;color:#a5b8ce;line-height:1.8;margin:8px 0}.ks-receipts .order-representative-label{display:inline-block;font-size:10px;color:#ffdb80;margin-bottom:7px}
.ks-receipts .receipt-holder{margin:0;min-height:130px;font-size:11px;color:#98a9bf}
body.ks-receipts button.receipt-preview{position:relative;display:block;width:100%;padding:0;margin:0;border:1px solid #34455d;background:#090f19;border-radius:12px;overflow:hidden;cursor:zoom-in}
body.ks-receipts .receipt-preview .receipt{width:100%;height:210px;object-fit:contain;max-height:none;margin:0;border-radius:0;background:#e9edf2}
.ks-receipts .receipt-preview-hint{display:block;font-size:10px;padding:7px;color:#d0dfef;background:#17263c}
.ks-receipts .receipt-download{display:inline-flex;align-items:center;min-height:36px;font-size:10px;margin-top:2px;color:#91bde3}
.ks-receipts .order-rejection{margin:12px 0 9px;border-top:1px solid #29384d;padding-top:10px}.ks-receipts .order-rejection summary{font-size:11px;cursor:pointer;color:#a9b9ce;min-height:32px;line-height:32px}.ks-receipts .order-rejection textarea{min-height:78px;margin:8px 0;font-size:13px}
body.ks-receipts .order-actions{gap:9px}body.ks-receipts .order-actions button{min-height:44px;font-size:12px;padding:10px;margin:0;border-radius:10px}.ks-receipts .rejection-reason{font-size:12px;margin:12px 0 0;padding:10px}.ks-receipts .receipt-empty{grid-column:1/-1;text-align:center;padding:35px}
html.receipt-viewer-open{overflow:hidden}
body.ks-app #receipt-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#080e18;color:#edf4ff;overflow:hidden;box-sizing:border-box}
#receipt-viewer[open]{display:flex;flex-direction:column}#receipt-viewer::backdrop{background:#050912}
.receipt-viewer-bar,.receipt-viewer-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#111d2e;flex:none}.receipt-viewer-bar{padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid #29384d}.receipt-viewer-bar strong{font-size:14px}.receipt-viewer-tools{justify-content:center;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #29384d}
body.ks-app #receipt-viewer button,body.ks-app #receipt-viewer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;margin:0;border:1px solid #3c506c;border-radius:10px;background:#1c3049;color:#d5eaff;font:inherit;font-size:12px;box-sizing:border-box}
#receipt-viewer-stage{flex:1;min-height:0;overflow:auto;direction:ltr;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#receipt-viewer-image{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;margin:0}
#receipt-viewer-stage.is-zoomed{display:block}#receipt-viewer-stage.is-zoomed #receipt-viewer-image{width:200%;height:auto;object-fit:unset}
@media(max-width:1100px){body.ks-receipts .admin-workspace #orders{grid-template-columns:1fr}}
@media(max-width:640px){body.ks-receipts .admin-workspace{padding:16px 12px!important}.ks-receipts .receipts-title{gap:8px}.ks-receipts .receipts-title h2{font-size:20px}.ks-receipts .receipts-title p{font-size:10px}body.ks-receipts #refresh-receipts{font-size:11px;padding:8px 10px}.ks-receipts .receipts-meta{font-size:10px}body.ks-receipts .admin-order{padding:13px}.ks-receipts .order-content{gap:11px;grid-template-columns:minmax(0,1fr) minmax(115px,.85fr)}body.ks-receipts .receipt-preview .receipt{height:180px}.ks-receipts .order-info h3{font-size:13px}.ks-receipts .order-amount{font-size:15px}.ks-receipts .order-heading h2{font-size:15px}}
/* Direct Telegram contact options; hidden for the administration ticket view. */
body.ks-app .support-telegram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px}body.ks-app .support-telegram[hidden]{display:none!important}
body.ks-app .telegram-card{display:flex;align-items:center;gap:14px;padding:21px;border:1px solid #2e465e;border-radius:17px;background:linear-gradient(130deg,#12283a,#121c2c);color:#e7f4ff;text-decoration:none;min-width:0;transition:background .18s,border-color .18s}.telegram-card:hover{border-color:#68c9e9!important;background:#182d42!important}.telegram-card:focus-visible{outline:2px solid #74d0ef;outline-offset:3px}.telegram-symbol{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#39b4e5,#177eaf);box-shadow:inset 0 1px #ffffff38}.telegram-symbol svg{width:26px;height:26px;fill:white}.telegram-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.telegram-copy strong{font-size:16px}.telegram-copy small{font-size:11px;color:#96adc5;margin:0!important}.telegram-copy bdi{font-size:11px;color:#77c7ec;text-align:right}.telegram-arrow{margin-inline-start:auto;color:#83c7e6;font-size:20px}
@media(max-width:600px){body.ks-app .support-telegram{grid-template-columns:1fr;gap:10px;margin-bottom:14px}body.ks-app .telegram-card{padding:15px;gap:12px;border-radius:14px}.telegram-symbol{width:44px;height:44px;border-radius:12px}.telegram-copy strong{font-size:14px}.telegram-copy small,.telegram-copy bdi{font-size:11px}}