@charset "UTF-8";
:root{--primary:#107d75;--primary-hover:#08665f;--primary-soft:#edf0ff;--bg:#fbfaf8;--surface:#fff;--text:#171717;--muted:#787572;--border:#e6e1dc;--subtle:#f1efec;--shadow:0 2px 3px #30241906,0 10px 22px #30241904;--red:#e42329;--green:#18a773;--sidebar:230px;--header:62px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button{color:inherit}svg.ico{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #107d7522;border-color:var(--primary)}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--primary);display:inline-flex;align-items:center;justify-content:center;color:white;font-size:27px;font-family:Arial;font-weight:500;line-height:1}.brand{height:var(--header);display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);z-index:40}.nav{padding:13px 14px 25px;height:calc(100dvh - var(--header));overflow-y:auto;scrollbar-width:thin}.nav a{display:flex;align-items:center;gap:12px;height:41px;padding:0 12px;position:relative;color:#4d4946;border-radius:8px;margin-bottom:1px;font-size:13px}.nav a svg{color:#807c78}.nav a:hover{background:var(--bg)}.nav a.active{color:#107d75;background:var(--primary-soft);font-weight:600}.nav a.active svg{color:var(--primary)}.nav a.active:before{content:"";position:absolute;left:1px;top:9px;bottom:9px;width:3px;background:var(--primary);border-radius:3px}.nav-group{font-size:12px;color:var(--muted);padding:15px 12px 6px}.topbar{position:fixed;left:var(--sidebar);right:0;top:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;height:var(--header);gap:5px;background:var(--bg);border-bottom:1px solid var(--border);padding:0 24px}.topbar .icon-button{width:40px;height:40px}.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;border:0;background:transparent;border-radius:50%;width:34px;height:34px}.icon-button:hover{background:var(--subtle)}.icon-button.round{border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px #00000006}.icon-button .ico{width:19px;height:19px}.badge{position:absolute;right:2px;top:1px;background:var(--primary);color:white;border-radius:10px;min-width:15px;height:15px;font-size:10px;text-align:center;line-height:15px}.language{height:40px;border:1px solid var(--border);background:var(--surface);border-radius:23px;display:flex;align-items:center;gap:8px;padding:0 13px;box-shadow:0 1px 2px #00000005}.language .ico{width:15px}.account-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;margin-left:10px;border-radius:24px;padding:5px 0 5px 5px}.account-button .email{font-size:12px;color:#625b57;max-width:240px;overflow:hidden;text-overflow:ellipsis}.avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--primary);background:conic-gradient(from 45deg,var(--primary) 25%,transparent 0 50%,var(--primary) 0 75%,transparent 0) 50%/9px 9px;border:3px solid #e4f1e9}.top-menu{position:absolute;right:22px;top:56px;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:7px;box-shadow:0 12px 35px #00000010}.top-menu button{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;text-align:left}.top-menu button:hover{background:var(--bg)}.mobile-toggle{display:none}.mobile-veil{display:none}.main{margin-left:var(--sidebar);padding:14px 58px 42px 50px;margin-top:var(--header);min-height:calc(100dvh - var(--header))}.page-title{font-size:24px;letter-spacing:-.7px;line-height:1.5;margin:0 0 21px;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.page-heading .page-title{margin:0}.announcement{height:45px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:0 16px;width:100%;text-align:left;margin-bottom:24px;font-size:13px}.announcement>.ico{color:var(--primary)}.announcement-right{margin-left:auto;font-size:12px;display:flex;gap:14px;align-items:center;color:#5e5752}.panel{background:var(--surface);border:1px solid var(--border);border-radius:21px;padding:24px;box-shadow:var(--shadow);margin-bottom:24px}.subscription-panel{padding:23px 24px 26px;background:radial-gradient(ellipse at 18% 0%,#eef2ff55,transparent 47%),var(--surface)}.panel-topline{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#4f4b47}.status-pill{display:inline-flex;align-items:center;gap:5px;line-height:18px;font-size:11px;padding:0 10px;border-radius:20px;color:var(--green);background:#f1fcf7;border:1px solid #aee6d1}.status-pill.expired{color:var(--red);background:#fff5f5;border-color:#ffb4b8}.subscription-name{font-size:24px;font-weight:700;line-height:1.4;margin:9px 0 19px;letter-spacing:-.65px}.subscription-stats{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;margin-bottom:24px}.usage-ring{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--ring-color,var(--primary)) var(--usage,0%),var(--primary-soft) 0);display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.usage-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface);z-index:-1}.usage-ring strong{font-size:29px;font-weight:600;line-height:1.2;letter-spacing:-1px}.usage-ring strong small{font-size:12px;font-weight:400;letter-spacing:0;vertical-align:super}.usage-ring span{display:block;text-align:center;font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--subtle);border-radius:17px;background:var(--surface)}.stat-box label{font-size:12px;color:#4c4641;margin-bottom:6px}.stat-box strong{font-size:18px;font-weight:500}.accent{color:var(--primary)}.button-row{display:flex;gap:8px}.button-row>*{flex:1}.button{border:1px solid var(--border);border-radius:13px;background:var(--bg);padding:9px 16px;min-height:40px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:13px;box-shadow:0 1px 2px #00000006;transition:background .15s,transform .15s}.button:hover{background:var(--subtle)}.button.primary{background:var(--primary);color:white;border-color:var(--primary)}.button.primary:hover{background:var(--primary-hover)}.button.small{min-height:32px;padding:5px 12px;border-radius:9px;font-size:12px}.button.danger{color:var(--red)}.renewal{border-top:1px solid var(--subtle);border-bottom:1px solid var(--subtle);margin-top:16px;padding:15px 0 22px;font-size:13px;line-height:1.8}.renewal-line{display:flex;align-items:center;justify-content:space-between}.renewal strong{font-size:13px}.renewal p{margin:4px 0 8px}.text-button{color:var(--primary);padding:0;border:0;background:none;font:inherit;cursor:pointer}.switch{width:36px;height:21px;padding:3px;border-radius:20px;border:0;background:#f0efed;display:flex;align-items:center;transition:background .2s}.switch:before{content:"";width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 2px #00000010;transition:transform .2s}.switch.on{background:var(--primary)}.switch.on:before{transform:translateX(15px)}.shortcut-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}.shortcut{display:flex;gap:7px;align-items:center;justify-content:center;border:0;background:none;padding:9px 0;font-size:12px;border-radius:7px;color:#4b4540}.shortcut:hover{background:var(--bg)}.shortcut svg{width:14px;height:14px;color:#8b8680}.chart-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;margin-bottom:13px}.chart-summary{display:flex;gap:14px;font-size:12px}.muted{color:var(--muted)}.chart{height:245px;position:relative;padding:12px 12px 18px 32px}.chart svg{width:100%;height:100%;overflow:visible}.chart-axis-label{font-size:11px;fill:var(--muted)}.chart-label-top{position:absolute;left:0;top:16px;font-size:11px;color:var(--muted)}.chart-label-bottom{position:absolute;left:7px;bottom:39px;font-size:11px;color:var(--muted)}.chart-dates{position:absolute;left:32px;right:12px;bottom:0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.chart-grid{stroke:var(--subtle);stroke-width:1;vector-effect:non-scaling-stroke}.chart-line{stroke:var(--primary);stroke-width:2.4;fill:none;vector-effect:non-scaling-stroke}.chart-fill{fill:url(#chartGradient)}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.floating-support{position:fixed;right:30px;bottom:21px;width:52px;height:52px;border-radius:50%;border:0;background:var(--primary);color:#fff;box-shadow:0 6px 20px #107d7540;z-index:45;display:flex;align-items:center;justify-content:center}.floating-support svg{width:22px;height:22px}.footer{text-align:center;color:var(--muted);font-size:11px;padding-top:8px}.footer a:hover{color:var(--primary)}.skeleton{height:16px;background:linear-gradient(90deg,var(--subtle) 25%,var(--bg) 50%,var(--subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:5px}.boot{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}@keyframes shimmer{to{background-position:-200% 0}}.loading-state{padding:90px 0;text-align:center;color:var(--muted)}.empty-state{padding:65px 20px;text-align:center;color:var(--muted)}.empty-state .empty-icon{margin:0 auto 15px;color:#a59cb7;width:48px;height:48px;background:var(--primary-soft);border-radius:14px;display:flex;align-items:center;justify-content:center}.empty-state .empty-icon svg{height:24px;width:24px}.empty-state h3{font-size:15px;font-weight:500;color:var(--text);margin:10px 0}.empty-state p{font-size:13px;margin:8px 0 20px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-field label{font-size:13px;color:#544d49}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 13px;background:var(--surface);color:var(--text);min-height:42px}textarea{resize:vertical;min-height:110px}.input-group{display:flex;align-items:center;position:relative}.input-group input{padding-right:44px}.input-group button{position:absolute;right:5px}.form-row{display:flex;gap:16px}.form-row>*{flex:1;min-width:0}.modal-backdrop{position:fixed;inset:0;background:#16112255;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:21px;width:min(560px,100%);max-height:90dvh;overflow-y:auto;padding:25px;box-shadow:0 24px 70px #00000025}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:19px;margin:0}.modal .button-row{margin-top:20px}.modal p{font-size:13px}.modal .article{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.modal .article img{max-width:100%;height:auto}.modal .article a{color:var(--primary);text-decoration:underline}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#272334;color:white;box-shadow:0 6px 24px #0002;border-radius:12px;padding:10px 20px;font-size:13px;opacity:0;pointer-events:none;z-index:200;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{font-weight:400;color:var(--muted);font-size:12px;background:var(--bg)}td,th{padding:15px 12px;border-bottom:1px solid var(--subtle)}tbody tr:last-child td{border-bottom:0}.section-title{font-size:16px;margin:0 0 18px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric{border:1px solid var(--subtle);border-radius:16px;padding:20px}.metric strong{font-size:26px;font-weight:500;display:block;margin-top:8px}.list-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--subtle)}.list-item:last-child{border-bottom:0}.list-item .list-content{flex:1;min-width:0}.list-item .list-content strong{font-weight:500}.list-item .list-content p{font-size:12px;color:var(--muted);margin:5px 0 0}.list-item .ico{color:var(--muted)}.plan-card{padding:25px;display:flex;flex-direction:column}.plan-card h2{margin:5px 0 18px;font-size:23px}.plan-card .price{font-size:34px;font-weight:600;margin:15px 0 20px}.plan-card .price small{font-size:13px;font-weight:400;color:var(--muted)}.plan-card ul{padding-left:18px;line-height:2;color:var(--muted);font-size:13px}.plan-card .button{margin-top:auto}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:radial-gradient(circle at 80% 15%,#9586ff44,transparent 48%),linear-gradient(150deg,#f3f0ff,#eeecff 50%,#e8e4ff);position:relative;overflow:hidden;padding:40px}.login-art .brand{border:0;padding:0;position:relative;z-index:2}.login-copy{position:absolute;top:36%;left:12%;right:12%;z-index:2}.login-copy h1{font-size:44px;letter-spacing:-2px;line-height:1.3;font-weight:600;margin:0 0 24px}.login-copy p{font-size:16px;color:#6f6591;line-height:1.9}.orbit{position:absolute;border:1px solid #7c6cef2b;width:620px;height:620px;border-radius:50%;bottom:-300px;left:-80px}.orbit.two{width:820px;height:820px;left:-180px;bottom:-400px}.orbit.three{width:1020px;height:1020px;left:-280px;bottom:-500px}.login-main{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:var(--surface)}.login-card{width:360px;max-width:100%}.login-card>.brand{display:none}.login-card h2{font-size:28px;margin:0 0 7px;letter-spacing:-1px}.login-card .intro{color:var(--muted);font-size:13px;margin:0 0 33px}.login-card .button{width:100%;margin-top:10px}.login-options{display:flex;justify-content:space-between;font-size:12px;margin-top:8px}.login-options label{display:flex;align-items:center;gap:6px;color:var(--muted)}.login-options input{width:14px;height:14px;min-height:0;accent-color:var(--primary)}.login-bottom{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.login-error{color:var(--red);font-size:12px;margin:10px 0}.help-callout{background:var(--primary-soft);border-radius:12px;padding:15px 18px;font-size:13px;line-height:1.8;margin-bottom:20px}.node-status{display:inline-flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green)}.dot.off{background:#b5b1ab}.message-bubble{background:var(--bg);border-radius:12px;padding:13px 16px;white-space:pre-wrap;font-size:13px;margin:8px 0 18px}.message-bubble.me{background:var(--primary-soft)}.hidden{display:none!important}.error-card{text-align:center;padding:60px 25px}.error-card p{color:var(--muted);margin-bottom:20px}.notice-date{font-size:12px;color:var(--muted)}.notice-link{font-size:15px;font-weight:500;display:block;cursor:pointer}.notice-link:hover{color:var(--primary)}.settings-line{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--subtle);gap:20px}.settings-line:last-child{border:0}.settings-line p{font-size:12px;color:var(--muted);margin:3px 0}.check-result{font-size:13px}.good{color:var(--green)}.bad{color:var(--red)}
body.dark{--bg:#15151c;--surface:#1d1d27;--text:#f0edf8;--muted:#aaa4b7;--border:#35323f;--subtle:#2b2935;--primary:#8d7aff;--primary-hover:#9c8aff;--primary-soft:#302945;--shadow:0 5px 20px #00000010;color-scheme:dark}body.dark .nav a,body.dark .stat-box label,body.dark .panel-topline,body.dark .shortcut,body.dark .form-field label,body.dark .account-button .email{color:#c5bdcf}body.dark .nav a.active{color:#c2b5ff}body.dark .subscription-panel{background:radial-gradient(ellipse at 18% 0%,#53468e22,transparent 47%),var(--surface)}body.dark .login-art{background:#282038}body.dark .login-copy p{color:#c4b2dd}body.dark .status-pill{background:#18322b;border-color:#2c5145}body.dark .status-pill.expired{background:#3d222b;border-color:#6f3645}
@media(min-width:1700px){.main{max-width:1540px;margin-right:auto}.topbar{padding-right:34px}}
@media(max-width:1100px){.chart-summary{gap:8px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.account-button .email{max-width:170px}.main{padding:18px 22px 35px}.subscription-stats{grid-template-columns:145px 1fr;gap:14px}.usage-ring{width:134px;height:134px}}
@media(max-width:760px){:root{--sidebar:230px;--header:60px}.sidebar{transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.sidebar.open+.mobile-veil{display:block;position:fixed;inset:0;background:#16112255;z-index:35}.topbar{left:0;padding:0 16px;gap:6px}.mobile-toggle{display:inline-flex;margin-right:auto}.main{margin-left:0;padding:20px 16px 35px}.account-button{margin-left:2px}.account-button .email{display:none}.page-title{font-size:22px;margin-bottom:18px}.announcement{border-radius:14px;padding:0 13px;margin-bottom:18px}.announcement-right .notice-caption{display:none}.panel{padding:20px 18px;border-radius:18px;margin-bottom:18px}.subscription-panel{padding:20px 18px}.subscription-name{font-size:22px;margin-bottom:20px}.subscription-stats{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.usage-ring{margin:0 auto;width:135px;height:135px}.stat-grid{gap:10px}.stat-box{height:75px;border-radius:14px}.stat-box strong{font-size:17px}.button-row{gap:8px}.renewal{padding-bottom:15px}.shortcut{font-size:11px;gap:4px}.chart-heading{align-items:flex-start;flex-direction:column;gap:8px}.chart-summary{font-size:11px;gap:12px;flex-wrap:wrap}.chart{height:210px;padding-left:26px}.chart-dates{left:26px}.floating-support{right:18px;bottom:20px;width:46px;height:46px}.tiles{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.login-page{display:block}.login-art{display:none}.login-main{min-height:100dvh;padding:35px 25px}.login-card>.brand{display:flex;border:0;padding:0;margin-bottom:35px}.login-card h2{font-size:26px}.modal{padding:20px}.top-menu{right:15px}.page-heading .button{padding:7px 12px}.metric strong{font-size:24px}.announcement{font-size:12px}.nav a{height:42px}.nav-group{padding-top:17px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
/* Keep touch form controls at 16px to avoid automatic focus zoom in iOS Safari. */
@media(max-width:1100px),(hover:none) and (pointer:coarse){input,select,textarea{font-size:16px}}

/* Nailu 2.0 — ocean and mint identity */
:root{--primary:#107d75;--primary-hover:#08665f;--primary-soft:#e8f4ef;--bg:#f3f6f5;--text:#16333a;--muted:#75858a;--border:#dfe8e4;--subtle:#edf2f0;--green:#107d75;--sidebar:224px;--shadow:0 4px 18px #163b3304}
.brand-mark{width:34px;height:34px;border-radius:10px;object-fit:contain;background:none}.brand{font-size:15px;gap:12px}.sidebar{background:#12343d;border-color:#12343d;color:#f4fcf9}.sidebar .brand{border-color:#ffffff12;height:79px;padding:0 23px}.sidebar .nav{padding:22px 13px;height:calc(100dvh - 156px)}.nav a{height:43px;color:#b7cdcf;font-size:13px;gap:12px;margin-bottom:4px}.nav a svg{color:#8eafaf}.nav a:hover{background:#ffffff09;color:#fff}.nav a.active{background:#1d4b50;color:#c0f3da}.nav a.active:before{display:none}.nav a.active svg{color:#7adcb5}.nav-group{color:#6f999f;font-size:10px;letter-spacing:2px;padding:23px 12px 8px}.sidebar-note{position:absolute;bottom:19px;left:24px;right:22px;border-top:1px solid #ffffff15;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#86b1b3}.sidebar-note span:last-child{font-size:9px;letter-spacing:1px}.workspace-label{margin-right:auto;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#21424a}.workspace-label span{font-size:11px;letter-spacing:0;font-weight:400;color:#92a29e;margin-left:8px}.topbar{height:68px;background:#f3f6f5eb;backdrop-filter:blur(16px);border-bottom:0;padding:0 36px}.topbar .avatar,.avatar{border:0;background:#dfede7;color:var(--primary);font-weight:600}.avatar:before{content:'N';font-size:14px}.main{margin-top:68px;padding:25px 36px 34px}.page-title{font-size:27px;letter-spacing:-1px}.page-heading{margin-top:10px}.panel{border-radius:17px;padding:23px;border-color:var(--border)}.button{border-radius:9px;box-shadow:none}.icon-button.round,.language{box-shadow:none;border-color:#dfe8e4;background:transparent}.language{height:35px}.topbar .icon-button.round{width:35px;height:35px}.account-button .email{color:#6b7f7f}.nav a.active span{color:inherit}.stat-box{border-radius:12px}.connect-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--primary);font-weight:700}.connect-heading .page-title{margin:8px 0 5px;font-size:29px;line-height:1.4;letter-spacing:-1.2px}.connect-heading p{font-size:12px;color:var(--muted);margin:0}.connect-heading>.button{font-size:12px;background:#ffffff70}.connection-overview{background:#143b43;border-radius:19px;color:#eaf7f1;padding:27px 30px 0;position:relative;overflow:hidden;margin-bottom:18px;box-shadow:0 10px 24px #173d4010}.connection-overview:after{content:'';position:absolute;right:-100px;top:-220px;width:500px;height:500px;border:1px solid #d2f8e00c;border-radius:50%;box-shadow:0 0 0 45px #d2f8e004,0 0 0 90px #d2f8e004;pointer-events:none}.connect-plan{display:flex;justify-content:space-between;gap:14px;align-items:center;position:relative;z-index:1}.connect-plan-title{display:flex;align-items:center;gap:13px}.plan-symbol{display:flex;align-items:center;justify-content:center;background:#ffffff09;border:1px solid #ffffff18;width:43px;height:43px;border-radius:13px;color:#8fddbf}.plan-symbol .ico{width:22px;height:22px}.overline{font-size:10px;color:#8eafb1;letter-spacing:.6px}.connection-overview .subscription-name{font-size:18px;line-height:1.3;margin:3px 0 0;letter-spacing:-.2px}.connection-overview .status-pill{color:#a5e2c5;background:#29534f;border:1px solid #50796c;font-size:10px;padding:2px 9px}.connection-overview .status-pill .dot{background:#a5e2c5;width:5px;height:5px}.connection-overview .status-pill.expired{color:#ffbdbd;background:#6a4343;border-color:#976060}.quota-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:29px 0 20px;position:relative;z-index:1}.quota-caption{font-size:11px;color:#9ebdbb}.quota-number{font-size:47px;letter-spacing:-2px;line-height:1.3;font-weight:500;margin-top:5px;color:#f3fff7}.quota-renew{background:transparent;border-color:#587778;color:#e0efe8;min-height:33px;font-size:11px;padding:5px 11px}.quota-renew:hover{background:#ffffff15}.quota-renew svg{width:12px;height:12px}.quota-progress{height:7px;border-radius:6px;background:#ffffff15;overflow:hidden}.quota-progress>span{display:block;height:100%;border-radius:6px;background:#9be2bd;min-width:3px}.quota-detail{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a7c3bd;margin-top:10px}.quota-percentage{opacity:.65;margin-left:5px}.connect-metadata{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:20px;margin-top:25px;padding-bottom:23px}.connect-metadata>div,.connect-metadata>a{display:flex;align-items:center;gap:10px}.connect-metadata .ico{color:#8ab4af;width:16px;height:16px}.connect-metadata span{font-size:10px;color:#8db4b4}.connect-metadata strong{display:block;color:#dceee6;font-size:13px;font-weight:500;margin-top:3px}.connect-metadata small{font-size:10px;color:#86a9a7;font-weight:400}.connect-renew{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #ffffff14;font-size:10px;color:#9cbbb7}.connect-renew>span{display:flex;gap:7px;align-items:center}.connect-renew .text-button{color:#9cbbb7}.connect-renew .text-button svg{width:12px;height:12px}.connect-renew>div{display:flex;align-items:center;gap:12px}.connect-renew .switch{height:17px;width:29px;padding:2px;background:#446164}.connect-renew .switch:before{height:13px;width:13px}.connect-renew .switch.on:before{transform:translateX(12px)}.connect-renew .switch.on{background:#388c75}.connect-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}.connect-action{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:20px 17px;min-width:0;transition:border-color .15s,transform .15s}.connect-action:hover{border-color:#9cc5b8;transform:translateY(-2px)}.action-icon{display:flex;align-items:center;justify-content:center;background:#edf4f1;border-radius:11px;min-width:37px;height:37px;color:var(--primary)}.connect-action>span:nth-child(2){flex:1;min-width:0}.connect-action strong{font-size:13px;font-weight:600;display:block}.connect-action small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.connect-action>.ico{width:13px;height:13px;color:#88a29a}.connect-action.featured{border-color:#b7d5c7;background:#e9f4ee}.connect-action.featured .action-icon{background:#cee8da}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:18px;margin-bottom:18px}.usage-chart{min-width:0}.usage-chart .panel{height:100%;margin-bottom:0;padding:22px 21px}.usage-chart .chart{height:185px;margin-top:22px}.usage-chart .chart-heading{flex-direction:column;align-items:flex-start;gap:7px}.usage-chart .chart-summary{font-size:10px}.chart-line{stroke:#2b9c85}.chart-fill{opacity:.7}.journey-panel{margin-bottom:0;padding:22px}.journey-panel .eyebrow{font-size:9px;letter-spacing:1.8px}.journey-panel h2{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:7px 0 14px}.journey-step{display:flex;align-items:center;gap:13px;padding:12px 0;width:100%;border:0;background:transparent;text-align:left}.journey-step>span{font-family:monospace;color:#9aada4;font-size:11px}.journey-step>div{flex:1}.journey-step strong{font-size:12px;font-weight:500;display:block}.journey-step small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.journey-step>.ico{width:12px;color:#97ada5}.diagnostic-link{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--primary);border-top:1px solid var(--subtle);padding-top:13px;margin-top:8px}.diagnostic-link>.ico{width:13px;height:13px}.diagnostic-link>.ico:last-child{margin-left:auto;width:11px}.connect-notice{margin-bottom:20px;border-radius:12px;height:45px;font-size:11px}.connect-notice .announcement-right{font-size:10px}.footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#8b9f98;padding:0 2px}.login-art{background:radial-gradient(ellipse at 60% 30%,#477b7633,transparent 65%),#143b43;color:#edf9f2}.login-art .brand{color:#eaf8f1}.login-copy p{color:#a5c8bc}.login-copy h1{font-weight:500;letter-spacing:-2px}.orbit{border-color:#a9e4c720}.orbit.two{border-color:#a9e4c715}.orbit.three{border-color:#a9e4c70d}.login-card>.brand{color:var(--text)}.login-card .intro{font-size:12px}.login-card input{border-radius:8px}.login-card h2{font-weight:600}.login-card .button.primary{background:#143b43;border-color:#143b43}.login-card .button.primary:hover{background:#1d5257}.login-bottom .text-button{color:var(--primary)}.help-callout{background:var(--primary-soft)}
body.dark{--bg:#101f25;--surface:#172b31;--text:#dceee8;--muted:#91aaa3;--border:#2b4448;--subtle:#223a3e;--primary:#7bd0ae;--primary-hover:#94dcbd;--primary-soft:#203f3e;--green:#7bd0ae}body.dark .sidebar{background:#0d242d}body.dark .nav a{color:#b7cdcf}body.dark .nav a.active{color:#c0f3da}body.dark .topbar{background:#101f25eb}body.dark .workspace-label{color:#aecbc1}body.dark .connection-overview{background:#173d44}body.dark .connect-action.featured{background:#21453f;border-color:#3d6b59}body.dark .action-icon{background:#24463f}body.dark .connect-action.featured .action-icon{background:#32594a}body.dark .connect-heading>.button{background:var(--surface)}body.dark .login-art{background:#102d35}body.dark .login-copy p{color:#a5c8bc}body.dark .login-card .button.primary{background:#337c6d;border-color:#337c6d;color:#fff}body.dark .language,body.dark .icon-button.round{border-color:var(--border)}
@media(min-width:1700px){.main{max-width:1600px}}
@media(max-width:1200px){.main{padding:25px 24px 30px}.topbar{padding:0 24px}.connect-action{padding:17px 13px;gap:9px}.connect-action small{font-size:9px}.dashboard-lower{grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr)}}
@media(max-width:1000px){.connect-actions{grid-template-columns:1fr}.connect-action{padding:15px 17px}.connect-action small{font-size:11px}.dashboard-lower{grid-template-columns:1fr}.usage-chart .chart{height:200px}.journey-panel{display:none}.quota-number{font-size:41px}.connect-metadata{gap:12px}.connect-renew>div>span{display:none}}
@media(max-width:760px){.sidebar .brand{height:70px}.sidebar .nav{padding-top:16px;height:calc(100dvh - 145px)}.nav-group{padding-top:17px}.topbar{height:60px;padding:0 16px}.workspace-label{display:none}.mobile-toggle{margin-right:auto}.main{margin-top:60px;padding:24px 16px 30px}.connect-heading{margin-bottom:22px;gap:10px}.connect-heading .page-title{font-size:24px;letter-spacing:-.8px;margin-top:7px}.connect-heading p{font-size:10px}.connect-heading>.button{display:none}.eyebrow{font-size:9px}.connection-overview{padding:23px 20px 0;border-radius:16px}.connection-overview .subscription-name{font-size:17px}.plan-symbol{width:37px;height:37px;border-radius:11px}.plan-symbol .ico{width:19px;height:19px}.connect-plan-title{gap:10px}.quota-main{margin-top:27px;gap:10px}.quota-number{font-size:37px;letter-spacing:-1.5px}.quota-renew{font-size:10px;padding:4px 9px}.quota-caption{font-size:10px}.quota-detail{font-size:9px}.quota-percentage{margin-left:2px}.connect-metadata{grid-template-columns:1fr 1fr;gap:18px 12px;padding-bottom:19px}.connect-metadata>a:last-child{display:none}.connect-metadata strong{font-size:12px}.connect-metadata span{font-size:9px}.connect-metadata .ico{width:14px;height:14px}.connect-renew{font-size:9px}.connect-actions{gap:10px;margin-bottom:19px}.connect-action{padding:16px}.connect-action strong{font-size:13px}.connect-action small{font-size:10px}.dashboard-lower{margin-bottom:16px}.usage-chart .panel{padding:20px 17px}.usage-chart .chart{height:195px;margin-top:16px}.usage-chart .chart-summary{font-size:9px;gap:9px}.footer{font-size:8px;letter-spacing:.7px}.connect-notice{padding:0 12px}.connect-notice .notice-caption{display:block;font-size:9px}.account-button .avatar{width:28px;height:28px}}

@media(max-width:760px){.eyebrow{font-size:10px}.connect-heading p{font-size:11px}.overline,.quota-caption{font-size:11px}.quota-detail{font-size:10px}.connect-metadata span,.connect-renew{font-size:10px}.connect-action small,.usage-chart .chart-summary{font-size:11px}.footer{font-size:9px}}

.social-login-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 0}.social-login-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);min-height:45px;padding:8px 10px;font-size:12px}.social-login-button:hover:not(:disabled){background:var(--bg);border-color:#9ac5b8}.social-login-button:disabled{opacity:.65}.social-login-button small{font-size:9px;color:var(--muted)}.google-mark{font:bold 20px Arial;color:#4285f4}.telegram-mark{width:20px;height:20px;color:#279ed3}.social-hint{font-size:10px;color:var(--muted);text-align:center;margin:10px 0 0;min-height:16px}.auth-divider{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--border);flex:1}.email-autocomplete{position:relative}.email-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:225px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:5px;box-shadow:0 12px 28px #173b3218;z-index:20;scrollbar-width:thin}.email-suggestions:empty{display:none}.email-suggestions button{border:0;background:none;width:100%;text-align:left;padding:9px 10px;border-radius:6px;font-size:13px;display:flex;overflow-wrap:anywhere;word-break:break-all;align-items:baseline}.email-suggestions button span{color:var(--text);white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis}.email-suggestions button strong{font-weight:500;color:var(--primary);flex-shrink:0}.email-suggestions button:hover,.email-suggestions button.selected{background:var(--primary-soft)}.login-card .intro{margin-bottom:22px}.login-error:empty{display:none}.social-login-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:760px){.login-main{padding-top:28px;padding-bottom:30px}.login-card>.brand{margin-bottom:25px}.social-login-buttons{margin-top:20px}.email-suggestions button{font-size:14px;padding:10px}.social-hint{font-size:11px}.auth-divider{margin:18px 0}}

/* Compact subscription cards */
.plan-intro{font-size:12px;color:var(--muted);margin:-9px 0 20px}.compact-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,330px));gap:18px;align-items:start}.compact-plan.panel{padding:22px;margin:0;border-radius:17px;box-shadow:0 4px 18px #143b4306;min-width:0;border-top:3px solid #73b69e}.plan-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.plan-tag{letter-spacing:0;font-size:10px;background:var(--primary-soft);color:var(--primary);padding:4px 8px;border-radius:5px}.compact-plan h2{font-size:18px;line-height:1.5;margin:15px 0 14px;overflow-wrap:anywhere}.plan-cost{display:flex;align-items:baseline;gap:5px;margin-bottom:19px;color:var(--text)}.plan-cost strong{font-size:36px;line-height:1.1;font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.plan-cost .currency{font-size:17px}.plan-cycle{font-size:11px;color:var(--muted);margin-left:5px}.plan-specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:9px;padding:12px 0}.plan-specs>div{display:flex;flex-direction:column;gap:6px;padding:0 13px}.plan-specs>div+div{border-left:1px solid var(--border)}.plan-specs span{font-size:10px;color:var(--muted)}.plan-specs strong{font-size:15px;font-weight:600}.plan-specs small{font-weight:400;font-size:10px;color:var(--muted)}.plan-speed{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px;margin:12px 0 16px}.plan-speed .ico{width:13px;height:13px}.compact-plan .plan-period{margin:0;font-size:11px;gap:7px}.compact-plan select{min-height:39px;padding:8px 10px;border-radius:8px;font-size:12px}.plan-details{border-top:1px solid var(--border);margin-top:15px}.plan-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:11px;color:var(--muted)}.plan-details summary::-webkit-details-marker{display:none}.plan-details summary .ico{width:13px;height:13px}.plan-details[open] summary .ico{transform:rotate(180deg)}.plan-details .article{font-size:12px;line-height:1.85;max-height:290px;overflow:auto;overflow-wrap:anywhere}.plan-details .article img{max-width:100%}.plan-price-note{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 15px}.compact-plan>.button.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:39px;margin-top:12px;font-size:12px;border-radius:8px;background:#204c51;border-color:#204c51}.compact-plan>.button.primary:hover{background:#2d6265}.compact-plan>.button .ico{width:13px;height:13px}.compact-plan button:disabled{opacity:.5;cursor:not-allowed}.plan-details summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:600px){.compact-plans{grid-template-columns:minmax(0,1fr);gap:15px}.compact-plan.panel{padding:20px}.compact-plan select{font-size:16px}.compact-plan h2{font-size:18px}.plan-cost strong{font-size:34px}}

.plan-categories{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--border);border-radius:12px;background:var(--surface);max-width:100%}.plan-categories button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 19px;border:0;border-radius:8px;color:var(--muted);background:transparent;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.plan-categories button span{font-size:10px;min-width:19px;padding:2px 5px;border-radius:5px;background:var(--primary-soft);color:var(--primary)}.plan-categories button[aria-pressed=true]{background:#204c51;color:#fff}.plan-categories button[aria-pressed=true] span{background:#ffffff20;color:#b5edcf}.plan-categories button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.plan-category-note{font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 21px}@media(max-width:600px){.plan-categories{display:flex;width:100%}.plan-categories button{flex:1;padding:10px 8px;gap:7px;font-size:12px}}

.commission-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.commission-note{font-size:12px;line-height:1.8;margin-top:15px}.commission-pending{background:var(--primary-soft);color:var(--primary);padding:12px;border-radius:8px;font-size:12px;line-height:1.7}.commission-pending a{text-decoration:underline}.commission-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;margin:16px 0}.commission-consent input{width:16px;min-height:16px;height:16px;flex-shrink:0;margin-top:3px}#withdraw-name-field[hidden]{display:none}.commission-actions .button{min-height:40px}@media(max-width:600px){.commission-actions .button{flex:1}}

.payment-fireworks{position:fixed;inset:0;width:100%;height:100%;z-index:10000;pointer-events:none}.purchase-success-modal{max-width:460px}.purchase-success{text-align:center;padding:8px 8px 4px}.success-emblem{width:80px;height:80px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;position:relative;margin:8px auto 22px;border:1px solid #8dc5ac55}.success-emblem>.ico{width:36px;height:36px;stroke-width:2.5}.success-spark{position:absolute;color:#b49a54;font-size:25px}.success-spark.one{right:-16px;top:-6px}.success-spark.two{left:-18px;bottom:1px;font-size:19px}.success-kicker{font-size:10px;letter-spacing:2px;color:var(--muted)}.purchase-success h3{font-size:30px;letter-spacing:1px;margin:12px 0;font-weight:650}.success-copy{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:24px}.success-receipt{text-align:left;border:1px solid var(--border);border-radius:12px;padding:12px 17px;margin-bottom:24px}.success-receipt>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;font-size:12px}.success-receipt span{color:var(--muted);flex-shrink:0}.success-receipt strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.success-main{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:44px}.success-secondary{display:inline-block;margin:17px 0 4px;font-size:12px;color:var(--muted)}.payment-wait{display:flex;align-items:center;gap:13px;background:var(--primary-soft);padding:16px;border-radius:12px;margin-bottom:20px}.payment-wait strong{font-size:14px}.payment-wait p{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--muted)}.payment-orbit{flex-shrink:0;color:var(--primary)}.payment-orbit .ico{width:27px;height:27px}.payment-refresh{margin-top:18px;font-size:12px}.purchase-success-modal .modal-head h2{font-size:13px;color:var(--muted)}@media(max-width:600px){.purchase-success{padding:0}.purchase-success h3{font-size:27px}.success-receipt{padding:10px 12px}.success-emblem{width:68px;height:68px;margin-bottom:18px}}

.unified-checkout-modal{max-width:780px;padding:26px}.unified-checkout-modal .modal-head{margin-bottom:22px}.unified-checkout{display:grid;grid-template-columns:.9fr 1.2fr;gap:28px}.checkout-summary{background:#143b43;color:#e5f4ed;border-radius:15px;padding:26px 22px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.checkout-eyebrow{font-size:9px;letter-spacing:1.7px;color:#93b8ab}.checkout-deer{width:66px;height:66px;border-radius:16px;margin:27px 0 18px}.checkout-summary h3{font-size:20px;line-height:1.6;margin:0 0 13px;overflow-wrap:anywhere}.checkout-period-chip{font-size:11px;background:#b5edcf1a;color:#b5edcf;padding:5px 10px;border-radius:5px}.checkout-quota{display:flex;flex-direction:column;gap:6px;margin:27px 0}.checkout-quota strong{font-size:33px;line-height:1.2;font-weight:600;letter-spacing:-1px}.checkout-quota span{font-size:11px;color:#9ebeb3}.checkout-summary-bottom{display:flex;gap:6px;align-items:center;font-size:10px;color:#a9cdbf;border-top:1px solid #ffffff18;margin-top:auto;padding-top:17px;width:100%}.checkout-summary-bottom .ico{width:13px;height:13px}.checkout-options{min-width:0}.checkout-coupon{font-size:12px;position:relative}.checkout-coupon>span{position:absolute;right:0;font-size:10px;color:var(--muted)}.checkout-coupon input{min-height:41px;border-radius:8px}.checkout-section-label{font-size:12px;margin:20px 0 11px;font-weight:500}.checkout-payment-list{display:grid;gap:10px}.checkout-payment{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative}.checkout-payment:has(input:checked){border-color:#508d7e;background:var(--primary-soft)}.checkout-payment:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.checkout-payment input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0}.checkout-payment strong{font-size:13px;font-weight:600;display:block}.checkout-payment small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.checkout-radio-mark{width:16px;height:16px;border:1px solid var(--border);border-radius:50%;margin-left:auto;flex-shrink:0}.checkout-payment input:checked~.checkout-radio-mark{border:5px solid #327766;background:var(--surface)}.checkout-pay-logo{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.checkout-pay-logo svg{width:30px;height:30px;fill:currentColor}.checkout-pay-logo.wechat{color:#07b75b}.checkout-pay-logo.alipay{color:#1677ff}.checkout-pay-logo.other{color:var(--primary)}.checkout-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--border);padding-top:20px;margin-top:23px}.checkout-total>span{font-size:12px}.checkout-total strong{font-size:30px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.checkout-total small{font-size:15px;margin-right:4px}.checkout-fee,.checkout-pricing-note{font-size:10px;line-height:1.7;color:var(--muted);margin:5px 0}.checkout-error{font-size:12px;color:#b74040;line-height:1.7;margin:10px 0}.checkout-error:empty{display:none}.checkout-submit{display:flex;width:100%;justify-content:center;gap:12px;align-items:center;min-height:44px;margin-top:17px}.checkout-safe{font-size:10px;line-height:1.6;color:var(--muted);display:flex;align-items:flex-start;gap:5px;margin:11px 0 0}.checkout-safe .ico{width:12px;height:12px;flex-shrink:0;margin-top:2px}.checkout-cancel{font-size:11px;margin-top:13px}.checkout-submit:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.unified-checkout-modal{padding:20px}.unified-checkout-modal .modal-head{margin-bottom:17px}.unified-checkout{grid-template-columns:1fr;gap:8px}.checkout-summary{padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:8px 14px}.checkout-eyebrow{grid-column:1;font-size:8px}.checkout-deer{grid-column:2;grid-row:1/4;margin:0;width:54px;height:54px}.checkout-summary h3{font-size:16px;margin:0;grid-column:1}.checkout-period-chip{justify-self:start;font-size:10px;grid-column:1;padding:3px 8px}.checkout-quota{display:none}.checkout-summary-bottom{display:none}.checkout-options .checkout-coupon{margin-top:12px;margin-bottom:12px}.checkout-coupon input{font-size:16px;min-height:40px}.checkout-section-label{margin-top:12px}.checkout-payment{padding:10px 12px}.checkout-total{margin-top:17px;padding-top:14px}.checkout-total strong{font-size:28px}.checkout-submit{margin-top:13px}.checkout-safe{font-size:9px}}
/* Coupon verification and checkout recovery */
.coupon-entry{display:flex;gap:8px;margin-top:8px}.coupon-entry input{min-width:0;flex:1;margin:0!important}.coupon-entry .button{flex:none;padding:0 16px}.checkout-coupon #coupon-feedback{display:block;line-height:1.5;color:var(--muted);margin-top:6px}.checkout-lines{border-top:1px solid var(--border);margin-top:20px;padding-top:14px;display:grid;gap:9px;font-size:13px}.checkout-lines>div{display:flex;justify-content:space-between;gap:12px}.checkout-lines strong{font-weight:500}.checkout-lines .discount{color:#14846f}.checkout-pending-card{padding:12px;margin-bottom:16px;background:#fff7e5;color:#69501d;border:1px solid #ead7a7;border-radius:10px;font-size:12px;overflow-wrap:anywhere}.checkout-pending-card p{line-height:1.6;margin:6px 0}.checkout-pending-card>div{display:flex;flex-wrap:wrap;gap:8px 14px}.checkout-pending-card .text-button{font-size:12px;text-align:left}.checkout-coupon>span{float:right}.checkout-total{margin-top:14px!important}.dark .checkout-pending-card{background:#3c3420;color:#f6dda5}
/* Prominent plan details, directly below pricing */
.compact-plan .plan-cost{margin-bottom:16px}.compact-plan .plan-details{margin:0 0 16px;border:1px solid #a8d7c8;border-radius:10px;background:linear-gradient(115deg,#e9f7f1,#f4fbf8);overflow:hidden}.compact-plan .plan-details summary{padding:12px 13px;color:#176958;font-size:13px;gap:12px}.compact-plan .plan-details summary>span{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-plan .plan-details summary strong{font-weight:650}.compact-plan .plan-details summary small{font-size:10px;font-weight:400;color:#528677}.compact-plan .plan-details summary>.ico{width:16px;height:16px;flex:none}.compact-plan .plan-details summary:hover{background:#dff2e9}.compact-plan .plan-details .article{padding:0 13px}.compact-plan .plan-price-note{padding:0 13px}.compact-plan .plan-details[open] summary{border-bottom:1px solid #c3e4d8;margin-bottom:12px}.compact-plan .plan-period{margin-top:16px}.compact-plan>.button.primary{min-height:44px;margin-top:18px;background:linear-gradient(110deg,#137b70,#20565b);border-color:transparent;box-shadow:0 4px 12px #137b7020;font-size:13px;font-weight:600}.compact-plan>.button.primary:hover{background:linear-gradient(110deg,#0f8b7c,#28696c);box-shadow:0 5px 15px #137b7030}.dark .compact-plan .plan-details{background:linear-gradient(115deg,#183e38,#19332f);border-color:#356253}.dark .compact-plan .plan-details summary{color:#a6e5ce}.dark .compact-plan .plan-details summary small{color:#8fb8aa}.dark .compact-plan .plan-details summary:hover{background:#22483e}.dark .compact-plan .plan-details[open] summary{border-color:#356253}
/* Order list and full-page receipt */
.order-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.order-heading h1{font-size:25px;line-height:1.4;margin:0}.order-heading select{min-width:128px;border:1px solid var(--border);border-radius:12px;padding:9px 13px;background:var(--surface);color:var(--text);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.order-list-panel.panel{padding:0;overflow:hidden;border-radius:18px;box-shadow:0 3px 6px #143b4306}.order-table{width:100%;font-size:13px}.order-table th{font-weight:400;background:transparent!important}.order-table td,.order-table th{padding:16px 14px;white-space:nowrap}.order-number{font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.order-table a{color:var(--text);text-decoration:underline;text-underline-offset:4px}.order-money{font-variant-numeric:tabular-nums}.order-time{color:var(--muted)}.order-badge{display:inline-flex;align-items:center;border:1px solid #cbd7d5;border-radius:20px;padding:2px 9px;font-size:11px;white-space:nowrap;color:var(--muted);line-height:1.5}.order-badge.status-3{color:#24905b;border-color:#ace1c1;background:#f0fcf4}.order-badge.status-0{color:#a77616;border-color:#eed79f;background:#fff9eb}.order-badge.status-1{color:#237b94;border-color:#b7dbe6;background:#effaff}.order-badge.status-4{color:#6872aa;border-color:#cdd3f0;background:#f3f5ff}.order-breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted);margin:-4px 0 22px}.order-breadcrumb a{color:inherit}.order-detail-heading{align-items:start}.order-detail-heading p{margin:7px 0 0}.order-progress.panel{display:flex;padding:20px 24px;margin-bottom:24px;border-radius:19px;box-shadow:0 3px 6px #143b4306}.order-step{flex:1;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.order-step:after{content:'';position:absolute;height:1px;background:var(--border);top:14px;left:calc(50% + 28px);width:calc(100% - 56px)}.order-step:last-child:after{display:none}.order-step.done:after{background:#66aa98}.step-dot{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--primary-soft);color:var(--muted);font-size:12px}.done .step-dot{background:#218775;color:#fff}.step-dot .ico{width:15px;height:15px}.order-step strong{font-size:12px;font-weight:400}.order-step small{font-size:10px;color:var(--muted)}.is-cancelled .order-step:last-child .step-dot{background:#879895}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.order-detail-grid>.panel{margin:0;padding:24px;border-radius:18px;box-shadow:0 3px 6px #143b4306;min-width:0}.order-card-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:28px}.order-card-title h2,.order-next h2{font-size:17px;margin:0}.order-info dl{margin:0}.receipt-row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center;font-size:13px;min-height:36px;padding:5px 0}.receipt-row dt{color:var(--muted)}.receipt-row dd{margin:0;text-align:right;overflow-wrap:anywhere;display:flex;justify-content:flex-end;align-items:center;gap:5px}.receipt-row .icon-button{padding:3px;width:24px;height:24px;flex:none}.receipt-row .ico{width:13px;height:13px}.receipt-strong dd{font-weight:600}.receipt-discount dd{color:#278673}.order-next h2{display:flex;gap:9px;align-items:center;margin-bottom:28px}.order-next h2>.ico{color:#28966d;width:17px;height:17px;flex:none}.order-guide{padding:0;list-style:none;margin:0}.order-guide li{display:flex;gap:12px;margin-bottom:22px;font-size:13px}.order-guide li>span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.order-guide strong{font-weight:500}.order-guide p,.order-next>.muted{line-height:1.8;color:var(--muted);margin:7px 0}.order-guide .button{margin-top:1px}.order-guide-footer{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--border);padding-top:14px;font-size:12px}.order-guide-footer a{color:var(--muted)}.dark .order-badge{background:transparent}.order-next .button-row{flex-wrap:wrap}
@media(max-width:850px){.order-detail-grid{grid-template-columns:1fr}.order-progress.panel{padding:18px 8px}.order-step small{font-size:9px;max-width:100px;line-height:1.5}.order-heading h1{font-size:23px}}@media(max-width:480px){.order-detail-grid>.panel{padding:19px 16px}.order-detail-heading{flex-wrap:wrap;gap:12px}.receipt-row{grid-template-columns:76px minmax(0,1fr);font-size:12px}.receipt-row .order-number{font-size:10px}.order-heading select{font-size:16px;min-width:110px}.order-step:after{left:calc(50% + 20px);width:calc(100% - 40px)}}
/* Desktop table / mobile order cards */
.order-mobile-list{display:none}
@media(max-width:700px){
.order-desktop-list{display:none}.order-mobile-list{display:grid;gap:14px}.order-list-panel.panel:has(.order-mobile-list){padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;border-radius:0}.order-mobile-card{display:block;padding:17px 15px 18px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:0 3px 8px #143b4309;min-width:0}.order-mobile-card:hover{border-color:#9cc6b8}.order-mobile-card:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.order-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-mobile-top>strong{font-size:16px;font-weight:600;line-height:1.5;min-width:0;overflow-wrap:anywhere}.order-mobile-top .order-badge{flex:none;margin-top:2px;font-size:11px;padding:1px 7px}.order-mobile-number{font-size:12px;letter-spacing:.2px;color:var(--muted);line-height:1.6;margin-top:4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.order-mobile-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;line-height:1.5}.order-mobile-bottom>span{color:var(--muted);min-width:0}.order-mobile-bottom>strong{font-size:15px;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}.order-heading{margin-bottom:22px}
}
@media(max-width:350px){.order-mobile-card{padding:15px 12px}.order-mobile-top{gap:7px}.order-mobile-top>strong{font-size:14px}.order-mobile-bottom{gap:8px;font-size:11px}.order-mobile-bottom>strong{font-size:14px}.order-mobile-number{font-size:11px}}

.invite-intro{margin:-10px 0 24px;color:var(--muted);font-size:13px;line-height:1.8}.invite-tabs{display:inline-flex;gap:5px;padding:5px;background:var(--subtle);border:1px solid var(--border);border-radius:13px;margin-bottom:22px}.invite-tabs button{border:0;background:none;color:var(--muted);padding:10px 18px;border-radius:9px;font-size:13px}.invite-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 7px #143b4312;font-weight:600}.invite-overview{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-bottom:22px}.invite-hero{padding:27px;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#3d8d743d,transparent 65%),#153b40;color:#e6f7ef;overflow:hidden}.invite-hero-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#b1d9cc}.invite-hero-top .ico{width:23px;height:23px}.invite-available{display:flex;align-items:baseline;gap:7px;margin-top:14px;font-size:21px}.invite-available strong{font-size:42px;line-height:1.25;font-weight:650;letter-spacing:-1px}.invite-hero>p{font-size:12px;color:#afd0c6;margin:8px 0 20px}.invite-hero-actions{display:flex;gap:10px}.invite-hero-actions .button{background:#d4eddf;color:#184c43;border-color:transparent;font-size:12px}.invite-hero-actions .button+button{background:#ffffff0c;border-color:#ffffff38;color:#e1f3e9}.invite-threshold{height:4px;border-radius:5px;background:#ffffff22;margin:25px 0 9px;overflow:hidden}.invite-threshold span{display:block;height:100%;background:#a8e1c4}.invite-hero>small{font-size:11px;color:#afd0c6}.invite-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invite-stat.panel{padding:21px;margin:0;border-radius:17px;min-width:0}.invite-stat>div{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;gap:8px}.invite-stat>div .ico{color:#83a79b}.invite-stat>strong{display:block;font-size:25px;line-height:1.5;margin-top:9px;font-variant-numeric:tabular-nums}.invite-stat>small{font-size:10px;color:var(--muted)}.invite-kicker{font-size:9px;letter-spacing:1.6px;color:#6c9588}.invite-share.panel{padding:26px;border-radius:19px}.invite-share-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:21px}.invite-share h2,.invite-form-card h2{font-size:21px;margin:9px 0}.invite-share-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.invite-link-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px dashed #aacfc0;background:var(--primary-soft);border-radius:12px;margin-top:12px}.invite-link-row>div{min-width:0}.invite-link-row span{font-size:11px;color:var(--muted)}.invite-link-row b{font-size:15px;color:var(--text);letter-spacing:1px;margin-left:8px}.invite-link-row p{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0}.invite-link-row .button{flex:none;font-size:12px}.invite-empty{display:flex;gap:12px;align-items:center;padding:18px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);font-size:12px}.invite-wallet-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.invite-form-card.panel{padding:26px;border-radius:19px;margin:0;min-width:0}.invite-form-card>.muted{font-size:12px;line-height:1.8}.wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:19px 0;margin:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.wallet-summary span{display:block;color:var(--muted);font-size:11px}.wallet-summary strong{display:block;font-size:24px;margin-top:6px}.invite-input-row{display:flex;gap:9px}.invite-input-row input{flex:1;min-width:0}.invite-input-row button{flex:none}.invite-footnote{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 20px}.invite-form-card form>.button{width:100%;margin-top:10px}.invite-ledger-row,.withdraw-limit>div{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:14px 0;border-bottom:1px solid var(--border)}.invite-ledger-row span,.withdraw-limit span{color:var(--muted)}.withdraw-limit{padding:4px 15px;border:1px solid var(--border);border-radius:12px;background:var(--bg);margin:20px 0}.withdraw-limit p{font-size:12px;color:var(--primary);line-height:1.7}.invite-process{list-style:none;padding:0;margin:24px 0}.invite-process li{display:flex;gap:14px;margin:22px 0}.invite-process b{font-size:11px;padding-top:3px;color:#6b9c89}.invite-process strong{font-size:14px;font-weight:500}.invite-process p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0}.invite-alert{display:flex;gap:12px;padding:16px;border:1px solid #d9c99b;border-radius:12px;background:#fff9e9;color:#80662a;font-size:12px;line-height:1.8;margin-bottom:20px}.invite-alert a{display:block;text-decoration:underline}.dashboard-announcement.announcement{margin:0 0 22px;width:100%;min-height:48px;border-radius:14px}.dashboard-announcement>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .invite-alert{background:#342f21;color:#e0c780}
@media(max-width:800px){.invite-overview,.invite-wallet-grid{grid-template-columns:1fr}.invite-hero{padding:24px}.invite-share-head{align-items:flex-start;flex-direction:column}.invite-share-head>.button{font-size:12px}.invite-stat.panel{padding:18px}.invite-share.panel,.invite-form-card.panel{padding:20px}.invite-link-row{flex-wrap:wrap}.invite-link-row .button{width:100%}.invite-tabs{display:flex}.invite-tabs button{flex:1;padding:10px 6px;font-size:12px}.invite-available strong{font-size:38px}.invite-stat>strong{font-size:23px}.invite-form-card input,.invite-form-card select{font-size:16px}.dashboard-announcement .notice-caption{display:none}}@media(max-width:350px){.invite-stat.panel{padding:14px}.invite-stat>strong{font-size:21px}.invite-stat>div{font-size:11px}.wallet-summary strong{font-size:21px}}

.invite-commission-log{margin-top:22px}.invite-commission-log .button-row{align-items:center;justify-content:center}.invite-commission-log td{font-size:12px;white-space:nowrap}.theme-contact{display:inline-block;margin-left:12px;color:var(--primary);text-decoration:underline;text-underline-offset:3px}.theme-dashboard-intro{font-size:13px;line-height:1.8;color:var(--muted);margin:-10px 0 20px}.client-config-card{min-width:0}.client-config-card h2,.client-config-card p{overflow-wrap:anywhere}.client-config-card .button-row{flex-wrap:wrap}.login-copy h1,.login-copy p{white-space:pre-line}.footer .theme-contact{font-size:11px}

/* Client import dialog and explicit renewal entry */
.modal.subscription-import-modal{width:min(710px,100%);max-width:710px;border-radius:17px;padding:23px 24px;max-height:92dvh}.subscription-import-modal .modal-head{margin-bottom:5px}.subscription-import-modal .modal-head h2{font-size:18px;font-weight:650}.subscription-import-modal .subscription-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 17px}.subscription-import-panel{padding:22px 23px 18px;border:1px solid var(--border);border-radius:17px;box-shadow:0 2px 3px #30241904}.subscription-import-panel h3{font-size:16px;margin:0 0 9px;font-weight:600}.subscription-import-panel .subscription-description{font-size:12px;color:var(--muted);margin:0 0 21px;line-height:1.7}.subscription-address-box{border:1px solid var(--border);border-radius:12px;background:var(--subtle);padding:12px;margin-bottom:15px}.subscription-address-box>span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px;margin-bottom:10px}.subscription-address-box small{font-size:9px;opacity:.7}.subscription-address-row{display:flex;align-items:center;gap:8px}.subscription-address-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--surface);border-radius:5px;padding:8px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.subscription-address-row .button{flex:none;gap:5px;padding:7px 9px;min-height:32px;border-radius:9px;background:var(--surface);font-size:11px;box-shadow:0 1px 2px #00000008}.subscription-address-row .ico{width:14px;height:14px}.subscription-recommended{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #92bdad;border-radius:12px;background:#edf6f1;margin-bottom:8px;min-height:64px}.subscription-client-mark{width:32px;height:32px;display:grid;place-items:center;flex:none;background:var(--subtle);border-radius:9px;font-size:12px;font-weight:600;color:var(--muted)}.subscription-client-info{display:flex;min-width:0;flex-direction:column;gap:5px;text-align:left}.subscription-client-info strong{font-size:12px;font-weight:550}.subscription-client-info small{font-size:10px;color:var(--muted);line-height:1.4}.subscription-recommended .subscription-client-info{flex:1}.subscription-recommended em{font-size:10px;font-style:normal;font-weight:400;margin-left:5px;color:#377c62}.subscription-recommended .icon-button{font-size:21px;color:#668272;width:24px;padding:2px}.subscription-recommended>.button{font-size:11px;flex:none;padding:8px 11px;border-radius:8px;min-height:34px}.subscription-client-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subscription-client{display:flex;align-items:center;gap:11px;min-width:0;min-height:61px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);text-decoration:none;transition:border-color .15s,background .15s;width:100%;cursor:pointer}.subscription-client>.ico{width:16px;height:16px;flex:none;margin-left:auto;color:var(--muted)}.subscription-client:hover:not(:disabled){border-color:#78a797;background:var(--primary-soft)}.subscription-client:disabled{cursor:not-allowed;opacity:.47}.subscription-client .subscription-client-info{flex:1}.subscription-compatibility{border:1px solid var(--border);border-radius:10px;padding:0 12px;margin-top:15px}.subscription-compatibility summary{cursor:pointer;padding:10px 0;font-size:11px}.subscription-compatibility p{color:var(--muted);font-size:11px;line-height:1.7}.subscription-compatibility>.button{margin:0 0 12px;font-size:11px}.subscription-troubleshooting{margin-top:15px}.subscription-troubleshooting summary{font-size:11px;color:var(--muted);list-style:none;cursor:pointer;line-height:1.8}.subscription-troubleshooting summary span{color:var(--primary);margin-left:9px;text-decoration:underline;text-underline-offset:2px}.subscription-troubleshooting ol{font-size:11px;padding-left:19px;color:var(--muted);line-height:1.9}.subscription-import-panel .subscription-footer{font-size:11px;line-height:1.8;color:var(--muted);margin:13px 0 0}.subscription-footer a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.subscription-qr{border-top:1px solid var(--border);margin-top:13px;padding-top:15px;text-align:center}.subscription-qr[hidden]{display:none}.subscription-qr svg{display:block;width:208px;height:208px;max-width:100%;margin:auto;background:white;border-radius:5px}.subscription-qr p{font-size:10px;color:var(--muted);line-height:1.7;margin:10px auto;max-width:270px}.subscription-qr .text-button{font-size:11px}.subscription-warning{font-size:11px!important;background:#fff5df;color:#947024;border-radius:8px;padding:10px;line-height:1.7}.quota-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.quota-actions .quota-renew{background:#b5edcf;color:#113e39;border-color:#b5edcf;font-weight:600;font-size:12px;gap:14px}.quota-actions .quota-renew:hover{background:#d1f5df}.quota-change{font-size:11px;color:#b9dbd0;padding:9px}.quota-change:hover{color:white}.renewal-summary{border:1px solid var(--border);padding:19px;border-radius:13px;margin:0 0 20px;background:var(--bg)}.renewal-summary>span{font-size:11px}.renewal-summary h3{font-size:18px;margin:9px 0 12px}.renewal-summary p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.renewal-continue{width:100%;margin-top:10px;justify-content:center;gap:15px}.renewal-unavailable{text-align:center;padding:8px 6px}.renewal-unavailable>.ico{color:var(--primary);width:32px;height:32px}.renewal-unavailable h3{font-size:19px;margin:17px 0}.renewal-unavailable p{color:var(--muted);font-size:13px;line-height:1.9}.renewal-unavailable .button{margin-top:15px}.dark .subscription-recommended{background:#1b3935;border-color:#447568}.dark .subscription-recommended em{color:#a2ccb9}.dark .subscription-warning{background:#3d3421;color:#e5c57b}
@media(max-width:600px){.modal.subscription-import-modal{padding:18px 15px;max-height:94dvh;border-radius:15px}.subscription-import-modal .modal-head h2{font-size:17px}.subscription-import-modal .subscription-intro{font-size:11px;margin-bottom:14px}.subscription-import-panel{padding:18px 13px 15px;border-radius:13px}.subscription-import-panel h3{font-size:15px}.subscription-import-panel .subscription-description{font-size:11px;margin-bottom:16px}.subscription-address-box{padding:10px}.subscription-address-box>span{font-size:10px}.subscription-address-row{flex-wrap:wrap;gap:7px}.subscription-address-row code{flex-basis:100%;font-size:10px}.subscription-address-row .button{flex:1;justify-content:center}.subscription-address-box small{font-size:9px}.subscription-recommended{padding:10px;gap:8px;flex-wrap:wrap}.subscription-recommended .subscription-client-info strong{font-size:12px}.subscription-recommended .subscription-client-info small{font-size:9px}.subscription-recommended>.button{font-size:10px;padding:8px 10px}.subscription-recommended .icon-button{display:none}.subscription-client-grid{gap:7px}.subscription-client{min-height:68px;padding:10px 8px;gap:7px;border-radius:10px}.subscription-client-mark{width:26px;height:29px;border-radius:7px;font-size:11px}.subscription-client-info strong{font-size:10px;line-height:1.5}.subscription-client-info small{font-size:8px;line-height:1.6}.subscription-client>.ico{width:13px;height:13px}.subscription-compatibility summary,.subscription-import-panel .subscription-footer,.subscription-troubleshooting summary{font-size:10px}.subscription-qr svg{width:190px;height:190px}.quota-actions{gap:4px;flex-direction:column;align-items:flex-end}.quota-actions .quota-renew{font-size:11px;padding:9px 11px;gap:7px}.quota-change{font-size:10px;padding:6px}.renewal-summary h3{font-size:16px}#renew-period{font-size:16px}}
@media(max-width:360px){.subscription-client-grid{grid-template-columns:1fr}.subscription-client{min-height:55px}.subscription-client-info strong{font-size:12px}.subscription-client-info small{font-size:10px}.subscription-recommended .subscription-client-info{flex-basis:calc(100% - 44px)}.subscription-recommended>.button{margin-left:34px;width:calc(100% - 34px);justify-content:center}.subscription-troubleshooting summary span{display:block;margin-left:0}}

.plan-description{margin:20px 0 22px;flex:1;color:var(--text);font-size:13px;line-height:1.8}.plan-description ul{list-style:none;margin:0;padding:0}.plan-description li{margin:7px 0;overflow-wrap:anywhere}.plan-description li:first-child{font-weight:600}.plan-description li:nth-child(n+4){font-size:12px;color:var(--muted)}