:root{--blue:#2864ed;--blue-dark:#1850d0;--ink:#182b49;--muted:#8490a5;--line:#edf0f6;--bg:#f6f8fc;--mint:#0aa987;--radius:17px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue);text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;min-width:0;border:1px solid #e0e6f0;background:#fff;border-radius:10px;padding:12px 14px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2864ed12}input::placeholder,textarea::placeholder{color:#a1aabc}textarea{resize:vertical}button:focus-visible,a:focus-visible{outline:3px solid #91b7ff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.7px;line-height:1.4;margin-bottom:7px}h2{font-size:17px;letter-spacing:-.2px}h3{font-size:15px}p{margin-bottom:14px}strong{font-weight:600}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 18px;border:1px solid transparent;border-radius:9px;font-weight:550;transition:background .2s,transform .2s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #2864ed14}.btn.primary:hover{background:var(--blue-dark)}.btn.secondary{background:#fff;border-color:#e1e7f1;color:#51617d}.btn.secondary:hover{background:#f7f9ff}.btn.white{background:#fff;color:var(--blue)}.btn.danger{background:#fff4f4;border-color:#ffe0e0;color:#d35959}.btn.compact{padding:6px 12px;min-height:33px;font-size:12px}.full{width:100%}.icon-btn{border:0;background:transparent;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#8190a8;border-radius:9px}.icon-btn:hover{background:#edf3ff;color:var(--blue)}.muted{color:var(--muted)}.small{font-size:12px}.blue-text{color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:550;padding:4px 10px;border-radius:6px;white-space:nowrap;letter-spacing:.3px}.badge.green{background:#e8f8f1;color:#1a9b74}.badge.green:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.blue{background:#edf3ff;color:var(--blue)}.badge.gray{background:#f1f3f7;color:#8893a4}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:23px;font-weight:750;letter-spacing:-.7px;line-height:1.15}.brand img{width:42px;height:42px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#9aa5b8;margin-top:6px}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:33px 22px 20px;z-index:30;display:flex;flex-direction:column}.sidebar .brand{margin:0 11px 43px}.nav-caption{font-size:10px;color:#a3adbc;letter-spacing:1px;padding-left:15px;display:block;margin-bottom:13px}.nav-caption.second{margin-top:27px;margin-bottom:10px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:5px;color:#7d8ba1;font-size:13px;position:relative;border-radius:9px;transition:background .2s}.nav-link .icon{width:18px;height:18px}.nav-link:hover{background:#f8faff;color:var(--blue)}.nav-link.active{background:#edf3ff;color:var(--blue);font-weight:600}.nav-link.active i{width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-tip{background:#f6f9ff;border:1px solid #ecf2ff;border-radius:12px;padding:13px 12px;display:flex;align-items:center;gap:10px}.sidebar-tip>span{color:#6694f9;font-size:32px}.sidebar-tip p{font-size:10px;color:#9aa8c0;line-height:1.8;margin:0}.sidebar-tip strong{color:#6f84a8;font-weight:500}.sidebar-tip a{margin-left:auto;color:#a7bde8}.logout{border:0;background:transparent;display:flex;align-items:center;gap:12px;font-size:12px;color:#98a2b4;padding:20px 14px 0}.logout .icon{width:17px}.main-shell{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 42px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px}.breadcrumb>span{color:#9aa5b6}.breadcrumb b{font-weight:400;color:#d8dee8}.breadcrumb strong{font-weight:500;color:#64728b}.topbar-right{display:flex;align-items:center;gap:16px}.avatar img{width:33px;height:33px;border-radius:11px;opacity:.9}.mobile-menu{display:none}.sidebar-backdrop{display:none}#view{max-width:1510px;width:100%;margin:0 auto;padding:36px 42px 22px;outline:none;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.page-heading p{color:#8d99ac;font-size:12px;margin-bottom:0}.date-chip{background:#fff;border:1px solid #e9edf5;font-size:11px;color:#8b97ac;padding:8px 13px;border-radius:8px;white-space:nowrap}.welcome-banner{background:#eaf1ff;border:1px solid #e3ecff;position:relative;border-radius:var(--radius);min-height:229px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#6a91dc;font-weight:600;margin-bottom:14px}.welcome-banner h2{font-size:27px;color:#294f90;letter-spacing:.3px;margin-bottom:9px}.welcome-banner p{font-size:12px;color:#8499bb;margin-bottom:20px}.welcome-banner .btn{font-size:11px;min-height:35px;padding:7px 14px}.welcome-banner .icon{width:15px;height:15px}.cat-scene{width:300px;height:205px;position:relative;margin:-18px 15px -18px 0}.orbit{position:absolute;border:1px solid #d5e3fd;border-radius:50%;inset:0 20px;transform:rotate(-20deg)}.orbit-two{inset:26px -28px;transform:rotate(25deg)}.cat-illustration{position:absolute;left:81px;top:30px;width:145px;height:144px;transform:rotate(-5deg)}.ear{position:absolute;width:55px;height:74px;top:0;border:8px solid #fff;border-radius:9px 50px 0 0;background:#bad1ff;box-shadow:0 6px 14px #9fbbea20}.ear.left{left:3px;transform:rotate(-17deg)}.ear.right{right:3px;transform:rotate(17deg);border-radius:50px 9px 0 0}.cat-face{background:linear-gradient(145deg,#fff,#f6f9ff);position:absolute;inset:31px -3px 0;border-radius:40% 40% 44% 44%;box-shadow:0 12px 30px #779cda28}.eye{position:absolute;width:8px;height:15px;background:#4677ce;border-radius:50%;top:40px}.eye.left{left:43px}.eye.right{right:43px}.nose{position:absolute;top:63px;left:70px;width:10px;height:7px;background:#7399dd;border-radius:3px 3px 6px 6px}.nose:after{content:'';position:absolute;top:4px;left:-5px;width:20px;height:11px;border-bottom:2px solid #7399dd;border-radius:50%}.cheek{position:absolute;top:62px;width:20px;height:9px;background:#ffddd8;border-radius:50%;opacity:.7}.cheek.left{left:22px}.cheek.right{right:22px}.whisker{position:absolute;top:62px;width:20px;height:8px;border-top:2px solid #b7c9e7;border-bottom:2px solid #b7c9e7}.whisker.left{left:-8px;transform:rotate(8deg)}.whisker.right{right:-8px;transform:rotate(-8deg)}.cat-paws{display:flex;justify-content:space-between;position:absolute;left:13px;right:13px;bottom:-8px}.cat-paws i{width:30px;height:26px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #c3d4ef60}.cat-badge{position:absolute;bottom:5px;left:66px;display:flex;align-items:center;gap:7px;background:#ffffffee;color:#7192c4;border:1px solid white;border-radius:9px;font-size:10px;padding:8px 13px;transform:rotate(-5deg);box-shadow:0 6px 17px #6b93ca12}.cat-badge .icon{color:#5bb5a6;width:14px}.spark{position:absolute;color:#8eaff1}.s1{top:26px;right:10px;font-size:30px}.s2{left:24px;bottom:38px;font-size:25px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 21px;gap:10px;min-width:0}.stat-card>div>span{font-size:11px;color:#8b98ad}.stat-value{font-size:26px;font-weight:650;letter-spacing:-.8px;margin:6px 0 3px;white-space:nowrap}.stat-value em{font-size:13px;font-weight:400;color:#98a5ba;font-style:normal;letter-spacing:0}.stat-card small{font-size:10px;color:#a5afbe}.stat-icon{width:35px;height:35px;background:#f0f5ff;border-radius:10px;display:grid;place-items:center;color:#6a92e6;margin-top:2px;flex-shrink:0}.stat-icon .icon{width:18px;height:18px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-bottom:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px 25px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-heading h2{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;font-weight:600}.panel-heading h2 .icon{width:17px;height:17px;color:#8696af}.plan-overview{display:flex;align-items:center;gap:13px;margin-bottom:26px}.plan-cube{display:grid;place-items:center;width:44px;height:44px;background:#edf3ff;border:1px solid #e7efff;color:#6a95ef;border-radius:12px}.plan-cube .icon{width:26px;height:26px}.plan-overview h3{font-size:16px;margin:0 0 4px}.plan-overview p{font-size:10px;color:#9aa6ba;margin:0}.text-link{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:10px;white-space:nowrap}.text-link .icon{width:13px;height:13px}.usage-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b98ac;margin-bottom:10px}.usage-label strong{font-size:11px;color:#5975a7}.usage-label strong span{font-weight:400;color:#b0bacc}.progress{height:7px;background:#edf2fa;border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#3976ef,#84afff);border-radius:6px}.usage-footer{display:flex;justify-content:space-between;margin:9px 0 24px;font-size:10px;color:#a3aec0}.subscription-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.subscription-actions .btn{font-size:10px;padding:9px 12px;min-height:36px}.subscription-actions .icon{width:13px;height:13px}.subscription-panel>.muted{font-size:10px;margin:0}.subscription-panel>.muted .icon{width:12px;height:12px;margin-right:4px}.notice-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;padding:18px 0;border-bottom:1px solid #f0f3f8}.notice-item:first-child{padding-top:5px}.notice-item:last-child{border-bottom:0}.notice-item>div{min-width:0}.notice-dot{width:6px;height:6px;background:#8eaff0;border-radius:50%;align-self:flex-start;margin-top:8px;flex-shrink:0}.notice-item h3{font-size:12px;font-weight:500;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.notice-item p{font-size:10px;color:#a6b0c0;margin:0}.notice-item>.icon{width:14px;height:14px;color:#b4becd;margin-left:auto}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quick-card{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;color:var(--ink);transition:border-color .2s}.quick-card:hover{border-color:#c8d9ff}.quick-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:#85a4e9;flex-shrink:0}.quick-icon.mint{background:#ebf9f4;color:#7dbba8}.quick-icon.peach{background:#fff4ec;color:#d4a77f}.quick-card h3{font-size:12px;margin:0 0 5px;font-weight:550}.quick-card p{font-size:10px;color:#a5afbd;margin:0}.quick-card>.icon{margin-left:auto;width:14px;color:#b6c1d2}footer{display:flex;justify-content:space-between;gap:10px;padding:30px 42px 24px;font-size:10px;color:#aeb8c8;max-width:1510px;width:100%;margin:auto}footer i{color:#7fa5e9;font-style:normal;margin-left:5px}.section-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#8093b5;margin-bottom:24px;background:#edf3ff;border-radius:10px;padding:14px 18px}.section-note .icon{width:16px;height:16px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.plan-card{padding:29px;background:#fff;border:1px solid #e6ebf4;border-radius:18px;position:relative;overflow:hidden}.plan-card.featured{border-color:#6797ff;box-shadow:0 8px 30px #2864ed0b}.plan-ribbon{position:absolute;right:0;top:0;border-radius:0 0 0 12px;background:#2864ed;color:#fff;font-size:10px;padding:7px 13px}.plan-number{font-size:9px;color:#a5b3cb;letter-spacing:1.5px}.plan-card h2{font-size:21px;margin:21px 0 10px}.plan-price{font-size:36px;font-weight:650;letter-spacing:-1.5px;margin:12px 0 20px;color:#254a89}.plan-price small{font-size:11px;color:#9aa8be;letter-spacing:0;font-weight:400}.plan-features{padding:20px 0 10px;border-top:1px solid var(--line);font-size:12px;color:#7e8ca3}.plan-features p{display:flex;align-items:center;gap:9px}.plan-features .icon{color:#6f99ed;width:15px;height:15px}.plan-content{font-size:12px!important;color:#98a4b8;min-height:45px;margin-bottom:18px}.plan-card label{font-size:11px;color:#8b98ad;display:block}.plan-card select{margin:8px 0 15px;font-size:12px;padding:10px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;color:#9ba7b9;letter-spacing:.3px;font-weight:500;background:#f9faff}th,td{padding:16px 14px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td{color:#75839a}td strong{color:#536782;font-weight:500}td small{display:block;color:#a7b2c3;font-size:10px;margin-top:6px}.filters{margin-bottom:20px}.filters label{display:flex;align-items:center;gap:12px;font-size:12px;color:#8d9bb0}.filters select{width:150px;padding:8px 12px;font-size:12px}.search-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7ecf5;border-radius:11px;padding:7px 14px;max-width:600px;margin-bottom:24px}.search-bar>.icon{color:#9aacca;width:18px}.search-bar input{border:0;padding:6px 0;box-shadow:none;font-size:12px}.search-bar button{white-space:nowrap}.node-icon{color:#7199e7;display:inline-block;margin-right:12px}.protocol{font-family:monospace;font-size:11px;background:#f2f5fa;padding:5px 9px;border-radius:5px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bar-chart{display:flex;gap:9px;padding:15px 10px 24px;overflow-x:auto}.bar-column{flex:1;min-width:24px;max-width:80px;display:flex;flex-direction:column;text-align:center;gap:9px}.bar-track{height:160px;display:flex;align-items:flex-end;border-bottom:1px solid #eaf0f9}.bar-fill{background:linear-gradient(#669aff,#2864ed);width:70%;margin:0 auto;border-radius:5px 5px 0 0;min-height:2px}.bar-column small{font-size:9px;color:#a1aec2}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.code{font-family:monospace;font-size:18px;color:#557cb8;letter-spacing:2px}.knowledge-group{margin-bottom:20px}.article-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 2px;border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;color:#637695;font-size:13px;gap:15px}.article-row:last-child{border-bottom:0}.article-row .icon{color:#abbad1;width:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.profile-summary{display:flex;gap:15px;align-items:center;margin-bottom:25px}.profile-summary img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-summary h3{margin:0 0 5px;font-size:13px;overflow-wrap:anywhere}.profile-summary p{margin:0;color:#9ca8bc;font-size:11px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-row>span:first-child{color:#8f9db2;flex-shrink:0}.detail-row strong{font-weight:500}.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack>label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#72819b}.form-stack h3{font-size:13px;margin:24px 0 0}.form-stack .check-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:11px}.check-label input{width:15px;height:15px;accent-color:var(--blue);flex-shrink:0}.form-stack .btn{align-self:flex-start}.form-stack .btn.full{align-self:stretch}.form-stack input,.form-stack select,.form-stack textarea{font-size:12px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.order-actions{margin-top:22px}.wrap{overflow-wrap:anywhere;word-break:break-all}.purchase-summary{background:#f5f8ff;border-radius:12px;padding:20px;margin-bottom:20px}.purchase-summary h3{font-size:20px;margin:13px 0}.purchase-summary .plan-price{margin:0}.empty{text-align:center;padding:55px 20px;color:#9ca9bc}.empty img{width:45px;height:45px;opacity:.28;margin-bottom:15px}.empty h3{font-size:14px;color:#8091ac;font-weight:500;margin-bottom:7px}.empty p{font-size:12px;margin:0}.inline-loading{color:#9aabc3;padding:15px 0;font-size:12px}.boot{min-height:100vh;display:grid;place-items:center;color:#91a6c8}.error-state{padding:90px 15px;text-align:center}.error-state img{width:60px;opacity:.6;margin-bottom:22px}.error-state h2{font-size:20px}.error-state p{color:#94a1b7;font-size:13px}.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skeleton div{height:160px;border-radius:18px;background:linear-gradient(100deg,#ebeff6 30%,#f9fbff 50%,#ebeff6 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton div:first-child{grid-column:1/-1;height:220px}@keyframes shimmer{to{background-position:-200% 0}}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#243c61ed;backdrop-filter:blur(10px);color:#fff;border-radius:12px;box-shadow:0 8px 30px #12234922;padding:13px 23px;z-index:100;max-width:calc(100vw - 32px);font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e5ebf5;border-radius:18px;width:570px;max-width:calc(100vw - 28px);max-height:88dvh;padding:0;color:var(--ink);box-shadow:0 25px 100px #182b492e}dialog::backdrop{background:#13233e66;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.modal-head h2{font-size:16px;margin:0;padding-right:15px}.modal-body{padding:24px}.modal-body>.muted{font-size:12px;line-height:1.9}.modal-body .form-stack{margin-top:22px}.prose{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3{margin:22px 0 12px}.prose h1{font-size:23px}.prose h2{font-size:20px}.prose img{max-width:100%;height:auto;border-radius:9px}.prose pre{padding:15px;background:#f1f5fa;border-radius:8px;white-space:pre-wrap;overflow:auto}.prose blockquote{border-left:3px solid #8bb0ff;margin-left:0;padding:5px 18px;color:#8191aa;background:#f6f9ff}.prose table{white-space:normal}.qr{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:15px;background:white}.qr img{max-width:100%}.qr canvas{display:none}.messages{max-height:42vh;overflow:auto;padding:3px}.message{margin-bottom:15px;padding:15px;background:#f4f6fa;border-radius:11px;max-width:90%}.message.me{margin-left:auto;background:#edf3ff}.message-meta{font-size:10px;color:#96a5bc;margin-bottom:8px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:46% 54%;background:#fff}.auth-art{background:#eaf1ff;min-height:100dvh;padding:42px 55px;position:relative;display:flex;flex-direction:column;overflow:hidden}.auth-art:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #dbe6fd;bottom:-200px;left:-100px;border-radius:50%;pointer-events:none}.auth-message{margin:auto 0;padding:70px 15px;text-align:left}.auth-message .eyebrow{font-size:10px}.auth-message h1{font-size:43px;font-weight:600;line-height:1.65;color:#33558e;letter-spacing:1px;margin:15px 0}.auth-message>p{color:#8aa0c3;font-size:13px}.auth-cat{width:170px;height:170px;transform:rotate(-10deg);margin:45px auto}.auth-cat img{width:100%;filter:drop-shadow(0 15px 20px #7297da30)}.auth-note{font-size:11px;color:#92a9cb;letter-spacing:2px;display:block;text-align:center}.auth-copyright{font-size:11px;color:#9bb0d2}.auth-content{padding:55px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;min-width:0}.auth-form-wrap{width:100%;max-width:365px;padding:30px 0}.auth-form-wrap>.badge{font-size:9px;letter-spacing:1.7px;padding:6px 10px;margin-bottom:20px}.auth-form-wrap>h2{font-size:28px;letter-spacing:-.5px;margin-bottom:10px}.auth-form-wrap>.muted{font-size:12px;margin-bottom:33px}.auth-form-wrap .form-stack{gap:19px}.auth-form-wrap input{min-height:45px}.auth-form-wrap .btn{min-height:45px}.auth-switch{text-align:center;font-size:12px;color:#a1adbf;margin-top:26px}.auth-switch a{margin-left:5px}.auth-link-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:-4px;color:#a5b1c3}.auth-footer{display:flex;align-items:center;gap:6px;font-size:10px;color:#abb6c8;margin-top:35px}.auth-footer .icon{width:13px;height:13px}.auth-status{font-size:12px;color:#d77c7c;margin-top:15px}.password-field{position:relative}.password-field input{padding-right:54px}.show-password{position:absolute;right:11px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:10px;color:#91a2bf}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.input-with-button button{font-size:10px;white-space:nowrap}.auth-mobile-brand{display:none}.recaptcha{overflow:auto;max-width:100%}
@media(min-width:1600px){.welcome-banner{min-height:260px}.cat-scene{margin-right:80px}.stat-card{padding:26px}.panel{padding:28px}.notice-item h3{max-width:330px}}
@media(max-height:850px) and (min-width:901px){.sidebar{padding-top:25px}.sidebar .brand{margin-bottom:24px}.nav-link{padding:9px 15px}.nav-caption.second{margin-top:18px}.sidebar-bottom{padding-top:15px}.sidebar-tip{padding:8px 12px}}
@media(max-width:1200px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.main-shell{margin-left:215px}.topbar{padding:0 27px}#view{padding:29px 27px 20px}.stats-grid{gap:12px}.stat-card{padding:18px 15px}.stat-value{font-size:22px}.stat-icon{width:29px;height:29px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:17px}.panel{padding:20px}.quick-card{padding:15px;gap:9px}.quick-card p{font-size:9px}.quick-icon{width:31px;height:31px}.quick-grid{gap:12px}.welcome-banner{padding:27px}.cat-scene{width:250px;margin-right:-10px}.welcome-banner h2{font-size:24px}.plans-grid{gap:15px}.plan-card{padding:23px}.plan-price{font-size:30px}.notice-item h3{max-width:190px}footer{padding-left:27px;padding-right:27px}}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .quick-card:last-child{grid-column:1/-1}.notice-item h3{max-width:none}.cat-scene{transform:scale(.85);transform-origin:right center;margin-right:-20px}.welcome-banner h2{font-size:23px}.welcome-banner{padding:25px}.plans-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.auth-art{padding:35px}.auth-message{padding:30px 0}.auth-message h1{font-size:34px}.auth-content{padding:35px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.main-shell{margin-left:0}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#132b4f66;border:0;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:64px;padding:0 18px}.topbar-right{gap:7px}.breadcrumb{gap:11px}.breadcrumb>span{display:none}.breadcrumb b{display:none}#view{padding:26px 20px 18px}.page-heading{gap:10px;margin-bottom:22px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.9}.date-chip{display:none}.page-heading>.btn{font-size:10px;padding:8px 11px;white-space:nowrap}.welcome-banner{min-height:213px;padding:25px;margin-bottom:19px}.welcome-banner h2{font-size:22px}.welcome-banner p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.6px}.cat-scene{width:230px;flex-shrink:0;transform:scale(.8);margin-left:-20px;margin-right:-25px}.welcome-banner>div:first-child{position:relative;z-index:1}.stats-grid{gap:12px;margin-bottom:19px}.stat-card{padding:18px}.stat-value{font-size:25px}.stat-card small{font-size:9px}.panel{padding:21px}.panel-heading{margin-bottom:21px}.quick-grid{grid-template-columns:1fr;gap:12px}.quick-grid .quick-card:last-child{grid-column:auto}.quick-card{padding:19px;gap:14px}.quick-icon{width:37px;height:37px}.quick-card p{font-size:10px}.dashboard-grid{gap:19px;margin-bottom:19px}footer{padding:20px;font-size:9px}footer>span:last-child{display:none}.plans-grid{gap:17px}.plan-card{padding:23px}.stats-grid.three{grid-template-columns:1fr}.invite-row{flex-wrap:wrap;gap:12px}.invite-row .muted{font-size:10px}.settings-grid{gap:18px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-content{min-height:100dvh;padding:30px 25px}.auth-mobile-brand{display:flex;align-self:flex-start;margin-bottom:35px}.auth-form-wrap{padding:10px 0}.auth-form-wrap>h2{font-size:27px}.auth-footer{margin-top:40px}.form-stack .check-label{font-size:10px}.modal-body{padding:20px}.modal-head{padding:16px 20px}}
@media(max-width:480px){.welcome-banner{padding:24px 21px;min-height:205px}.welcome-banner h2{font-size:21px}.welcome-banner>div:first-child{max-width:225px}.welcome-banner .eyebrow{font-size:7px;letter-spacing:1px}.cat-scene{position:absolute;right:-8px;bottom:-9px;transform:scale(.62);opacity:.72;transform-origin:right bottom;width:300px;height:250px}.welcome-banner p{max-width:175px;line-height:1.9}.welcome-banner .cat-badge{display:none}.stats-grid{gap:10px}.stat-card{padding:16px 13px;position:relative}.stat-icon{width:25px;height:25px;margin-top:0}.stat-icon .icon{width:14px;height:14px}.stat-value{font-size:21px}.stat-card>div>span{font-size:10px}.stat-card small{font-size:8px}.panel{padding:18px}.plan-overview{gap:11px}.plan-overview h3{font-size:14px}.plan-overview p{font-size:9px}.text-link{font-size:9px}.plan-cube{width:35px;height:35px;flex-shrink:0}.plan-cube .icon{width:21px}.subscription-actions{gap:7px}.subscription-actions .btn{font-size:10px;padding:8px 9px}.usage-label{font-size:10px}.usage-label strong{font-size:10px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:27px}.plan-card h2{font-size:23px}.plan-price{font-size:36px}.plan-content{min-height:0}.page-heading h1{font-size:21px;letter-spacing:-.5px}.page-heading>.btn .icon{width:14px}.notice-item h3{max-width:230px;font-size:11px}.auth-content{padding-left:23px;padding-right:23px}.auth-mobile-brand{font-size:21px}.modal-body{padding:18px}.modal-head{padding:14px 18px}.detail-row{font-size:11px}.order-actions .btn{font-size:11px}.bar-chart{gap:6px;padding-left:0;padding-right:0}.section-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.dialog-toast{position:sticky;bottom:12px;margin:0 18px 16px;padding:12px 15px;background:#243c61;color:#fff;font-size:12px;border-radius:10px;z-index:3;box-shadow:0 4px 20px #182b4920}

.welcome-banner h2>span{display:inline-block;white-space:nowrap}

/* Header controls and announcement dialog. */
:root{color-scheme:light;--surface:#fff;--surface-soft:#f0f5ff}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e1eafa;--muted:#9eacc1;--line:#29374d;--bg:#101827;--blue:#76a5ff;--blue-dark:#346be7;--surface:#182335;--surface-soft:#223553}
.sidebar-brand{min-height:42px}
.sidebar-brand>span{font-size:25px}
.theme-toggle,.notices-toggle{flex-shrink:0}
.theme-toggle[aria-pressed="true"]{color:#f0c878}
.auth-theme-toggle{position:absolute;top:24px;right:28px;z-index:2}
.announcement-row{display:flex;align-items:center;gap:13px;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
.announcement-row:hover .announcement-copy strong{color:var(--blue)}
.announcement-mark{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-soft);color:#7198e4;border-radius:10px}
.announcement-mark .icon{width:17px;height:17px}
.announcement-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.announcement-copy strong{font-size:13px;line-height:1.7;overflow-wrap:anywhere;font-weight:550}
.announcement-copy time{font-size:10px;color:var(--muted)}
.announcement-row>.icon{width:15px;height:15px;color:var(--muted)}
.announcement-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.announcement-pagination>span{font-size:11px;color:var(--muted)}
.announcement-detail-footer{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
.announcement-error{text-align:center;padding:25px 5px}
/* Dark surfaces retain the blue identity and white payment QR backgrounds. */
[data-theme="dark"] .sidebar,[data-theme="dark"] .panel,[data-theme="dark"] .stat-card,[data-theme="dark"] .plan-card,[data-theme="dark"] .quick-card{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .topbar{background:#141f31ed;border-color:var(--line)}
[data-theme="dark"] .brand,[data-theme="dark"] .profile-summary h3{color:var(--ink)}
[data-theme="dark"] .brand small,[data-theme="dark"] .nav-caption,[data-theme="dark"] .breadcrumb>span,[data-theme="dark"] .breadcrumb strong{color:#9cacc5}
[data-theme="dark"] .nav-link{color:#a1b0c9}
[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{background:#223859;color:#9dbfff}
[data-theme="dark"] .sidebar-tip{background:#1d2f4a;border-color:#2c4262}
[data-theme="dark"] .sidebar-tip p,[data-theme="dark"] .sidebar-tip strong{color:#a6bcde}
[data-theme="dark"] .logout,[data-theme="dark"] .icon-btn{color:#a4b6d1}
[data-theme="dark"] .icon-btn:hover{background:#263b5d;color:#d4e2ff}
[data-theme="dark"] .theme-toggle[aria-pressed="true"]{color:#f2cc81}
[data-theme="dark"] .page-heading p,[data-theme="dark"] .plan-overview p,[data-theme="dark"] .stat-card>div>span{color:#a5b4cb}
[data-theme="dark"] .date-chip{background:var(--surface);border-color:var(--line);color:#afbed4}
[data-theme="dark"] .welcome-banner{background:linear-gradient(115deg,#1c3153,#1d3b66);border-color:#2b466c}
[data-theme="dark"] .welcome-banner h2{color:#dce9ff}
[data-theme="dark"] .welcome-banner p,[data-theme="dark"] .eyebrow{color:#a8c2eb}
[data-theme="dark"] .orbit{border-color:#43628e}
[data-theme="dark"] .cat-badge{background:#203956;border-color:#4a6588;color:#c1d5ee}
[data-theme="dark"] .btn.primary{background:#346fea;color:#fff;box-shadow:none}
[data-theme="dark"] .btn.primary:hover{background:#447ff6}
[data-theme="dark"] .btn.secondary{background:#1e2d43;border-color:#374b68;color:#c4d2e9}
[data-theme="dark"] .btn.secondary:hover{background:#2b3c56}
[data-theme="dark"] .btn.white{background:#e1ecff;color:#2451a0}
[data-theme="dark"] .btn.danger{background:#38262f;border-color:#663b46;color:#ffb1b4}
[data-theme="dark"] .stat-icon,[data-theme="dark"] .plan-cube,[data-theme="dark"] .quick-icon{background:#233b5e;border-color:#2c476e;color:#a6c5ff}
[data-theme="dark"] .quick-icon.mint{background:#1c3b38;color:#8dd8bd}
[data-theme="dark"] .quick-icon.peach{background:#423426;color:#edc292}
[data-theme="dark"] .stat-card small,[data-theme="dark"] .stat-value em,[data-theme="dark"] .usage-footer,[data-theme="dark"] .quick-card p,[data-theme="dark"] footer{color:#a0aec3}
[data-theme="dark"] .panel-heading h2 .icon,[data-theme="dark"] .notice-item>.icon{color:#a0b3d1}
[data-theme="dark"] .usage-label,[data-theme="dark"] .usage-label strong span{color:#a7b5cb}
[data-theme="dark"] .usage-label strong{color:#b9d2ff}
[data-theme="dark"] .progress{background:#2b3b53}
[data-theme="dark"] .notice-item,[data-theme="dark"] .article-row{border-color:var(--line)}
[data-theme="dark"] .notice-item p,[data-theme="dark"] .profile-summary p{color:#a4b2c8}
[data-theme="dark"] .badge.green{background:#173f35;color:#8de2bd}
[data-theme="dark"] .badge.blue{background:#263f67;color:#b0cdff}
[data-theme="dark"] .badge.gray{background:#2b3749;color:#bdc8d9}
[data-theme="dark"] .section-note{background:#203758;color:#bdd1ef}
[data-theme="dark"] .plan-card.featured{border-color:#6398ff;box-shadow:0 6px 30px #0002}
[data-theme="dark"] .plan-number,[data-theme="dark"] .plan-features,[data-theme="dark"] .plan-content{color:#aebdd4}
[data-theme="dark"] .plan-price{color:#bbd4ff}
[data-theme="dark"] .plan-price small,[data-theme="dark"] .plan-card label{color:#acbbd2}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#111d2e;border-color:#3b4b65;color:#e0eafb}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#95a6c0}
[data-theme="dark"] .search-bar{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .search-bar input{background:transparent}
[data-theme="dark"] th{background:#1b2b42;color:#adbed5}
[data-theme="dark"] td{color:#b3c1d7}
[data-theme="dark"] td strong{color:#d1dff2}
[data-theme="dark"] td small,[data-theme="dark"] .filters label{color:#9cacc4}
[data-theme="dark"] .protocol{background:#263850;color:#bed0e8}
[data-theme="dark"] .bar-track{border-color:#354763}
[data-theme="dark"] .bar-column small{color:#adbad0}
[data-theme="dark"] .article-row{background:transparent;color:#c4d3e9}
[data-theme="dark"] .detail-row>span:first-child,[data-theme="dark"] .form-stack>label{color:#b1bed4}
[data-theme="dark"] dialog{background:var(--surface);border-color:#3b4e6d;color:var(--ink);box-shadow:0 25px 100px #0007}
[data-theme="dark"] dialog::backdrop{background:#050b16a8}
[data-theme="dark"] .modal-head{background:var(--surface)}
[data-theme="dark"] .purchase-summary{background:#203655}
[data-theme="dark"] .prose pre{background:#101b2c;color:#d8e4f7}
[data-theme="dark"] .prose blockquote{background:#203655;color:#c0d2ed}
[data-theme="dark"] .message{background:#25334a}
[data-theme="dark"] .message.me{background:#233d63}
[data-theme="dark"] .message-meta{color:#b0c2dd}
[data-theme="dark"] .empty h3{color:#bccde5}
[data-theme="dark"] .inline-loading,[data-theme="dark"] .error-state p{color:#acbbd2}
[data-theme="dark"] .auth-layout,[data-theme="dark"] .auth-content{background:#121d2f}
[data-theme="dark"] .auth-art{background:#192f50}
[data-theme="dark"] .auth-art:after{border-color:#365174}
[data-theme="dark"] .auth-message h1{color:#d3e2ff}
[data-theme="dark"] .auth-message>p,[data-theme="dark"] .auth-note,[data-theme="dark"] .auth-copyright{color:#afc3e4}
[data-theme="dark"] .auth-switch,[data-theme="dark"] .auth-link-row,[data-theme="dark"] .auth-footer{color:#a6b6ce}
[data-theme="dark"] #toast,[data-theme="dark"] .dialog-toast{background:#dfe9fb;color:#16283f}
[data-theme="dark"] .skeleton div{background:linear-gradient(100deg,#1a2940 30%,#243750 50%,#1a2940 70%);background-size:200% 100%}
@media(max-width:480px){.topbar-right{gap:3px}.topbar-right>.badge{display:none}.topbar-right .icon-btn{width:32px;height:34px}.auth-theme-toggle{top:23px;right:20px}.announcement-row{gap:10px}.announcement-copy strong{font-size:12px}}

/* Compact, readable node status cards. */
.nodes-panel{padding:16px}
.nodes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.node-card{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid var(--line);border-left-width:3px;border-radius:11px;background:var(--surface)}
.node-card[data-node-status="online"]{border-left-color:#6f99dc}
.node-card[data-node-status="offline"]{border-left-color:#b1bfd4}
.node-card[data-node-status="unknown"]{border-left-color:#91a9ce}
.node-card-top{flex:1;min-width:0;min-height:46px}
.node-card h3{min-width:0;margin:0;font-size:14px;font-weight:600;line-height:1.65;color:var(--ink);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.node-card h3 img.node-emoji{display:inline-block;width:1.3em;height:1.3em;max-width:none;margin:0 .1em 0 0;vertical-align:-.23em;object-fit:contain}
.node-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);min-width:0}

.node-rate{flex-shrink:0;padding:2px 7px;border-radius:5px;background:var(--surface-soft);font-size:11px;font-weight:600;line-height:1.6;color:#4b6385;white-space:nowrap}
.node-card .node-state{flex-shrink:0;gap:5px;padding:3px 7px;font-size:10px;font-weight:550;line-height:1.6;letter-spacing:0}
.node-state:before{content:'';display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.emoji-attribution{margin:11px 0 0;text-align:right;font-size:9px;line-height:1.5;color:var(--muted)}
.emoji-attribution a{color:inherit}
.emoji-attribution a:hover{color:var(--blue)}
[data-theme="dark"] .node-card{background:#152237}

[data-theme="dark"] .node-rate{color:#c2d0e7}
[data-theme="dark"] .node-card[data-node-status="online"]{border-left-color:#789bd0}
[data-theme="dark"] .node-card[data-node-status="offline"]{border-left-color:#647794}
[data-theme="dark"] .node-card[data-node-status="unknown"]{border-left-color:#7f9bc4}
@media(min-width:1600px){.nodes-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.nodes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.nodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nodes-panel{padding:12px}.node-card-meta{gap:7px}.node-card h3{-webkit-line-clamp:3}}
@media(max-width:480px){.nodes-grid{gap:10px}.nodes-panel{padding:10px}.node-card{padding:11px 10px}.node-card-top{min-height:43px}.node-card h3{font-size:13px}.node-card-meta{margin-top:8px;padding-top:8px;gap:7px 5px}.node-rate{font-size:11px}.node-card .node-state{font-size:10px;padding:2px 7px}}

.sidebar-brand{min-width:0;max-width:100%}
.sidebar-brand>span{display:block;min-width:0;width:100%;max-width:100%}
.sidebar-brand .brand-title{display:block;width:100%;max-width:100%;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:25px;letter-spacing:0;line-height:1.2}

/* Modal surfaces avoid full-viewport blur and preserve scrollbar width. */
:root{scrollbar-gutter:stable}
dialog{box-shadow:0 16px 48px #182b4926}
dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#13233e73}
[data-theme="dark"] dialog{box-shadow:0 16px 48px #0006}
.sidebar-tip{color:inherit;text-decoration:none;min-height:72px}
.sidebar-tip:hover{border-color:#c4d6fb;background:#eef4ff}
.sidebar-tip strong{font-size:15px;font-weight:750;line-height:1.7}
.sidebar-tip-arrow{display:inline-flex;margin-left:auto;color:#91ade0}
.sidebar-tip .sidebar-tip-arrow{font-size:inherit}
[data-theme="dark"] .sidebar-tip:hover{background:#243b5a;border-color:#46648b}
.announcement-cover{display:block;width:100%;max-height:280px;object-fit:contain;margin:0 0 18px;border-radius:10px}
.popup-notice-footer{display:flex;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}

.modal-body>.inline-loading{display:flex;align-items:center;justify-content:center;min-height:120px}

.brand img{object-fit:contain}.avatar img,.profile-summary img{object-fit:cover}

.commission-card{flex-wrap:wrap}.commission-actions{display:flex;gap:8px;flex-basis:100%;margin-top:12px}.commission-details{margin-top:22px}.commission-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:12px}.form-error{color:#dc5267;margin:0;overflow-wrap:anywhere}

.invite-code-info{display:flex;flex-direction:column;gap:7px;min-width:0}.invite-created{font-size:11px;line-height:1.5;letter-spacing:0}

/* Ticket conversation: fixed composer, independently scrolling messages. */
dialog.ticket-dialog{width:760px;height:min(760px,88dvh);max-height:88dvh;overflow:hidden;scrollbar-gutter:auto}
.ticket-dialog[open]{display:flex;flex-direction:column}.ticket-dialog .modal-head{flex-shrink:0;position:static}.ticket-dialog .modal-head h2{overflow-wrap:anywhere;line-height:1.5;max-height:4.5em;overflow:auto}
.ticket-dialog .modal-body{padding:0;flex:1;min-height:0;display:flex;overflow:hidden}.ticket-chat{display:flex;flex-direction:column;width:100%;min-height:0}.ticket-chat-info{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line);flex-shrink:0;font-size:12px;color:var(--muted)}.ticket-chat-info>span:first-child{display:flex;align-items:center;gap:8px}
.ticket-messages{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:24px;background:#f6f8fc;scrollbar-gutter:stable}.ticket-messages .message{width:fit-content;max-width:82%;margin:0 0 22px;padding:0;background:none;border-radius:0}.ticket-messages .message.me{margin-left:auto;background:none}.ticket-messages .message-meta{display:flex;align-items:center;gap:12px;margin:0 3px 7px;font-size:11px;color:#6c7e99}.ticket-messages .message-meta strong{font-weight:600;color:#526986}.ticket-messages .message.me .message-meta{justify-content:flex-end}.ticket-messages time{font-size:10px}.ticket-messages .message-bubble{padding:12px 16px;border:1px solid #e3eaf4;border-radius:4px 16px 16px;background:#fff}.ticket-messages .me .message-bubble{background:#e6efff;border-color:#d6e5fd;border-radius:16px 4px 16px 16px}.ticket-messages .message p{font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-empty{text-align:center;padding:30px 0}
.ticket-composer{flex-shrink:0;padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--surface,#fff)}.ticket-composer>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.ticket-composer textarea{display:block;width:100%;min-height:86px;max-height:150px;resize:vertical;font:inherit;font-size:13px;line-height:1.7;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--ink)}.ticket-composer textarea:focus{outline:2px solid #a8c7fa;outline-offset:1px}.ticket-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ticket-composer-footer>span{color:#7f8fa7;font-size:11px}.ticket-composer .button-row{margin:0;gap:8px}.ticket-composer .form-error:not(:empty){margin-top:10px;font-size:12px}.ticket-closed{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#7f8fa7;border-top:1px solid var(--line);font-size:13px}
[data-theme="dark"] .ticket-messages{background:#172236}[data-theme="dark"] .ticket-messages .message{background:none}[data-theme="dark"] .ticket-messages .message-bubble{background:#25344b;border-color:#354761}[data-theme="dark"] .ticket-messages .me .message-bubble{background:#234575;border-color:#31598d}[data-theme="dark"] .ticket-messages .message-meta,[data-theme="dark"] .ticket-messages .message-meta strong{color:#b2c3dd}
@media(max-width:600px){dialog.ticket-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:90dvh;max-height:90dvh;border-radius:16px}.ticket-chat-info{padding:10px 16px}.ticket-messages{padding:18px 14px}.ticket-messages .message{max-width:92%}.ticket-messages .message p{font-size:13px}.ticket-messages .message-meta{gap:8px;flex-wrap:wrap}.ticket-composer{padding:14px 14px max(14px,env(safe-area-inset-bottom))}.ticket-composer-footer>span{display:none}.ticket-composer-footer{justify-content:flex-end}.ticket-composer .btn{font-size:12px;padding:10px 12px}}

.ticket-header-actions{display:flex;align-items:center;gap:12px}
.ticket-list-panel{padding:8px 24px}.ticket-list-wrap{overflow:visible}.ticket-list-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.ticket-list-item:last-child{border-bottom:0}.ticket-list-content{flex:1;min-width:0}.ticket-list-heading{display:flex;align-items:flex-start;gap:12px}.ticket-list-heading h2{font-size:15px;line-height:1.6;margin:0;font-weight:650;overflow-wrap:anywhere}.ticket-list-heading .badge{flex-shrink:0;margin-top:2px}.ticket-list-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;color:#7f8fa7;font-size:12px;line-height:1.7}.ticket-list-meta strong{font-weight:500;color:var(--ink)}.ticket-list-operations{display:flex;align-items:center;gap:22px;flex-shrink:0}.ticket-list-operations>.btn{min-height:40px;white-space:nowrap}.ticket-list-close{border:0;background:transparent;color:#a75965;padding:10px 0 10px 18px;border-left:1px solid var(--line);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.ticket-list-close:hover{color:#d43e58}.ticket-list-close:focus-visible{outline:2px solid #a8c7fa;outline-offset:3px;border-radius:3px}.ticket-list-close:disabled{opacity:.5;cursor:wait}[data-theme="dark"] .ticket-list-close{color:#e5a0ad}
@media(max-width:900px){.ticket-list-item{align-items:stretch;flex-direction:column;gap:18px}.ticket-list-operations{justify-content:space-between;gap:24px}.ticket-list-operations>.btn{flex:1;justify-content:center;min-height:44px}.ticket-list-close{padding-left:20px;min-height:44px}}
@media(max-width:600px){.ticket-list-panel{padding:0 18px}.ticket-list-item{padding:22px 0}.ticket-list-heading{flex-direction:column;gap:9px}.ticket-list-heading h2{font-size:14px}.ticket-list-meta{flex-direction:column;gap:6px;font-size:11px}.ticket-list-operations{gap:18px}.ticket-list-close{font-size:11px;padding-left:16px}}

.ticket-list-close:disabled{color:#9aa6b8;opacity:.6;cursor:not-allowed}[data-theme="dark"] .ticket-list-close:disabled{color:#8795ac}

.account-menu{position:relative;display:flex;align-items:center}.account-menu>.avatar{border:0;padding:0;cursor:pointer;font:inherit}.account-menu>.avatar:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.account-dropdown[hidden]{display:none}.account-dropdown{position:absolute;top:calc(100% + 12px);right:0;z-index:45;width:176px;padding:7px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #182b491a}.account-dropdown>a,.account-dropdown>button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:10px 12px;border:0;border-radius:9px;background:transparent;text-decoration:none;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;text-align:left}.account-dropdown>a:hover,.account-dropdown>button:hover,.account-dropdown>[role=menuitem]:focus-visible{background:#edf3ff;color:var(--blue);outline:none}.account-dropdown>[data-account-logout]{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;color:#b44f63}[data-theme="dark"] .account-dropdown{box-shadow:0 12px 32px #0005}[data-theme="dark"] .account-dropdown>[role=menuitem]:hover,[data-theme="dark"] .account-dropdown>[role=menuitem]:focus-visible{background:#253d60;color:#b4d0ff}[data-theme="dark"] .account-dropdown>[data-account-logout]{color:#f2a7b7}

.account-menu>.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;flex-shrink:0;border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none;appearance:none;overflow:hidden;line-height:0}.account-menu>.avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:1}

/* Keep editable controls at 16px on mobile to avoid focus zoom in iOS Safari. */
@media(max-width:900px),(hover:none) and (pointer:coarse){:root body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=hidden]),:root body select,:root body textarea{font-size:16px}}

.purchase-prompt{display:flex;align-items:center;gap:18px;padding:22px 24px;margin-bottom:24px;border:1px solid #bfd5ff;border-radius:var(--radius);background:#eaf2ff;box-shadow:0 5px 18px #2864ed08}.purchase-prompt-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:#d8e7ff;color:var(--blue)}.purchase-prompt-icon .icon{width:25px;height:25px}.purchase-prompt-copy{flex:1;min-width:0}.purchase-prompt h2{margin:0 0 5px;font-size:17px;line-height:1.5;font-weight:700;color:var(--ink)}.purchase-prompt p{margin:0;color:#60799d;font-size:13px;line-height:1.7}.purchase-prompt>.btn{flex-shrink:0;white-space:nowrap}[data-theme="dark"] .purchase-prompt{background:#203754;border-color:#3a5f91}[data-theme="dark"] .purchase-prompt-icon{background:#2a4970;color:#adcaff}[data-theme="dark"] .purchase-prompt p{color:#bbcee8}
@media(max-width:600px){.purchase-prompt{flex-wrap:wrap;gap:13px;padding:18px;margin-bottom:20px}.purchase-prompt-icon{width:40px;height:40px;border-radius:12px}.purchase-prompt-copy{flex-basis:calc(100% - 56px)}.purchase-prompt h2{font-size:15px}.purchase-prompt p{font-size:12px}.purchase-prompt>.btn{width:100%;justify-content:center;min-height:44px}}

.profile-commission-controls{padding:0 0 18px;border-bottom:1px solid var(--line)}.profile-commission-controls .commission-actions{margin-top:14px;gap:10px}.profile-commission-controls .btn{min-width:88px;min-height:40px}@media(max-width:600px){.profile-commission-controls .btn{flex:1;justify-content:center;min-height:44px}}

.order-number-cell{display:flex;align-items:center;gap:6px;min-width:0}.order-number-link{padding:4px 0;border:0;background:transparent;color:#456da8;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-align:left;overflow-wrap:anywhere;cursor:pointer}.order-number-link:hover{color:var(--blue);text-decoration:underline}.order-number-link:focus-visible,.order-copy-button:focus-visible{outline:2px solid #a8c7fa;outline-offset:2px;border-radius:4px}.order-copy-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:6px;border:0;border-radius:8px;background:transparent;color:#7e90ab;cursor:pointer}.order-copy-button:hover{background:#edf3ff;color:var(--blue)}.order-copy-button .icon{width:16px;height:16px}[data-theme="dark"] .order-number-link{color:#a9c6f5}[data-theme="dark"] .order-copy-button:hover{background:#253d60;color:#c2d8ff}

@media(max-width:760px){.order-list-wrap{overflow:visible}.order-list-table,.order-list-table tbody{display:block;width:100%;min-width:0}.order-list-table thead{display:none}.order-list-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;padding:18px 0;border-bottom:1px solid var(--line)}.order-list-table tbody tr:last-child{border-bottom:0}.order-list-table tbody td{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}.order-list-table td[data-label]::before{content:attr(data-label);color:#7f8fa7;font-size:11px}.order-list-table .order-list-number,.order-list-table .order-list-plan{grid-column:1/-1}.order-list-table .order-list-number{padding-bottom:10px;border-bottom:1px solid var(--line)}.order-list-number .order-number-cell{width:100%}.order-list-number .order-number-link{font-size:12px;overflow-wrap:anywhere}.order-list-table .order-list-plan strong{font-size:14px}.order-list-table .order-list-amount{font-weight:650}.order-list-table td:last-child .badge{font-size:11px}}

@media(max-width:760px){.order-list-table tbody tr{border-bottom:2px solid #d5deeb}.order-list-table tbody tr:last-child{border-bottom:0}[data-theme="dark"] .order-list-table tbody tr{border-bottom-color:#43536c}[data-theme="dark"] .order-list-table tbody tr:last-child{border-bottom:0}}

@media(max-width:760px){.order-list-table tbody tr{margin:0 0 14px;padding:16px 14px 15px;border:2px solid #9fb4d2;border-radius:14px;background:#fff;box-shadow:0 3px 10px #243c5c12}.order-list-table tbody tr:last-child{margin-bottom:0;border:2px solid #9fb4d2}[data-theme="dark"] .order-list-table tbody tr,[data-theme="dark"] .order-list-table tbody tr:last-child{border-color:#647b9c;background:#1c2a40;box-shadow:0 3px 12px #0003}}

@media(max-width:760px){.order-list-table tbody tr,.order-list-table tbody tr:last-child{border:1px solid #dfe7f2;border-radius:13px;background:#fbfcff;box-shadow:0 1px 3px #233d5d08}[data-theme="dark"] .order-list-table tbody tr,[data-theme="dark"] .order-list-table tbody tr:last-child{border-color:#35465f;background:#1d2b40;box-shadow:none}}

.ticket-title-block{display:flex;flex-direction:column;gap:5px;min-width:0}.ticket-number{font-size:11px;line-height:1.5;color:#7f8fa7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ticket-chat-label{display:flex;align-items:center;gap:8px}.ticket-chat-label small{padding-left:10px;border-left:1px solid var(--line);font-size:11px;color:#7f8fa7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}[data-theme="dark"] .ticket-number,[data-theme="dark"] .ticket-chat-label small{color:#a5b6ce}

.ticket-list-item{padding:20px 0;gap:28px}.ticket-list-heading{align-items:center;justify-content:space-between;gap:14px}.ticket-number{font-size:11px;color:#8292aa;letter-spacing:.02em}.ticket-list-heading .badge{margin:0}.ticket-subject{margin:8px 0 0;font-size:16px;line-height:1.55;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.ticket-list-meta{align-items:center;gap:8px;margin-top:11px}.ticket-list-meta>span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;background:#f2f5fa;color:#75849b;font-size:11px}.ticket-list-meta strong{font-weight:600;color:#526680}.ticket-list-meta time{color:#526680}[data-theme="dark"] .ticket-list-meta>span{background:#25354d;color:#a5b6ce}[data-theme="dark"] .ticket-list-meta strong,[data-theme="dark"] .ticket-list-meta time{color:#c4d3e8}
@media(max-width:600px){.ticket-list-panel{padding:0 16px}.ticket-list-item{padding:20px 0;gap:14px}.ticket-list-heading{flex-direction:row;align-items:center}.ticket-number{font-size:10px}.ticket-list-heading .badge{font-size:10px}.ticket-subject{font-size:15px;margin-top:5px}.ticket-list-meta{flex-direction:row;gap:7px;margin-top:9px}.ticket-list-meta>span{font-size:10px;padding:4px 7px}.ticket-list-operations{gap:14px}}

.password-safety-note{margin:-4px 0 18px;padding:11px 13px;border-radius:10px;background:#edf3ff;color:#54709a;font-size:12px;line-height:1.7}.password-safety-note:before{content:"ⓘ";margin-right:7px;color:var(--blue)}[data-theme="dark"] .password-safety-note{background:#223653;color:#bfd0e8}

.remaining-traffic{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 12px;border-radius:10px;background:#f1f5fc;color:#71819a;font-size:12px}.remaining-traffic strong{color:var(--blue);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}[data-theme="dark"] .remaining-traffic{background:#22334d;color:#adbed6}[data-theme="dark"] .remaining-traffic strong{color:#a9c6ff}

.commission-rate-highlight{display:inline-block;margin-left:3px;color:var(--blue);font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}[data-theme="dark"] .commission-rate-highlight{color:#9fc0ff}

.purchase-notice-card{align-self:start;background:#f1f6ff;border-color:#dce8fb;box-shadow:none}.purchase-notice-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--blue)}.purchase-notice-heading .icon{width:19px;height:19px}.purchase-notice-heading h2{margin:0;font-size:16px;font-weight:700;color:var(--ink)}.purchase-notice-card .plan-content{margin:0;color:#62748f;font-size:13px;line-height:1.85}[data-theme="dark"] .purchase-notice-card{background:#1b2b43;border-color:#344966}[data-theme="dark"] .purchase-notice-card .plan-content{color:#bdcce0}

/* Consistent themed select controls across plan forms, filters and dialogs. */
select{appearance:none;-webkit-appearance:none;min-height:44px;padding-right:42px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237f90aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px 16px;cursor:pointer}select:hover:not(:disabled){border-color:#b9c9e0;background-color:#fbfcff}select:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #2864ed18}select:disabled{cursor:not-allowed;opacity:.65}select option{background:#fff;color:#203553}[data-theme="dark"] select{background-color:#111d2e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a9bbd4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")} [data-theme="dark"] select:hover:not(:disabled){background-color:#17263b;border-color:#607da6}[data-theme="dark"] select option{background:#111d2e;color:#e0eafb}

.payment-method-fieldset{min-width:0;margin:0;padding:0;border:0}.payment-method-fieldset legend{margin-bottom:9px;font-size:12px;font-weight:600;color:var(--ink)}.payment-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-method-option{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border:1px solid #dfe7f2;border-radius:11px;background:#fff;color:#52647f;font-size:13px;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.payment-method-option:hover{border-color:#aec5e8;background:#f9fbff}.payment-method-option input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.payment-method-check{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1.5px solid #aab8cb;border-radius:50%;background:#fff}.payment-method-check:after{content:"";width:7px;height:7px;border-radius:50%;background:#fff;transform:scale(0);transition:transform .12s}.payment-method-option.selected{border:2px solid #2864ed;background:#dceaff;color:#174cae;box-shadow:0 0 0 3px #2864ed24}.payment-method-option.selected .payment-method-check,.payment-method-option:has(input:checked) .payment-method-check{border:2px solid var(--blue);background:#fff}.payment-method-option.selected .payment-method-check:after,.payment-method-option:has(input:checked) .payment-method-check:after{width:9px;height:9px;background:var(--blue);transform:scale(1)}.payment-method-option:has(input:checked){border:2px solid #2864ed;background:#dceaff;color:#174cae;box-shadow:0 0 0 3px #2864ed24}.payment-method-option:focus-within{outline:3px solid #91b7ff;outline-offset:2px}.payment-method-name{min-width:0;overflow-wrap:anywhere}[data-theme="dark"] .payment-method-option{background:#111d2e;border-color:#3b4b65;color:#d3dfef}[data-theme="dark"] .payment-method-option:hover{background:#172940;border-color:#6b91ce}[data-theme="dark"] .payment-method-option.selected,[data-theme="dark"] .payment-method-option:has(input:checked){background:#183a63;border:2px solid #75a9ff;color:#e2efff;box-shadow:0 0 0 3px #75a9ff30}[data-theme="dark"] .payment-method-check{background:#18263a;border-color:#7185a1}[data-theme="dark"] .payment-method-option.selected .payment-method-check,[data-theme="dark"] .payment-method-option:has(input:checked) .payment-method-check{background:#fff;border-color:#75a9ff}[data-theme="dark"] .payment-method-option.selected .payment-method-check:after,[data-theme="dark"] .payment-method-option:has(input:checked) .payment-method-check:after{background:#2864ed}@media(max-width:480px){.payment-method-options{grid-template-columns:1fr;gap:8px}.payment-method-option{min-height:48px}}

.order-list-actions{min-width:170px}.order-actions-inline{display:flex;align-items:center;gap:7px;white-space:nowrap}.order-actions-inline .btn{min-height:34px;padding:6px 9px;font-size:11px}.order-list-actions[data-label]::before{display:none}@media(max-width:760px){.order-list-table .order-list-actions{grid-column:1/-1;padding-top:4px;border-top:1px solid var(--line)}.order-list-actions[data-label]::before{display:block}.order-actions-inline{width:100%;gap:9px}.order-actions-inline .btn{flex:1;justify-content:center;min-height:40px}}

/* Keep subscription period controls legible in dark mode, including native option menus. */
[data-theme="dark"] .plan-card select[data-period]{color:#e5efff;background-color:#111d2e;border:1px solid #465a78;color-scheme:dark;line-height:1.4}
[data-theme="dark"] .plan-card select[data-period]:focus{background-color:#162740;border-color:#78a6fa;box-shadow:0 0 0 3px #78a6fa28}
[data-theme="dark"] .plan-card select[data-period] option{background-color:#111d2e;color:#e5efff}
[data-theme="dark"] .plan-card select[data-period]{appearance:auto!important;-webkit-appearance:menulist!important;background-image:none!important;padding-right:14px}

/* Brighter, layered dark palette with restrained blue and teal accents. */
:root[data-theme="dark"]{--ink:#edf4ff;--muted:#afc0da;--line:#354d70;--bg:#111d30;--blue:#83b2ff;--blue-dark:#5e96f5;--surface:#1b2b43;--surface-soft:#263d60}
[data-theme="dark"] body{background:radial-gradient(ellipse at 84% 0%,#1b3760 0,transparent 36%),linear-gradient(135deg,#111d30,#14233a 58%,#172844)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .panel,[data-theme="dark"] .stat-card,[data-theme="dark"] .plan-card,[data-theme="dark"] .quick-card{background:#1b2b43;border-color:#354d70;box-shadow:0 8px 24px #07122535}
[data-theme="dark"] .topbar{background:#172740ed;border-color:#354d70}
[data-theme="dark"] .welcome-banner{background:linear-gradient(115deg,#254b7c,#315e98 58%,#285678);border-color:#4775ad;box-shadow:0 10px 30px #07122535}
[data-theme="dark"] .welcome-banner h2{color:#f0f6ff}
[data-theme="dark"] .welcome-banner p,[data-theme="dark"] .eyebrow{color:#c4dcff}
[data-theme="dark"] .stat-icon,[data-theme="dark"] .plan-cube,[data-theme="dark"] .quick-icon{background:linear-gradient(145deg,#2e568e,#29466d);border-color:#456b9f;color:#b8d3ff}
[data-theme="dark"] .quick-icon.mint{background:#1d514d;color:#8ce8d2}
[data-theme="dark"] .quick-icon.peach{background:#644b36;color:#ffd29a}
[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{background:#294a76;color:#c5dcff}
[data-theme="dark"] .sidebar-tip{background:linear-gradient(135deg,#203c63,#234a67);border-color:#3c6594}
[data-theme="dark"] .sidebar-tip p,[data-theme="dark"] .sidebar-tip strong{color:#c1d9f7}
[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#4786f2,#3970df);box-shadow:0 5px 16px #2864ed45}
[data-theme="dark"] .btn.primary:hover{background:linear-gradient(135deg,#5c98ff,#4a7fee)}
[data-theme="dark"] .section-note{background:#23436b;color:#d1e4ff;border:1px solid #3b6192}
[data-theme="dark"] .badge.blue{background:#2b4f7c;color:#c9e0ff}
[data-theme="dark"] .badge.green{background:#1c5148;color:#a5f0d5}
[data-theme="dark"] .plan-card.featured{background:linear-gradient(160deg,#203b62,#1b2b43 70%);border-color:#72a8ff;box-shadow:0 8px 28px #07122555}
[data-theme="dark"] .plan-price{color:#d1e3ff}
[data-theme="dark"] .plan-price small,[data-theme="dark"] .plan-card label{color:#c0d0e7}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#14243a;border-color:#435d80;color:#edf4ff}
[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{border-color:#83b2ff;box-shadow:0 0 0 3px #83b2ff30}
[data-theme="dark"] th{background:#233b5d;color:#d0e2ff}
[data-theme="dark"] .progress{background:#344e72}
[data-theme="dark"] .progress>i{background:linear-gradient(90deg,#64a1ff,#65d5d0)}
[data-theme="dark"] .purchase-notice-card{background:linear-gradient(145deg,#203c63,#1b2b43);border-color:#42699c}
[data-theme="dark"] .purchase-prompt{background:linear-gradient(120deg,#254b7c,#284c70);border-color:#4c78ac}
[data-theme="dark"] .purchase-prompt-icon{background:#39669d;color:#d6e8ff}

/* Dark theme accent colors: mint for healthy states, amber for activity, lavender for guides. */
[data-theme="dark"] .stats-grid .stat-card:nth-child(1) .stat-icon{background:#174a49;border-color:#28766d;color:#8ce7cf}
[data-theme="dark"] .stats-grid .stat-card:nth-child(2) .stat-icon{background:#5a4328;border-color:#8b6536;color:#ffd18a}
[data-theme="dark"] .stats-grid .stat-card:nth-child(3) .stat-icon{background:#1c4a59;border-color:#32758a;color:#91e1f0}
[data-theme="dark"] .stats-grid .stat-card:nth-child(4) .stat-icon{background:#51402c;border-color:#81613a;color:#ffd08c}
[data-theme="dark"] .quick-grid .quick-card:first-child .quick-icon{background:#3e356b;border-color:#6556a3;color:#c5b8ff}
[data-theme="dark"] .quick-grid .quick-card:nth-child(2) .quick-icon{background:#174a43;border-color:#28765c;color:#8ce7bd}
[data-theme="dark"] .quick-grid .quick-card:nth-child(3) .quick-icon{background:#5a3a2d;border-color:#956043;color:#ffc18e}
[data-theme="dark"] .badge.green{background:#174e43;color:#9aefd1;border:1px solid #2a7863}
[data-theme="dark"] .badge.blue{background:#294a76;color:#c4ddff;border:1px solid #42699d}
[data-theme="dark"] .badge.gray{background:#35425a;color:#d0d9e8;border:1px solid #4a5c79}
[data-theme="dark"] .notice-dot{background:#ffb454;box-shadow:0 0 0 4px #ffb45424}
[data-theme="dark"] .notice-item:hover{background:#263b59}
[data-theme="dark"] .cat-badge .icon{color:#69d7b3}
[data-theme="dark"] .cat-badge{background:#214d4b;border-color:#3e8272;color:#d2fff0}
[data-theme="dark"] .spark{color:#ffc16c}
[data-theme="dark"] .purchase-prompt-icon{background:#4b3d28;color:#ffd18a}
[data-theme="dark"] .plan-ribbon{background:#246454;color:#b2f4dc}
[data-theme="dark"] .ticket-list-meta>span{background:#263d5a;color:#c6d9f2}
[data-theme="dark"] .ticket-list-meta strong{color:#a3ebd1}

/* Lively light palette that mirrors the semantic accents used in dark mode. */
:root[data-theme="light"] .stats-grid .stat-card:nth-child(1) .stat-icon{background:#e2f7f1;border-color:#c8eee3;color:#159b7c}
:root[data-theme="light"] .stats-grid .stat-card:nth-child(2) .stat-icon{background:#fff2dc;border-color:#ffe4b7;color:#c77c19}
:root[data-theme="light"] .stats-grid .stat-card:nth-child(3) .stat-icon{background:#e1f6fa;border-color:#c6edf3;color:#168da3}
:root[data-theme="light"] .stats-grid .stat-card:nth-child(4) .stat-icon{background:#fff0e5;border-color:#ffddc4;color:#db7a36}
:root[data-theme="light"] .quick-grid .quick-card:first-child .quick-icon{background:#f0eaff;border-color:#e0d5ff;color:#7658c9}
:root[data-theme="light"] .quick-grid .quick-card:nth-child(2) .quick-icon{background:#e1f7ed;border-color:#c5eedc;color:#15966c}
:root[data-theme="light"] .quick-grid .quick-card:nth-child(3) .quick-icon{background:#fff0e5;border-color:#ffddc4;color:#d87938}
:root[data-theme="light"] .quick-card{transition:transform .18s,border-color .18s,box-shadow .18s}
:root[data-theme="light"] .quick-card:hover{transform:translateY(-2px);border-color:#c8d9fa;box-shadow:0 9px 22px #4269a314}
:root[data-theme="light"] .badge.green{background:#e2f7ee;color:#137d61;border:1px solid #c4ebdc}
:root[data-theme="light"] .badge.blue{background:#e8f0ff;color:#285cc0;border:1px solid #d5e3ff}
:root[data-theme="light"] .badge.gray{background:#f1f3f8;color:#687790;border:1px solid #e3e8f0}
:root[data-theme="light"] .notice-dot{background:#f2a33b;box-shadow:0 0 0 4px #f2a33b20}
:root[data-theme="light"] .notice-item:hover{background:#fff9ef}
:root[data-theme="light"] .cat-badge .icon{color:#159b7c}
:root[data-theme="light"] .cat-badge{background:#e8fbf4;border-color:#c8f0e1;color:#347765}
:root[data-theme="light"] .spark{color:#f0a640}
:root[data-theme="light"] .purchase-prompt-icon{background:#fff0d7;color:#c77c19}
:root[data-theme="light"] .plan-ribbon{background:#e2f7ee;color:#147a5e}
:root[data-theme="light"] .progress>i{background:linear-gradient(90deg,#4b89f3,#38bd9c)}
:root[data-theme="light"] .section-note{background:linear-gradient(100deg,#edf4ff,#effaf7);border-color:#dce9f7;color:#55728e}

/* Colorful sidebar feature card above the logout control. */
:root[data-theme="light"] .sidebar .sidebar-tip{background:linear-gradient(125deg,#397be7 0%,#448fe0 54%,#35a98f 100%);border:1px solid #5d9de4;color:#fff;box-shadow:0 8px 20px #397be72b;transition:transform .18s,box-shadow .18s,filter .18s}
:root[data-theme="light"] .sidebar .sidebar-tip:hover{background:linear-gradient(125deg,#3474dc 0%,#3986d8 54%,#2f9d83 100%);border-color:#5d9de4;box-shadow:0 11px 24px #397be740;transform:translateY(-2px)}
:root[data-theme="light"] .sidebar .sidebar-tip p,:root[data-theme="light"] .sidebar .sidebar-tip strong{color:#fff}
:root[data-theme="light"] .sidebar .sidebar-tip-spark{color:#ffe28a;text-shadow:0 2px 10px #ffe28a70}
:root[data-theme="light"] .sidebar .sidebar-tip-arrow{color:#e8fff8}
:root[data-theme="dark"] .sidebar .sidebar-tip{background:linear-gradient(125deg,#315f9d 0%,#346e9b 55%,#247c69 100%);border:1px solid #5685b3;color:#fff;box-shadow:0 8px 22px #06142670;transition:transform .18s,box-shadow .18s,filter .18s}
:root[data-theme="dark"] .sidebar .sidebar-tip:hover{background:linear-gradient(125deg,#396cae 0%,#3b7cab 55%,#2c8a75 100%);border-color:#70a0cf;box-shadow:0 11px 25px #06142685;transform:translateY(-2px)}
:root[data-theme="dark"] .sidebar .sidebar-tip p,:root[data-theme="dark"] .sidebar .sidebar-tip strong{color:#f3f8ff}
:root[data-theme="dark"] .sidebar .sidebar-tip-spark{color:#ffd578;text-shadow:0 2px 10px #ffd57865}
:root[data-theme="dark"] .sidebar .sidebar-tip-arrow{color:#d8fff0}

.invite-code-info .code{font-size:14px;font-weight:750;letter-spacing:1px;line-height:1.45;overflow-wrap:anywhere}
.invite-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.invite-pagination>div{display:flex;gap:8px}.invite-pagination .btn{min-width:76px}
[data-theme="dark"] .invite-pagination{color:#c1d0e5}
@media(max-width:480px){.invite-code-info .code{font-size:13px;letter-spacing:.7px}.invite-pagination{align-items:flex-start;flex-direction:column}.invite-pagination>div{width:100%}.invite-pagination .btn{flex:1}}

.invite-code-value{display:flex;align-items:center;gap:5px;min-width:0}.invite-code-value .code{min-width:0}.invite-code-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;padding:5px;border:0;border-radius:7px;background:transparent;color:#7d91ad;cursor:pointer}.invite-code-copy .icon{width:15px;height:15px}.invite-code-copy:hover{background:#e8f0ff;color:var(--blue)}.invite-code-copy:focus-visible{outline:2px solid #91b7ff;outline-offset:2px}[data-theme="dark"] .invite-code-copy{color:#a9bddb}[data-theme="dark"] .invite-code-copy:hover{background:#29466d;color:#b9d4ff}

.subscription-buy-cta{display:flex;align-items:center;gap:13px;margin:0 0 19px;padding:14px 15px;border:1px solid #d9e8f8;border-radius:13px;background:linear-gradient(110deg,#eaf3ff 0%,#eaf8f3 65%,#fff4e4 100%);text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s}.subscription-buy-cta:hover{transform:translateY(-1px);border-color:#b8d2f3;box-shadow:0 7px 18px #3265a315}.subscription-buy-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#d7f2e7;color:#168b69}.subscription-buy-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.subscription-buy-copy strong{font-size:13px;font-weight:750;color:#29456a}.subscription-buy-copy small{font-size:11px;line-height:1.5;color:#6b809c}.subscription-buy-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border-radius:9px;background:linear-gradient(120deg,#e99b38,#e88a4a);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.subscription-buy-action .icon{width:15px;height:15px}[data-theme="dark"] .subscription-buy-cta{border-color:#3e6c87;background:linear-gradient(110deg,#203e68 0%,#1e514b 70%,#58442d 100%);box-shadow:0 5px 16px #07142640}[data-theme="dark"] .subscription-buy-cta:hover{border-color:#69a2b2;box-shadow:0 8px 20px #06142670}[data-theme="dark"] .subscription-buy-icon{background:#1b5a4f;color:#9af0d5}[data-theme="dark"] .subscription-buy-copy strong{color:#f0f6ff}[data-theme="dark"] .subscription-buy-copy small{color:#c1d4e9}[data-theme="dark"] .subscription-buy-action{background:linear-gradient(120deg,#d98a32,#d97940);color:#fff}
@media(max-width:600px){.subscription-buy-cta{flex-wrap:wrap;gap:10px;padding:13px}.subscription-buy-copy{flex-basis:calc(100% - 51px)}.subscription-buy-action{width:100%;min-height:42px}}

.subscription-buy-copy{display:none}.subscription-buy-action{flex:1}
@media(max-width:600px){.subscription-buy-cta{flex-wrap:nowrap}.subscription-buy-action{width:auto}}

.subscription-panel .plan-overview{justify-content:space-between;min-height:58px;margin:0 0 19px;padding:12px 14px;border:1px solid #dfe9f7;border-radius:12px;background:linear-gradient(110deg,#f2f6ff 0%,#f1faf7 100%)}.subscription-panel .plan-overview h3{margin:0;font-size:15px;font-weight:700;color:#29456a;overflow-wrap:anywhere}.subscription-panel .plan-overview .text-link{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #d7e5f7;border-radius:8px;background:#fff;color:#3d6ec0;font-size:11px;font-weight:650;white-space:nowrap}.subscription-panel .plan-overview .text-link:hover{background:#eaf2ff;border-color:#bcd2f4}.subscription-panel .usage-label{margin-bottom:8px}.subscription-panel .progress{height:9px;overflow:hidden;border-radius:99px;background:#e8eef7}.subscription-panel .progress>i{border-radius:inherit}.subscription-panel .remaining-traffic{margin-top:12px;padding:11px 13px;border:1px solid #dcefe8;background:linear-gradient(100deg,#eef9f5,#f1f6ff)}.subscription-panel .remaining-traffic strong{font-size:15px}.subscription-panel .usage-footer{margin-top:8px;color:#7789a3;font-size:11px}.subscription-panel .subscription-actions{margin-top:17px;padding-top:14px;border-top:1px solid #e9eef6}[data-theme="dark"] .subscription-panel .plan-overview{background:linear-gradient(110deg,#203a60,#1d443f);border-color:#385c76}[data-theme="dark"] .subscription-panel .plan-overview h3{color:#ecf4ff}[data-theme="dark"] .subscription-panel .plan-overview .text-link{background:#263e5f;border-color:#45658d;color:#c6dcff}[data-theme="dark"] .subscription-panel .plan-overview .text-link:hover{background:#304f78;border-color:#6288b7}[data-theme="dark"] .subscription-panel .remaining-traffic{background:linear-gradient(100deg,#1b4943,#203855);border-color:#315f62}[data-theme="dark"] .subscription-panel .usage-footer{color:#b4c4dc}[data-theme="dark"] .subscription-panel .subscription-actions{border-color:#334760}
.subscription-panel.no-subscription .usage-label,.subscription-panel.no-subscription .progress,.subscription-panel.no-subscription .remaining-traffic,.subscription-panel.no-subscription .usage-footer,.subscription-panel.no-subscription .subscription-actions{display:none}
.subscription-panel.no-subscription .plan-overview{margin-bottom:13px;background:transparent;border-color:transparent;padding:0 2px;min-height:40px}
.subscription-panel.no-subscription .subscription-buy-cta{margin-bottom:0}

.subscription-panel .plan-overview{min-height:0;margin:0 0 18px;padding:0 0 15px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.subscription-panel .plan-overview h3{font-size:15px;font-weight:650;color:var(--ink)}.subscription-panel .plan-overview .text-link{padding:5px 0;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:650}.subscription-panel .plan-overview .text-link:hover{background:transparent;text-decoration:underline}.subscription-panel .remaining-traffic{background:#f4f7fc;border:0}.subscription-panel.no-subscription .subscription-buy-cta{display:flex;align-items:center;justify-content:center;min-height:46px;margin:18px 0 0;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(110deg,#2864ed,#4386e8);color:#fff;box-shadow:0 5px 14px #2864ed2b}.subscription-panel.no-subscription .subscription-buy-cta:hover{background:linear-gradient(110deg,#2259d5,#3979da);box-shadow:0 7px 18px #2864ed38;transform:translateY(-1px)}.subscription-panel.no-subscription .subscription-buy-action{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;width:100%;min-height:46px;padding:0;background:transparent;color:#fff;font-size:13px;font-weight:700}.subscription-panel.no-subscription .subscription-buy-action .icon{width:16px;height:16px}[data-theme="dark"] .subscription-panel .plan-overview{background:transparent;border-bottom-color:#354d70}[data-theme="dark"] .subscription-panel .plan-overview h3{color:#edf4ff}[data-theme="dark"] .subscription-panel .plan-overview .text-link{background:transparent;color:#9fc2ff}[data-theme="dark"] .subscription-panel .remaining-traffic{background:#223653}[data-theme="dark"] .subscription-panel.no-subscription .subscription-buy-cta{background:linear-gradient(110deg,#3979e5,#348b8a);box-shadow:0 5px 16px #06142655}[data-theme="dark"] .subscription-panel.no-subscription .subscription-buy-cta:hover{background:linear-gradient(110deg,#4889f3,#3b9b94)}

.subscription-panel .plan-overview h3{font-size:18px;font-weight:750;letter-spacing:-.25px;line-height:1.4}
@media(max-width:600px){.subscription-panel .plan-overview h3{font-size:16px}}

.empty.order-empty img{width:58px;height:58px;object-fit:contain;opacity:1;padding:7px;margin-bottom:15px;border-radius:17px;background:var(--surface-soft,#f0f5ff)}
[data-theme="dark"] .empty.order-empty img{background:#263d60}

/* Keep login, registration and password reset pages on the same viewport canvas. */
.auth-layout{height:100dvh;min-height:100dvh;overflow:hidden}
.auth-art{height:100%;min-height:0}
.auth-content{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:safe center}
@media(max-width:760px){.auth-layout{height:100dvh;min-height:100dvh}.auth-content{height:100%;min-height:0;justify-content:flex-start}.auth-form-wrap{margin:auto 0}.auth-footer{margin-top:40px}}

.view-pending{min-height:400px}.view-pending .pending-heading{min-height:66px;margin-bottom:27px;align-items:center}.pending-heading>div{display:flex;flex-direction:column;gap:8px}.pending-title,.pending-subtitle,.pending-action,.pending-banner,.pending-note,.pending-grid>i,.pending-panel{display:block;background:linear-gradient(100deg,#edf3fc 0%,#f6f9ff 48%,#edf3fc 100%);background-size:220% 100%;animation:pending-shimmer 1.8s ease-in-out infinite}.pending-title{width:190px;height:29px;border-radius:8px}.pending-subtitle{width:260px;height:12px;border-radius:6px}.pending-action{width:112px;height:36px;border-radius:9px}.pending-banner{height:229px;margin-bottom:24px;border-radius:17px}.pending-grid{display:grid;gap:18px;margin-bottom:22px}.pending-grid>i{border-radius:16px}.pending-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.pending-stats>i{height:110px}.pending-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-columns>i{height:275px}.pending-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.pending-plans>i{height:340px}.pending-profile>i{height:390px}.pending-note{height:44px;margin-bottom:18px;border-radius:11px}.pending-panel{min-height:280px;padding:18px 22px;border-radius:16px}.pending-panel>i{height:40px;margin:8px 0;border-radius:8px;background:linear-gradient(100deg,#f2f6fc 0%,#fafcff 48%,#f2f6fc 100%);background-size:220% 100%;animation:pending-shimmer 1.8s ease-in-out infinite}.pending-panel>i:nth-child(2n){width:88%}.pending-panel>i:nth-child(3n){width:72%}
@keyframes pending-shimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}
[data-theme="dark"] .pending-title,[data-theme="dark"] .pending-subtitle,[data-theme="dark"] .pending-action,[data-theme="dark"] .pending-banner,[data-theme="dark"] .pending-note,[data-theme="dark"] .pending-grid>i,[data-theme="dark"] .pending-panel{background:linear-gradient(100deg,#1b2b43 0%,#263b59 48%,#1b2b43 100%);background-size:220% 100%}
[data-theme="dark"] .pending-panel>i{background:linear-gradient(100deg,#20324d 0%,#2b4363 48%,#20324d 100%);background-size:220% 100%}
@media(max-width:1000px){.pending-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-stats{gap:12px}}
@media(max-width:760px){.view-pending .pending-heading{min-height:60px;margin-bottom:22px}.pending-banner{height:213px;margin-bottom:19px}.pending-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pending-stats>i{height:102px}.pending-columns{grid-template-columns:1fr;gap:19px}.pending-columns>i{height:235px}.pending-plans{grid-template-columns:1fr}.pending-plans>i{height:280px}.pending-profile>i{height:320px}.pending-panel{min-height:260px;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){.pending-title,.pending-subtitle,.pending-action,.pending-banner,.pending-note,.pending-grid>i,.pending-panel,.pending-panel>i{animation:none}}

.auth-pending{display:flex;flex-direction:column;gap:18px;margin-top:0}.auth-pending-field{display:flex;flex-direction:column;gap:8px}.auth-pending-field i:first-child{width:25%;height:10px;border-radius:5px}.auth-pending-field i:last-child{width:100%;height:45px;border:1px solid #e5ebf5;border-radius:10px}.auth-pending-check{width:62%;height:14px;border-radius:6px;margin:2px 0 5px}.auth-pending-submit{width:100%;height:45px;border-radius:9px}.auth-pending-field i,.auth-pending-check,.auth-pending-submit{display:block;background:linear-gradient(100deg,#edf3fc 0%,#f6f9ff 48%,#edf3fc 100%);background-size:220% 100%;animation:pending-shimmer 1.8s ease-in-out infinite}[data-theme="dark"] .auth-pending-field i,[data-theme="dark"] .auth-pending-check,[data-theme="dark"] .auth-pending-submit{background:linear-gradient(100deg,#1b2b43 0%,#263b59 48%,#1b2b43 100%);background-size:220% 100%}
@media(prefers-reduced-motion:reduce){.auth-pending-field i,.auth-pending-check,.auth-pending-submit{animation:none}}

/* Quiet, static placeholders keep page geometry without a shimmer effect. */
.pending-action,.pending-banner,.pending-note,.pending-grid>i{background:#eef3fb;border:1px solid #e5ecf6;animation:none}
.pending-panel{background:transparent;border:1px solid #e5ecf6;box-shadow:none;animation:none}
.pending-panel>i{background:#f1f5fb;border:0;animation:none}
.auth-pending-field i,.auth-pending-check,.auth-pending-submit{background:#eef3fb;border-color:#e5ecf6;animation:none}
.auth-pending-field i:first-child,.auth-pending-check{opacity:.78}
[data-theme="dark"] .pending-action,[data-theme="dark"] .pending-banner,[data-theme="dark"] .pending-note,[data-theme="dark"] .pending-grid>i{background:#20314a;border-color:#2d405b;animation:none}
[data-theme="dark"] .pending-panel{background:transparent;border-color:#2d405b;box-shadow:none}
[data-theme="dark"] .pending-panel>i{background:#223550;animation:none}
[data-theme="dark"] .auth-pending-field i,[data-theme="dark"] .auth-pending-check,[data-theme="dark"] .auth-pending-submit{background:#20314a;border-color:#344a69;animation:none}

.cat-runner{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 112px;width:112px;height:48px;overflow:hidden}.cat-runner-svg{position:relative;z-index:1;width:90px;height:49px;overflow:visible;animation:cat-bounce .22s ease-in-out infinite alternate}.cat-body,.cat-head,.cat-ear{fill:#4e86e8}.cat-tail{fill:none;stroke:#4e86e8;stroke-width:4;stroke-linecap:round;transform-origin:25px 28px;animation:cat-tail-swish .42s ease-in-out infinite alternate}.cat-leg{fill:none;stroke:#3975d8;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 0}.leg-a,.leg-c{animation:cat-leg-run .24s ease-in-out infinite alternate}.leg-b,.leg-d{animation:cat-leg-run .24s ease-in-out infinite alternate-reverse}.cat-collar{fill:none;stroke:#f3a64b;stroke-width:3;stroke-linecap:round}.cat-eye{fill:#fff}.cat-nose{fill:none;stroke:#ffad99;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cat-whisker{fill:none;stroke:#dce9ff;stroke-width:1.3;stroke-linecap:round}.cat-run-ground{position:absolute;left:8px;right:8px;bottom:6px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,#9eb8df 0 7px,transparent 7px 14px);opacity:.6;animation:cat-ground-run .34s linear infinite}.auth-loading-slot{height:51px;margin:-12px 0 17px;display:flex;align-items:center;opacity:1;transition:opacity .18s}.auth-loading-slot.is-done{opacity:0;pointer-events:none}
@keyframes cat-bounce{from{transform:translateY(1px) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}@keyframes cat-leg-run{from{transform:rotate(-28deg)}to{transform:rotate(32deg)}}@keyframes cat-tail-swish{from{transform:rotate(-15deg)}to{transform:rotate(17deg)}}@keyframes cat-ground-run{to{background-position:-14px 0}}
[data-theme="dark"] .cat-body,[data-theme="dark"] .cat-head,[data-theme="dark"] .cat-ear{fill:#82b2ff}[data-theme="dark"] .cat-tail,[data-theme="dark"] .cat-leg{stroke:#82b2ff}[data-theme="dark"] .cat-collar{stroke:#ffc16c}[data-theme="dark"] .cat-whisker{stroke:#d6e6ff}[data-theme="dark"] .cat-run-ground{background-image:repeating-linear-gradient(90deg,#829dbf 0 7px,transparent 7px 14px)}
@media(prefers-reduced-motion:reduce){.cat-runner-svg,.cat-tail,.cat-leg,.cat-run-ground{animation:none}}

.pending-body{position:relative}.pending-body>.cat-runner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:126px;height:58px;border:1px solid #dce8fa;border-radius:15px;background:#f8fbff;box-shadow:0 7px 22px #284b7818}.auth-pending{position:relative}.auth-loading-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none}.auth-loading-overlay .cat-runner{width:126px;height:58px;border:1px solid #dce8fa;border-radius:15px;background:#f8fbff;box-shadow:0 7px 22px #284b7818}[data-theme="dark"] .pending-body>.cat-runner,[data-theme="dark"] .auth-loading-overlay .cat-runner{border-color:#3b5678;background:#1b2b43;box-shadow:0 8px 20px #07132680}

/* Use clear space behind the mascot instead of table-like content placeholders. */
.pending-body{position:relative;min-height:520px;background:transparent}
.pending-body>.cat-runner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:126px;height:58px;border:0;border-radius:0;background:transparent;box-shadow:none}
.pending-body-dashboard{min-height:830px}.pending-body-plans{min-height:660px}.pending-body-orders{min-height:480px}.pending-body-servers{min-height:660px}.pending-body-traffic{min-height:600px}.pending-body-invite{min-height:740px}.pending-body-knowledge{min-height:520px}.pending-body-tickets{min-height:620px}.pending-body-profile{min-height:650px}
.auth-loading-overlay .cat-runner{width:188px;height:104px;border:1px solid #dce8fa;border-radius:18px;background:#f8fbff;box-shadow:0 8px 24px #284b7818}
[data-theme="dark"] .auth-loading-overlay .cat-runner{border-color:#3b5678;background:#1b2b43;box-shadow:0 8px 20px #07132680}
@media(max-width:760px){.pending-body{min-height:460px}.pending-body-dashboard{min-height:850px}.pending-body-plans{min-height:680px}.pending-body-orders{min-height:560px}.pending-body-servers{min-height:620px}.pending-body-traffic{min-height:620px}.pending-body-invite{min-height:780px}.pending-body-knowledge{min-height:560px}.pending-body-tickets{min-height:700px}.pending-body-profile{min-height:700px}}

/* The authentication loading layer fully masks the reserved field shapes. */
.auth-loading-overlay{background:#f8fbff;border-radius:10px}
.auth-loading-overlay .cat-runner{background:transparent;border:0;box-shadow:none}
[data-theme="dark"] .auth-loading-overlay{background:#1b2b43}
.auth-loading-overlay{background:#fff;border-radius:0}
[data-theme="dark"] .auth-loading-overlay{background:#121d2f}
.auth-loading-overlay{background:transparent}
.auth-loading-overlay .cat-runner{background:transparent;border:0;border-radius:0;box-shadow:none}
.auth-pending-field,.auth-pending-check,.auth-pending-submit{visibility:hidden}
.auth-loading-overlay,.auth-loading-overlay .cat-runner{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
[data-theme="dark"] .auth-loading-overlay,[data-theme="dark"] .auth-loading-overlay .cat-runner{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* Clear, compact expiry date treatment in the dashboard stat card. */
.expiry-note{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}.expiry-note>span{color:var(--muted)}.expiry-note strong{color:#b66a17;background:#fff3dc;border:1px solid #ffe5b5;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.15px}.expiry-note.permanent{color:#148568;background:#e8f8f1;border:1px solid #ceefe2;border-radius:7px;padding:3px 9px;font-weight:600}[data-theme="dark"] .expiry-note strong{color:#ffd08c;background:#493923;border-color:#765a32}[data-theme="dark"] .expiry-note.permanent{color:#8ce7cf;background:#174a40;border-color:#28766d}

/* Make expired subscriptions immediately recognizable while keeping the date readable. */
.expiry-overdue{display:inline-flex;align-items:center;color:#c83e4d;background:#fff0f0;border:1px solid #ffd4d8;border-radius:8px;padding:4px 9px;font-size:.78em;font-weight:750;letter-spacing:.2px}.expiry-note.expired strong{color:#bd3545;background:#fff0f0;border-color:#ffd4d8}[data-theme="dark"] .expiry-overdue{color:#ff9da7;background:#4a252e;border-color:#75404b}[data-theme="dark"] .expiry-note.expired strong{color:#ffabb3;background:#4a252e;border-color:#75404b}

/* Keep the avatar menu above dashboard content so its final option is never covered. */
.topbar{position:relative;z-index:29}

.language-toggle{flex-shrink:0;min-width:42px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface,#fff);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.2px}.language-toggle:hover{background:#edf3ff;color:var(--blue)}[data-theme="dark"] .language-toggle{background:#203653;border-color:#3a5578;color:#d8e8ff}[data-theme="dark"] .language-toggle:hover{background:#2d4d75;color:#fff}.auth-language-toggle{position:absolute;top:24px;right:72px;z-index:2}@media(max-width:480px){.topbar-right>.language-toggle{min-width:36px;padding:0 6px}.auth-language-toggle{top:23px;right:62px}}


.email-domain-control{display:flex;align-items:center;gap:8px}.email-domain-control>input{flex:1;min-width:0}.email-domain-control>span{flex:0 0 auto;color:var(--muted);font-weight:650}.email-domain-control>select{width:auto;max-width:58%;min-width:120px;flex:0 1 auto;padding-left:11px;padding-right:30px}.auth-form-wrap .email-domain-control{margin-top:7px}.auth-form-wrap .email-domain-control input,.auth-form-wrap .email-domain-control select{min-height:45px}@media(max-width:420px){.email-domain-control{gap:5px}.email-domain-control>select{min-width:108px;max-width:62%;font-size:14px;padding-left:8px}}

/* Keep the email domain selector compact while leaving room for the username. */
.email-domain-control>select{width:clamp(112px,42%,190px);min-width:0;max-width:46%;flex:0 1 190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.email-domain-control>select{width:clamp(104px,44%,154px);max-width:48%;min-width:0;flex-basis:154px}}

/* The running mascot must remain unboxed in either theme. */
html[data-theme="dark"] body .auth-loading-overlay,
html[data-theme="light"] body .auth-loading-overlay,
html body .auth-loading-overlay{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
html[data-theme="dark"] body .auth-loading-overlay>.cat-runner,
html[data-theme="light"] body .auth-loading-overlay>.cat-runner,
html body .auth-loading-overlay>.cat-runner,
html[data-theme="dark"] body .pending-body>.cat-runner,
html[data-theme="light"] body .pending-body>.cat-runner,
html body .pending-body>.cat-runner{background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}

/* Center route-loading mascot in the visible content viewport, not the tall placeholder. */
.pending-body>.cat-runner{position:fixed!important;left:calc(50% + 118px);top:50vh;top:50dvh;transform:translate(-50%,-50%);z-index:20}
@media(max-width:1200px){.pending-body>.cat-runner{left:calc(50% + 107.5px)}}
@media(max-width:760px){.pending-body>.cat-runner{left:50%;top:50vh;top:50dvh}}

/* Single-color round kitten with transparent facial cutouts. */
.cat-runner{width:128px;height:76px;flex-basis:128px;overflow:visible;color:#3678ed;opacity:0;animation:kitten-loader-reveal 1ms step-end .25s forwards;pointer-events:none}
[data-theme="dark"] .cat-runner{color:#8fb6ff}
.kitten-loader{display:block;flex:none;width:120px;height:79px;overflow:visible;background:transparent}
.kitten-solid,.kitten-loading-dots{fill:currentColor}
.kitten-tail,.kitten-paw{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.kitten-tail{stroke-width:7;transform-origin:37px 47px;animation:kitten-tail-wave 1.2s ease-in-out infinite}
.kitten-paw{stroke-width:8}
.kitten-paw-a{transform-origin:46px 54px;animation:kitten-paw-step .72s ease-in-out infinite}
.kitten-paw-b{transform-origin:76px 53px;animation:kitten-paw-step .72s ease-in-out infinite}
.kitten-paw-c{transform-origin:52px 54px;animation:kitten-paw-step .72s ease-in-out -.36s infinite}
.kitten-paw-d{transform-origin:76px 53px;animation:kitten-paw-step .72s ease-in-out -.36s infinite}
.kitten-bounce{animation:kitten-soft-bounce .72s ease-in-out infinite}
.kitten-head{transform-origin:91px 43px;animation:kitten-head-nod .72s ease-in-out infinite}
.kitten-loading-dots circle{animation:kitten-dot-pulse 1.44s ease-in-out infinite}
.kitten-loading-dots circle:nth-child(2){animation-delay:.16s}
.kitten-loading-dots circle:nth-child(3){animation-delay:.32s}
@keyframes kitten-loader-reveal{to{opacity:1}}
@keyframes kitten-soft-bounce{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-2px)}}
@keyframes kitten-paw-step{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}
@keyframes kitten-tail-wave{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}
@keyframes kitten-head-nod{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes kitten-dot-pulse{0%,65%,100%{opacity:.2}30%{opacity:.75}}
@media(prefers-reduced-motion:reduce){.kitten-bounce,.kitten-head,.kitten-tail,.kitten-paw,.kitten-loading-dots circle{animation:none}.kitten-loading-dots circle{opacity:.4}}

/* Signed-in pages use only a compact, non-blocking dot indicator. */
.route-loading-dots{position:fixed;left:calc(50% + 118px);top:50vh;top:50dvh;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;height:20px;color:var(--blue);z-index:20;pointer-events:none;opacity:0;animation:kitten-loader-reveal 1ms step-end .25s forwards}
.route-loading-dots>i{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:route-dot-pulse 1.2s ease-in-out infinite}
.route-loading-dots>i:nth-child(2){animation-delay:.15s}
.route-loading-dots>i:nth-child(3){animation-delay:.3s}
[data-theme="dark"] .route-loading-dots{color:#8fb6ff}
@keyframes route-dot-pulse{0%,70%,100%{opacity:.25}35%{opacity:1}}
@media(max-width:1200px){.route-loading-dots{left:calc(50% + 107.5px)}}
@media(max-width:760px){.route-loading-dots{left:50%}}
@media(prefers-reduced-motion:reduce){.route-loading-dots>i{animation:none;opacity:.6}}

.empty.ticket-empty img{width:58px;height:58px;object-fit:contain;opacity:1;border-radius:12px}

.empty>img[data-site-image="logo"],.error-state>img[data-site-image="logo"]{width:56px;height:56px;object-fit:contain;opacity:1}

/* Reserve a real grid column for the icon; long translated labels cannot push it out. */
.stat-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;align-items:start}
.stat-card>div:first-child{display:contents}
.stat-card>div:first-child>span{grid-column:1;grid-row:1;min-width:0;align-self:center;line-height:1.5;overflow-wrap:anywhere}
.stat-card .stat-icon{grid-column:2;grid-row:1;justify-self:end}
.stat-card .stat-value{grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.stat-card small{grid-column:1/-1;grid-row:3;min-width:0;overflow-wrap:anywhere}
.stat-card .expiry-note{max-width:100%}

/* Give the language control and avatar distinct touch areas. */
.topbar-right>.language-toggle+.account-menu{margin-inline-start:6px;flex-shrink:0}
@media(max-width:760px){.topbar-right>.language-toggle+.account-menu{margin-inline-start:9px}}

.ticket-live-resume{flex:none;align-self:center;margin:10px 16px 0;padding:6px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft,#edf3ff);color:var(--blue);font:inherit;font-size:11px;cursor:pointer}.ticket-live-resume[hidden]{display:none}

/* Mobile drawer: a quiet brand header, aligned navigation, and a compact action footer. */
@media(max-width:760px){
 .sidebar{--drawer-text:#405675;--drawer-muted:#8191a8;--drawer-tint:#f2f6fc;--drawer-active:#edf3ff;--drawer-blue:#2864ed;--drawer-icon-active:#2864ed;--drawer-row:clamp(36px,5.8dvh,44px);width:min(280px,84vw);height:100vh;height:100dvh;bottom:auto;box-sizing:border-box;padding:16px 16px max(12px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top));overflow:hidden;border-radius:0 22px 22px 0;box-shadow:12px 0 42px #10264b18}
 [data-theme="dark"] .sidebar{--drawer-text:#bdcce0;--drawer-muted:#93a7c1;--drawer-tint:#223650;--drawer-active:#253f62;--drawer-blue:#a8caff;--drawer-icon-active:#3c6fb3;box-shadow:12px 0 42px #030b1860}
 .sidebar .brand{flex-shrink:0;min-height:44px;margin:0 2px 12px;padding:4px 10px 12px;border-bottom:1px solid var(--line)}
 .sidebar .brand small{font-size:10px;line-height:1.4;letter-spacing:.5px;white-space:nowrap;margin-top:6px;color:var(--drawer-muted)}
 .sidebar .nav-caption{display:none}
 .sidebar>nav{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px}
 .sidebar .nav-link{flex-shrink:0;min-height:var(--drawer-row);height:var(--drawer-row);margin:0;padding:0 10px;gap:12px;border:1px solid transparent;border-radius:12px;line-height:20px;font-size:13px;font-weight:500;color:var(--drawer-text);transition:background .18s,color .18s,border-color .18s}
 .sidebar .nav-link>.icon{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--drawer-tint);color:var(--drawer-muted)}
 .sidebar .nav-link:hover{background:var(--drawer-tint);color:var(--drawer-blue)}
 .sidebar .nav-link.active{background:var(--drawer-active);border-color:color-mix(in srgb,var(--drawer-blue) 15%,transparent);color:var(--drawer-blue);font-weight:650}
 .sidebar .nav-link.active>.icon{background:var(--drawer-icon-active);color:#fff}
 .sidebar .nav-link.active i{display:none}
 .sidebar .nav-link[href="#/knowledge"]{margin-top:6px}
 .sidebar-bottom{flex-shrink:0;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
 .sidebar .sidebar-tip{min-height:60px;padding:10px 12px;gap:10px;border-radius:13px;box-shadow:none}
 .sidebar .sidebar-tip-spark{font-size:24px;line-height:1}
 .sidebar .sidebar-tip p{font-size:10px;line-height:1.4}
 .sidebar .sidebar-tip strong{font-size:14px;line-height:1.5;letter-spacing:.3px}
 .sidebar .sidebar-tip-arrow .icon{width:17px;height:17px}
 .sidebar .logout{width:100%;min-height:40px;justify-content:center;gap:8px;margin-top:8px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--drawer-tint);font-size:12px;line-height:20px;color:var(--drawer-text)}
 .sidebar .logout .icon{width:16px;height:16px}
}
@media(max-width:760px) and (max-height:620px){
 .sidebar{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .sidebar .brand{margin-bottom:8px;padding-bottom:8px}
 .sidebar>nav{gap:2px}
 .sidebar-bottom{margin-top:8px;padding-top:8px}
 .sidebar .sidebar-tip{min-height:52px;padding-top:6px;padding-bottom:6px}
 .sidebar .logout{min-height:36px;margin-top:4px;padding-top:6px;padding-bottom:6px}
}
@media(max-width:760px) and (max-height:520px){
 .sidebar{--drawer-row:32px}
 .sidebar .brand{min-height:38px;padding-top:0;padding-bottom:6px;margin-bottom:6px}
 .sidebar .nav-link{font-size:12px;gap:10px}
 .sidebar .nav-link>.icon{width:26px;height:26px;padding:5px;border-radius:8px}
 .sidebar .nav-link[href="#/knowledge"]{margin-top:2px}
 .sidebar-bottom{margin-top:6px;padding-top:6px}
 .sidebar .sidebar-tip{min-height:46px;padding-top:4px;padding-bottom:4px}
 .sidebar .sidebar-tip strong{font-size:13px}
 .sidebar .logout{min-height:32px;padding-top:4px;padding-bottom:4px}
}

.expiry-note.healthy strong{color:#148568;background:#e8f8f1;border-color:#ceefe2}[data-theme="dark"] .expiry-note.healthy strong{color:#8ce7cf;background:#174a40;border-color:#28766d}

.stats-grid .stat-icon{flex-shrink:0;display:grid;place-items:center;border-radius:13px}.stats-grid .stat-icon .dashboard-stat-icon{width:27px;height:27px;display:block;flex:none}

/* Quieter dashboard accents keep the statistic itself prominent. */
.stats-grid .stat-card .stat-icon{width:34px;height:34px;min-width:34px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--muted,#8191a8);opacity:.72}
.stats-grid .stat-card .stat-icon .dashboard-stat-icon{width:22px;height:22px;stroke-width:1.35}
:root[data-theme="light"] .stats-grid .stat-card .stat-icon{background:transparent;border-color:transparent;color:#788ba5}
:root[data-theme="dark"] .stats-grid .stat-card .stat-icon{background:transparent;border-color:transparent;color:#9bafca;opacity:.7}

/* Soft dimensional accents for dashboard statistics. */
.stats-grid .stat-card:nth-child(1){--stat-tone:#477fe0}.stats-grid .stat-card:nth-child(2){--stat-tone:#8c70cb}.stats-grid .stat-card:nth-child(3){--stat-tone:#279b87}.stats-grid .stat-card:nth-child(4){--stat-tone:#ca8643}
.stats-grid .stat-card .stat-icon,:root[data-theme="light"] .stats-grid .stat-card .stat-icon{width:39px;height:39px;min-width:39px;border-radius:12px;opacity:1;color:var(--stat-tone);border:1px solid color-mix(in srgb,var(--stat-tone) 16%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 5%,#fff),color-mix(in srgb,var(--stat-tone) 13%,#fff));box-shadow:inset 0 1px 0 #ffffffb3,0 3px 7px color-mix(in srgb,var(--stat-tone) 7%,transparent)}
.stats-grid .stat-card .stat-icon .dashboard-stat-icon{width:24px;height:24px;stroke-width:1.5}
:root[data-theme="dark"] .stats-grid .stat-card .stat-icon{opacity:1;color:color-mix(in srgb,var(--stat-tone) 65%,#fff);border-color:color-mix(in srgb,var(--stat-tone) 24%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 18%,#1a2b43),color-mix(in srgb,var(--stat-tone) 9%,#1a2b43));box-shadow:inset 0 1px 0 #ffffff0c,0 3px 7px #0000000c}

/* Dashboard surfaces remain distinct from the page in both themes. */
:root[data-theme="light"] .dashboard-view :is(.stat-card,.panel,.quick-card){background:#fff;border:1px solid #d5dfed;box-shadow:0 3px 7px #203d6606,0 10px 24px #203d6609}
:root[data-theme="dark"] .dashboard-view :is(.stat-card,.panel,.quick-card){background:#1d2c42;border:1px solid #3a4e69;box-shadow:inset 0 1px 0 #ffffff05,0 5px 15px #00000020}
.dashboard-view .stat-card>div:first-child>span{color:var(--ink);font-weight:550}
:root[data-theme="light"] .dashboard-view :is(.stat-card small,.usage-label,.usage-footer,.quick-card p){color:#62738c}
:root[data-theme="dark"] .dashboard-view :is(.stat-card small,.usage-label,.usage-footer,.quick-card p){color:#b2c2d8}
.dashboard-view .panel-heading{border-color:color-mix(in srgb,var(--ink) 15%,var(--line))}

/* Subscription hierarchy: plan, remaining allowance, usage, then actions. */
.subscription-panel .panel-heading{margin-bottom:20px}.subscription-panel .plan-overview{align-items:center;gap:18px;margin-bottom:0;padding-bottom:19px}.subscription-panel .plan-overview>div{min-width:0}.subscription-panel .plan-overview h3{font-size:21px;line-height:1.4;letter-spacing:-.35px}.subscription-panel .plan-overview .text-link{padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);font-size:11px;flex:none;text-decoration:none}
.subscription-panel .remaining-traffic{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:23px 0 21px;background:transparent;border:0;border-radius:0;color:var(--muted);font-size:12px}.subscription-panel .remaining-traffic strong{font-size:28px;line-height:1.2;letter-spacing:-.7px;font-weight:750;color:var(--blue);font-variant-numeric:tabular-nums}
.subscription-panel .usage-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:11px}.subscription-panel .usage-label strong{color:var(--ink);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.subscription-panel .usage-label strong span{color:var(--muted);font-weight:400}.subscription-panel .progress{height:7px;background:var(--surface-soft);border-radius:99px}.subscription-panel .progress>i{background:linear-gradient(90deg,var(--blue),#65a5f4)}.subscription-panel .usage-footer{margin-top:10px;gap:14px;font-size:10px;line-height:1.6}.subscription-panel .subscription-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.subscription-panel .subscription-actions:empty{display:none}.subscription-panel .subscription-actions .btn{justify-content:center;min-height:39px;margin:0;font-size:11px;border-radius:9px;white-space:normal}.subscription-panel>p.muted.small{font-size:10px;line-height:1.8;margin:13px 0 0}.subscription-panel.no-subscription .remaining-traffic{display:none}
[data-theme="dark"] .subscription-panel .remaining-traffic{background:transparent;border:0}[data-theme="dark"] .subscription-panel .usage-label strong{color:var(--ink)}
@media(max-width:600px){.subscription-panel .panel-heading{margin-bottom:17px}.subscription-panel .plan-overview{padding-bottom:16px;gap:12px}.subscription-panel .plan-overview h3{font-size:19px}.subscription-panel .remaining-traffic{padding-block:21px}.subscription-panel .remaining-traffic strong{font-size:25px}.subscription-panel .usage-label{flex-wrap:wrap;gap:4px}.subscription-panel .subscription-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:19px;padding-top:16px}.subscription-panel .subscription-actions .btn:last-child:nth-child(odd){grid-column:1/-1}.subscription-panel .usage-footer{font-size:10px;flex-wrap:wrap}}

/* Clear purchase invitation for accounts without a plan. */
.purchase-prompt{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;padding:23px 25px;border-radius:16px;background:linear-gradient(115deg,#eef4ff,#f7faff);border:1px solid #cbdcf6;box-shadow:inset 0 1px 0 #ffffffb3,0 5px 16px #2864ed07}
:root[data-theme="light"] .purchase-prompt-icon,.purchase-prompt-icon{--prompt-icon-bg:#e0ebff;width:54px;height:54px;border-radius:16px;background:var(--prompt-icon-bg);color:#3f73c8;border:1px solid #cddffd;box-shadow:inset 0 1px 0 #ffffff80}
.purchase-prompt-icon .icon{width:33px;height:33px}.purchase-prompt h2{font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0 0 5px}.purchase-prompt p{font-size:12px;line-height:1.8;color:#637796}.purchase-prompt>.btn{min-height:40px;padding:10px 18px;border-radius:10px;font-size:12px;box-shadow:0 4px 10px #2864ed1a}
:root[data-theme="dark"] .purchase-prompt{background:linear-gradient(115deg,#203854,#1c2e47);border-color:#3b587d;box-shadow:inset 0 1px 0 #ffffff07,0 5px 16px #00000010}:root[data-theme="dark"] .purchase-prompt-icon{--prompt-icon-bg:#2b4567;background:var(--prompt-icon-bg);color:#a5c6ff;border-color:#3e5e89;box-shadow:inset 0 1px 0 #ffffff09}:root[data-theme="dark"] .purchase-prompt p{color:#b6c8df}
@media(max-width:600px){.purchase-prompt{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px;border-radius:14px}.purchase-prompt-icon,:root[data-theme="light"] .purchase-prompt-icon{width:44px;height:44px;border-radius:13px}.purchase-prompt-icon .icon{width:29px;height:29px}.purchase-prompt-copy{flex-basis:auto}.purchase-prompt h2{font-size:15px;margin-bottom:4px}.purchase-prompt p{font-size:11px}.purchase-prompt>.btn{grid-column:1/-1;width:100%;min-height:41px;margin-top:3px;justify-content:center}}

/* A prominent purchase invitation with a clear primary action. */
.purchase-prompt{position:relative;overflow:hidden;background:linear-gradient(115deg,#e2edff,#eef5ff 65%,#e5f0ff);border:1px solid #a9c8fa;border-left:4px solid #3979ed;padding:25px 26px;box-shadow:0 6px 20px #2864ed12}
.purchase-prompt h2{font-size:19px;color:#203f70;font-weight:750;line-height:1.5}.purchase-prompt p{font-size:13px;color:#4d6890}
.purchase-prompt>.btn{min-height:46px;padding:12px 24px;background:linear-gradient(135deg,#397cf7,#235bd5);border-color:#2864ed;color:#fff;font-size:14px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff30,0 5px 12px #2864ed30;gap:10px}
.purchase-prompt>.btn:hover{background:linear-gradient(135deg,#286bea,#1e50c2);box-shadow:0 7px 16px #2864ed38}
:root[data-theme="light"] .purchase-prompt-icon{--prompt-icon-bg:#d3e3ff;background:var(--prompt-icon-bg);border-color:#b3cdf5;color:#2c66c7}
:root[data-theme="dark"] .purchase-prompt{background:linear-gradient(115deg,#25466f,#203853 70%,#244064);border-color:#4e78ad;border-left-color:#8eb8ff;box-shadow:0 7px 20px #00000018}
:root[data-theme="dark"] .purchase-prompt h2{color:#f0f6ff}:root[data-theme="dark"] .purchase-prompt p{color:#c3d6f0}:root[data-theme="dark"] .purchase-prompt-icon{--prompt-icon-bg:#345988;background:var(--prompt-icon-bg);color:#d4e5ff;border-color:#547bab}
.purchase-prompt>.btn:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:600px){.purchase-prompt{padding:20px 17px;gap:13px}.purchase-prompt h2{font-size:16px}.purchase-prompt p{font-size:12px}.purchase-prompt>.btn{min-height:46px;margin-top:6px;font-size:14px;padding:12px 18px}}

/* Layered dashboard surfaces with restrained elevation. */
:root[data-theme="light"] .dashboard-view .stat-card{background:linear-gradient(150deg,#fff 55%,color-mix(in srgb,var(--stat-tone) 5%,#fff));border-color:#d8e2f0;box-shadow:inset 0 1px 0 #fff,0 3px 6px #203d6605,0 10px 22px #203d6609}
:root[data-theme="light"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(155deg,#fff 65%,#f5f8fd);border-color:#d3deed;box-shadow:inset 0 1px 0 #fff,0 5px 10px #203d6605,0 16px 30px #203d660a}
:root[data-theme="light"] .dashboard-view .quick-card{background:linear-gradient(145deg,#fff,#f7faff);border-color:#dae3f0;box-shadow:inset 0 1px 0 #fff,0 3px 9px #203d6607}
:root[data-theme="dark"] .dashboard-view .stat-card{background:linear-gradient(145deg,#22334c,#1c2b41);border-color:#3a4e69;box-shadow:inset 0 1px 0 #ffffff08,0 3px 7px #00000012,0 12px 24px #00000018}
:root[data-theme="dark"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(150deg,#23354e,#1c2b40 80%);border-color:#405571;box-shadow:inset 0 1px 0 #ffffff09,0 6px 12px #00000012,0 18px 32px #0000001c}
:root[data-theme="dark"] .dashboard-view .quick-card{background:linear-gradient(145deg,#203149,#1b293e);border-color:#354a65;box-shadow:inset 0 1px 0 #ffffff07,0 4px 10px #00000014}
.dashboard-view .dashboard-grid>.panel>.panel-heading{padding-bottom:15px;border-bottom:1px solid var(--line)}
.dashboard-view .subscription-panel .remaining-traffic{margin:16px 0 18px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--blue) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 13%,var(--line));box-shadow:inset 0 1px 0 #ffffff10}
.dashboard-view .quick-card{transition:box-shadow .2s,border-color .2s}
@media(hover:hover){.dashboard-view .quick-card:hover{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));box-shadow:0 7px 18px #2864ed12}}
@media(max-width:600px){.dashboard-view .subscription-panel .remaining-traffic{margin:14px 0 16px;padding:14px}.dashboard-view .dashboard-grid>.panel>.panel-heading{padding-bottom:12px}}

/* Color distinguishes dashboard functions through coordinated surfaces. */
.dashboard-view .dashboard-grid>.subscription-panel{--panel-tone:#477fe0}.dashboard-view .dashboard-grid>.panel:not(.subscription-panel){--panel-tone:#9873d0}
.dashboard-view .quick-card:nth-child(1){--quick-tone:#477fe0}.dashboard-view .quick-card:nth-child(2){--quick-tone:#269d88}.dashboard-view .quick-card:nth-child(3){--quick-tone:#cf8942}
:root[data-theme="light"] .dashboard-view .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 7%,#fff),color-mix(in srgb,var(--stat-tone) 16%,#fff));border-color:color-mix(in srgb,var(--stat-tone) 28%,#e0e7f1)}
:root[data-theme="dark"] .dashboard-view .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 22%,#1c2b41),color-mix(in srgb,var(--stat-tone) 12%,#1c2b41));border-color:color-mix(in srgb,var(--stat-tone) 44%,#354a65)}
:root[data-theme="light"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(150deg,color-mix(in srgb,var(--panel-tone) 4%,#fff),color-mix(in srgb,var(--panel-tone) 10%,#fff));border-color:color-mix(in srgb,var(--panel-tone) 27%,#d3deed)}
:root[data-theme="dark"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(150deg,color-mix(in srgb,var(--panel-tone) 17%,#1c2b40),color-mix(in srgb,var(--panel-tone) 9%,#1c2b40));border-color:color-mix(in srgb,var(--panel-tone) 40%,#354a65)}
.dashboard-view .dashboard-grid>.panel>.panel-heading h2>.icon{color:var(--panel-tone)}
:root[data-theme="dark"] .dashboard-view .dashboard-grid>.panel>.panel-heading h2>.icon{color:color-mix(in srgb,var(--panel-tone) 60%,#fff)}
:root[data-theme="light"] .dashboard-view .quick-card{background:linear-gradient(140deg,color-mix(in srgb,var(--quick-tone) 5%,#fff),color-mix(in srgb,var(--quick-tone) 12%,#fff));border-color:color-mix(in srgb,var(--quick-tone) 25%,#dae3f0)}
:root[data-theme="dark"] .dashboard-view .quick-card{background:linear-gradient(140deg,color-mix(in srgb,var(--quick-tone) 20%,#1b293e),color-mix(in srgb,var(--quick-tone) 11%,#1b293e));border-color:color-mix(in srgb,var(--quick-tone) 38%,#354a65)}
.dashboard-view .quick-card>.icon{color:var(--quick-tone)}
:root[data-theme="dark"] .dashboard-view .quick-card>.icon{color:color-mix(in srgb,var(--quick-tone) 60%,#fff)}

/* A restrained, coordinated dashboard palette. */
.dashboard-view .stat-card:nth-child(1){--stat-tone:#577ca9}.dashboard-view .stat-card:nth-child(2){--stat-tone:#837b9e}.dashboard-view .stat-card:nth-child(3){--stat-tone:#578c83}.dashboard-view .stat-card:nth-child(4){--stat-tone:#ac8c65}
.dashboard-view .dashboard-grid>.subscription-panel{--panel-tone:#577ca9}.dashboard-view .dashboard-grid>.panel:not(.subscription-panel){--panel-tone:#837b9e}
.dashboard-view .quick-card:nth-child(1){--quick-tone:#577ca9}.dashboard-view .quick-card:nth-child(2){--quick-tone:#578c83}.dashboard-view .quick-card:nth-child(3){--quick-tone:#ac8c65}
:root[data-theme="light"] .dashboard-view .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 3%,#fff),color-mix(in srgb,var(--stat-tone) 9%,#fff));border-color:color-mix(in srgb,var(--stat-tone) 19%,#e0e7ef)}
:root[data-theme="dark"] .dashboard-view .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--stat-tone) 15%,#1c2b41),color-mix(in srgb,var(--stat-tone) 7%,#1c2b41));border-color:color-mix(in srgb,var(--stat-tone) 30%,#35465d)}
:root[data-theme="light"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--panel-tone) 4%,#fff));border-color:color-mix(in srgb,var(--panel-tone) 17%,#dce4ee)}
:root[data-theme="dark"] .dashboard-view .dashboard-grid>.panel{background:linear-gradient(150deg,color-mix(in srgb,var(--panel-tone) 9%,#1d2c42),#1d2c42);border-color:color-mix(in srgb,var(--panel-tone) 26%,#35465d)}
:root[data-theme="light"] .dashboard-view .quick-card{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--quick-tone) 7%,#fff));border-color:color-mix(in srgb,var(--quick-tone) 18%,#dce4ee)}
:root[data-theme="dark"] .dashboard-view .quick-card{background:linear-gradient(145deg,color-mix(in srgb,var(--quick-tone) 12%,#1c2b41),#1c2b41);border-color:color-mix(in srgb,var(--quick-tone) 27%,#35465d)}
.dashboard-view .quick-card .quick-icon{background:color-mix(in srgb,var(--quick-tone) 11%,var(--surface));color:var(--quick-tone)}
:root[data-theme="dark"] .dashboard-view .quick-card .quick-icon{background:color-mix(in srgb,var(--quick-tone) 18%,#1c2b41);color:color-mix(in srgb,var(--quick-tone) 65%,#fff)}

/* Customer navigation shares the restrained blue dashboard palette. */
.app-shell .topbar{background:color-mix(in srgb,var(--surface) 95%,transparent);border-bottom:1px solid var(--line);box-shadow:0 3px 12px #17345b04;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.app-shell .breadcrumb{gap:12px}.app-shell .breadcrumb>span{color:var(--muted);font-size:12px}.app-shell .breadcrumb>b{font-weight:400;opacity:.4}.app-shell .breadcrumb>strong{color:var(--ink);font-size:14px;font-weight:650}
.app-shell .topbar-right{gap:9px}.app-shell .topbar-right>.icon-btn{width:35px;height:35px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent}.app-shell .topbar-right>.icon-btn:hover{background:var(--surface-soft);border-color:var(--line);color:var(--blue)}.app-shell .topbar-right>.language-toggle{height:35px;border-radius:9px;font-size:11px}.app-shell .topbar-right>.account-menu{margin-inline-start:12px}.app-shell .account-dropdown{border:1px solid var(--line);border-radius:13px;box-shadow:0 8px 28px #10284620;padding:6px}.app-shell .account-dropdown>a,.app-shell .account-dropdown>button{border-radius:8px;min-height:39px;font-size:12px}
.app-shell .sidebar .nav-link:focus-visible,.app-shell .topbar button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(min-width:761px){.app-shell .sidebar{background:var(--surface);border-right:1px solid var(--line);box-shadow:3px 0 15px #17345b03}.app-shell .sidebar-brand{padding-bottom:23px;margin-bottom:9px;border-bottom:1px solid var(--line)}.app-shell .sidebar .nav-caption{font-size:10px;letter-spacing:.4px;color:var(--muted);padding-inline:13px}.app-shell .sidebar .nav-link{min-height:43px;border:1px solid transparent;border-radius:10px;margin-block:4px;padding:10px 13px;gap:12px;font-size:13px;font-weight:500;color:var(--muted);transition:background .18s,color .18s,border-color .18s}.app-shell .sidebar .nav-link>.icon{width:19px;height:19px;flex:none}.app-shell .sidebar .nav-link:hover{background:var(--surface-soft);color:var(--ink)}.app-shell .sidebar .nav-link.active{background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 17%,transparent);font-weight:650;box-shadow:inset 0 1px 0 #ffffff08}.app-shell .sidebar .nav-link.active>i{display:none}.app-shell .sidebar .logout{border-radius:10px;min-height:40px}}
@media(max-width:760px){.app-shell .topbar{padding-inline:18px}.app-shell .topbar-right{gap:5px}.app-shell .topbar-right>.icon-btn{width:31px;height:32px;border-radius:8px}.app-shell .topbar-right>.language-toggle{height:32px}.app-shell .topbar-right>.account-menu{margin-inline-start:8px}.app-shell .breadcrumb{gap:8px}.app-shell .breadcrumb>strong{font-size:13px}}

.app-shell .topbar{position:sticky;top:0;z-index:20;flex-shrink:0}.app-shell #view{scroll-margin-top:90px}@media(max-width:760px){.app-shell #view{scroll-margin-top:74px}}

/* Welcome action follows the site's primary button palette. */
.welcome-banner>div:first-child{position:relative;z-index:1}.welcome-banner .cat-scene{pointer-events:none}
.welcome-banner .btn.white{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:41px;padding:10px 16px;border:1px solid #a9c4e9;border-radius:10px;background:#bed3ef;color:#2b5289;font-size:12px;line-height:1.5;font-weight:600;box-shadow:inset 0 1px 0 #ffffff70,0 2px 5px #294f9008;transition:background .18s,box-shadow .18s}
.welcome-banner .btn.white>.icon{position:relative;width:16px;height:16px;flex:none;padding:0;background:transparent;color:inherit;animation:welcome-arrow 3.5s ease-in-out infinite}
.welcome-banner .btn.white:before{content:"";position:absolute;inset:-20% auto -20% 0;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff30,transparent);animation:welcome-sweep 4.5s ease-in-out infinite}
:root[data-theme="dark"] .welcome-banner .btn.white{background:#e1ecff;border-color:#e1ecff;color:#2451a0;box-shadow:0 3px 10px #07152718}
:root[data-theme="dark"] .welcome-banner .btn.white:before{background:linear-gradient(90deg,transparent,#ffffffa0,transparent)}
@keyframes welcome-arrow{0%,65%,100%{transform:translateX(0)}80%{transform:translateX(3px)}}
@keyframes welcome-sweep{0%,40%{transform:translateX(-150%) skewX(-20deg)}85%,100%{transform:translateX(440%) skewX(-20deg)}}
@media(hover:hover){.welcome-banner .btn.white:hover{background:#b2cbea;border-color:#9bb9e1;box-shadow:0 3px 8px #294f9010}:root[data-theme="dark"] .welcome-banner .btn.white:hover{background:#f0f5ff;border-color:#f0f5ff}}
.welcome-banner .btn.white:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(max-width:600px){.welcome-banner .btn.white{min-height:40px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.welcome-banner .btn.white,.welcome-banner .btn.white>.icon,.welcome-banner .btn.white:before{animation:none;transition:none}.welcome-banner .btn.white:before{display:none}}

/* Match the sidebar shortcut's blue-to-mint palette. */
:root[data-theme="light"] .welcome-banner .btn.white{background:linear-gradient(125deg,#397be7 0%,#448fe0 54%,#35a98f 100%);border-color:#5d9de4;color:#fff;box-shadow:0 4px 12px #397be72b}
:root[data-theme="dark"] .welcome-banner .btn.white{background:linear-gradient(125deg,#315f9d 0%,#346e9b 55%,#247c69 100%);border-color:#5685b3;color:#f3f8ff;box-shadow:0 4px 12px #06142640}
.welcome-banner .btn.white>.icon{color:#e8fff8}
@media(hover:hover){:root[data-theme="light"] .welcome-banner .btn.white:hover{background:linear-gradient(125deg,#3474dc 0%,#3986d8 54%,#2f9d83 100%);border-color:#5d9de4}:root[data-theme="dark"] .welcome-banner .btn.white:hover{background:linear-gradient(125deg,#396cae 0%,#3b7cab 55%,#2c8a75 100%);border-color:#70a0cf}}

.language-menu{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.language-menu.auth-language-toggle{position:absolute}.language-menu>.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;white-space:nowrap}.language-flag{display:block;width:19px;height:19px;object-fit:contain;flex:none}.language-chevron{width:12px;height:12px;flex:none;opacity:.65}.language-dropdown{position:absolute;right:0;top:calc(100% + 9px);z-index:100;min-width:170px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);box-shadow:0 10px 28px #10284625;color:var(--ink)}.language-dropdown[hidden]{display:none}.language-dropdown>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-size:12px;cursor:pointer}.language-dropdown>button:hover,.language-dropdown>button:focus-visible{background:var(--surface-soft);outline:none}.language-dropdown>button[aria-checked="true"]{background:var(--surface-soft);color:var(--blue);font-weight:650}.language-check{margin-left:auto;width:15px;color:var(--blue)}.landing .language-dropdown{background:var(--lp-surface);border-color:var(--lp-line);color:var(--lp-ink)}.landing .language-dropdown>button:hover,.landing .language-dropdown>button:focus-visible,.landing .language-dropdown>button[aria-checked="true"]{background:var(--lp-blue-soft);color:var(--lp-blue)}.landing .language-check{color:var(--lp-blue)}
@media(max-width:760px){.language-menu>.language-toggle{padding-inline:6px;gap:4px}.language-menu .language-chevron{display:none}.language-menu .language-flag{width:17px;height:17px}.language-dropdown{min-width:158px}.language-dropdown .language-flag{width:19px;height:19px}}

/* A compact language symbol; flags remain inside the selection menu. */
.language-menu>.language-toggle{width:33px;height:33px;min-width:33px;padding:7px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);box-shadow:none;line-height:1}
.language-symbol{display:block;width:18px;height:18px;flex:none}
.language-menu>.language-toggle:hover,.language-menu>.language-toggle[aria-expanded="true"]{background:var(--surface-soft);border-color:var(--line);color:var(--blue)}
[data-theme="dark"] .language-menu>.language-toggle{background:transparent;border-color:transparent;color:var(--muted)}
[data-theme="dark"] .language-menu>.language-toggle:hover,[data-theme="dark"] .language-menu>.language-toggle[aria-expanded="true"]{background:var(--surface-soft);border-color:var(--line);color:var(--blue)}
.landing .language-menu>.language-toggle{width:33px;height:33px;min-width:33px;padding:7px;color:var(--lp-muted);background:transparent;border-color:transparent}
.landing .language-menu>.language-toggle:hover,.landing .language-menu>.language-toggle[aria-expanded="true"]{background:var(--lp-blue-soft);color:var(--lp-blue);border-color:var(--lp-line)}
@media(max-width:760px){.language-menu>.language-toggle,.landing .language-menu>.language-toggle{width:29px;height:31px;min-width:29px;padding:6px}.language-symbol{width:17px;height:17px}}

.app-shell .sidebar .nav-link>.sidebar-guide-flame{display:block;width:15px;height:17px;flex:none;margin-left:auto;color:#c78027;padding:0;background:transparent;border-radius:0}[data-theme="dark"] .app-shell .sidebar .nav-link>.sidebar-guide-flame{color:#e5bb7c}@media(max-width:760px){.app-shell .sidebar .nav-link>.sidebar-guide-flame{width:15px;height:17px}}

/* A single usage surface groups the allowance, meter and reset information. */
.dashboard-view .subscription-panel .panel-heading{margin-bottom:20px;align-items:center}.dashboard-view .subscription-panel .panel-heading h2{font-size:15px;font-weight:650}.dashboard-view .subscription-panel .panel-heading .badge{font-size:10px;line-height:1.5;padding:4px 9px}
.dashboard-view .subscription-panel .plan-overview{margin:0 0 20px;padding:0;border:0;background:transparent;align-items:center;gap:16px}.dashboard-view .subscription-panel .plan-overview h3{font-size:23px;font-weight:700;letter-spacing:-.3px;line-height:1.5;color:var(--ink)}.dashboard-view .subscription-panel .plan-overview .text-link{padding:7px 12px;border-radius:8px;font-size:11px;background:var(--surface);border:1px solid var(--line);color:var(--blue);text-decoration:none}
.dashboard-view .subscription-panel .subscription-usage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 18px;padding:20px;border:1px solid color-mix(in srgb,var(--blue) 13%,var(--line));border-radius:13px;background:linear-gradient(140deg,color-mix(in srgb,var(--blue) 5%,var(--surface)),color-mix(in srgb,var(--blue) 2%,var(--surface)))}
.dashboard-view .subscription-panel .subscription-usage .remaining-traffic{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:11px}.dashboard-view .subscription-panel .remaining-traffic strong{font-size:29px;font-weight:700;line-height:1.25;letter-spacing:-.6px;color:var(--blue)}
.dashboard-view .subscription-panel .subscription-usage .usage-label{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:10px;margin:0;font-size:11px;text-align:right;min-width:0}.dashboard-view .subscription-panel .usage-label strong{font-size:13px;line-height:1.7;color:var(--ink);font-weight:600;overflow-wrap:anywhere}.dashboard-view .subscription-panel .usage-label strong span{color:var(--muted);font-weight:400}.dashboard-view .subscription-panel .subscription-usage .progress{grid-column:1/-1;height:7px;background:color-mix(in srgb,var(--blue) 11%,var(--surface));margin:0}.dashboard-view .subscription-panel .subscription-usage .usage-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;font-size:10px;line-height:1.7;color:var(--muted)}
.dashboard-view .subscription-panel .subscription-actions{margin-top:19px;padding-top:0;border:0;gap:9px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.dashboard-view .subscription-panel .subscription-actions .btn{min-height:40px;font-size:11px;padding:10px 12px;border-radius:9px;line-height:1.6}.dashboard-view .subscription-panel>p.muted.small{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.8;margin-top:13px}.dashboard-view .subscription-panel>p.muted.small>.icon{width:13px;height:13px;flex:none;margin-top:3px}.dashboard-view .subscription-panel.no-subscription .subscription-usage{display:none}
@media(max-width:600px){.dashboard-view .subscription-panel .panel-heading{margin-bottom:17px}.dashboard-view .subscription-panel .plan-overview{margin-bottom:17px;gap:12px}.dashboard-view .subscription-panel .plan-overview h3{font-size:21px}.dashboard-view .subscription-panel .subscription-usage{padding:16px;gap:13px 12px}.dashboard-view .subscription-panel .remaining-traffic strong{font-size:25px}.dashboard-view .subscription-panel .usage-label strong{font-size:12px}.dashboard-view .subscription-panel .subscription-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-view .subscription-panel .subscription-actions .btn:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:380px){.dashboard-view .subscription-panel .subscription-usage{grid-template-columns:minmax(0,1fr)}.dashboard-view .subscription-panel .subscription-usage .remaining-traffic{grid-column:1;grid-row:1;flex-direction:row;align-items:center;justify-content:space-between}.dashboard-view .subscription-panel .subscription-usage .usage-label{grid-column:1;grid-row:2;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}}

/* A full-width reset action gives the longer name and explanation room to breathe. */
.dashboard-view .subscription-panel .subscription-actions .reset-pack-button{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:63px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--blue) 17%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));color:var(--ink);text-align:left;box-shadow:none}
.reset-pack-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue)}.reset-pack-icon>.icon{width:18px;height:18px}.reset-pack-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.reset-pack-copy>strong{font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.reset-pack-copy>small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.6}.reset-pack-arrow{display:inline-flex;flex:none;color:var(--blue)}.reset-pack-arrow>.icon{width:15px;height:15px}
@media(hover:hover){.dashboard-view .subscription-panel .subscription-actions .reset-pack-button:hover{border-color:color-mix(in srgb,var(--blue) 40%,var(--line));background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--ink)}}
@media(max-width:600px){.dashboard-view .subscription-panel .subscription-actions .reset-pack-button{padding:12px;gap:9px}.reset-pack-copy>strong{font-size:11px}.reset-pack-copy>small{font-size:10px}.reset-pack-icon{width:29px;height:29px;border-radius:8px}}

/* A focused reset-pack confirmation, separate from ordinary plan purchases. */
#modal:has(.reset-purchase){width:min(520px,calc(100% - 32px))}.reset-purchase-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.reset-purchase-plan{display:flex;align-items:center;gap:11px;min-width:0}.reset-purchase-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue)}.reset-purchase-mark>.icon{width:20px;height:20px}.reset-purchase-summary small{display:block;color:var(--muted);font-size:10px;line-height:1.7}.reset-purchase-plan h3{font-size:15px;line-height:1.6;margin:3px 0 0;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.reset-purchase-amount{text-align:right}.reset-purchase-amount strong{display:block;margin-top:3px;color:var(--blue);font-size:23px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}.reset-purchase-rules{display:grid;gap:12px;list-style:none;margin:22px 0 12px;padding:0}.reset-purchase-rules li{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;color:var(--ink)}.reset-purchase-rules .icon{width:17px;height:17px;flex:none;margin-top:2px;color:var(--blue)}.reset-purchase-note{font-size:11px;line-height:1.8;color:var(--muted);padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}.reset-purchase-coupon{border:1px solid var(--line);border-radius:9px;padding:11px 13px}.reset-purchase-coupon summary{font-size:12px;font-weight:500;cursor:pointer;color:var(--ink)}.reset-purchase-coupon label{display:grid;gap:7px;font-size:11px;margin-top:13px}.reset-purchase-consent{align-items:flex-start;gap:9px;font-size:12px;line-height:1.8}.reset-purchase-consent input{flex:none;margin-top:4px}.reset-purchase-balance{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.reset-purchase-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding-top:4px}.reset-purchase-actions .btn{justify-content:center;min-height:41px;font-size:12px;border-radius:9px;white-space:normal;line-height:1.6}
@media(max-width:600px){.reset-purchase-summary{gap:13px;padding:15px}.reset-purchase-mark{display:none}.reset-purchase-plan h3{font-size:14px}.reset-purchase-amount strong{font-size:21px}.reset-purchase-actions{grid-template-columns:1fr 2fr}.reset-purchase-actions .btn{font-size:11px;padding:10px}}

/* Order review separates the amount, reference information and payment action. */
#modal:has(.order-detail-view){width:min(590px,calc(100% - 28px))}.order-detail-summary{padding:20px;border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line));border-radius:13px;background:linear-gradient(140deg,var(--surface-soft),var(--surface));margin-bottom:20px}.order-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.order-detail-heading h3{font-size:18px;line-height:1.5;color:var(--ink);font-weight:650;overflow-wrap:anywhere;margin:0}.order-detail-heading .badge{flex:none;font-size:10px;line-height:1.6;padding:4px 9px}.order-detail-amount-label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.order-detail-total{display:block;font-size:31px;line-height:1.3;font-weight:700;letter-spacing:-.6px;color:var(--blue);font-variant-numeric:tabular-nums}
.order-detail-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;margin:0 0 20px;padding:0}.order-detail-meta>div{min-width:0}.order-detail-meta dt{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:5px}.order-detail-meta dd{margin:0;color:var(--ink);font-size:12px;line-height:1.7;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.order-detail-trade{grid-column:1/-1}.order-detail-trade dd{display:flex;align-items:center;gap:8px}.order-detail-trade code{color:var(--ink);font-size:12px;min-width:0;overflow-wrap:anywhere;letter-spacing:.2px}.order-detail-copy{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);flex:none;cursor:pointer}.order-detail-copy>.icon{width:14px;height:14px}.order-detail-copy:hover{color:var(--blue);background:var(--surface-soft)}.order-detail-deductions{display:grid;gap:9px;margin:0 0 20px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.order-detail-deductions>div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.order-detail-deductions dt{color:var(--muted)}.order-detail-deductions dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.order-detail-view #pay-form{padding-top:18px;border-top:1px solid var(--line);gap:17px}.order-detail-view .payment-method-fieldset legend{font-size:13px;margin-bottom:11px}.order-detail-view .payment-method-options{gap:9px}.order-detail-view .payment-method-option{min-height:47px;padding:11px 12px;font-size:12px;box-shadow:none}.order-detail-view .payment-method-option.selected{border-width:1px;box-shadow:inset 0 0 0 1px var(--blue);background:var(--surface-soft);color:var(--blue)}.order-detail-view .payment-method-option:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.order-detail-view #pay-form>.btn{width:100%;justify-content:center;min-height:43px;font-size:13px;border-radius:9px}.order-detail-view .order-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px;padding-top:0}.order-detail-view .order-actions .btn{min-height:38px;font-size:11px;line-height:1.6;border-radius:9px;justify-content:center;padding:9px 12px}.order-detail-view #cancel-order{background:transparent;border-color:var(--line);color:var(--muted)}.order-detail-view #cancel-order:hover{color:#d16b64;border-color:#d16b6460}.order-detail-view #payment-result:not(:empty){margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);text-align:center}.order-detail-view #payment-result .qr{max-width:100%;overflow:hidden}
@media(max-width:600px){.order-detail-summary{padding:17px}.order-detail-heading h3{font-size:16px}.order-detail-total{font-size:28px}.order-detail-meta{gap:14px}.order-detail-view .payment-method-option{font-size:11px;gap:8px}.order-detail-view .order-actions{grid-template-columns:minmax(0,1fr) auto}.order-detail-view .order-actions .btn{padding:9px 10px;font-size:10px}}

/* Compact order review uses the viewport before requiring any overflow. */
#modal:has(.order-detail-view){width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto}
#modal:has(.order-detail-view) .modal-head{padding:13px 19px}#modal:has(.order-detail-view) .modal-head h2{font-size:17px;margin:0}#modal:has(.order-detail-view) .modal-body{padding:17px 19px}
.order-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 15px;align-items:center;padding:15px 17px;margin-bottom:15px}.order-detail-heading{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0}.order-detail-heading h3{font-size:17px}.order-detail-amount-label{grid-column:2;grid-row:1;margin:0;text-align:right;font-size:10px}.order-detail-total{grid-column:2;grid-row:2;text-align:right;font-size:27px}
.order-detail-meta{gap:10px 16px;margin-bottom:14px}.order-detail-meta dt{margin-bottom:2px;font-size:10px}.order-detail-meta dd,.order-detail-trade code{font-size:11px}.order-detail-copy{width:25px;height:25px}.order-detail-deductions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;margin-bottom:13px}.order-detail-deductions>div{flex-direction:column;gap:2px;font-size:10px}.order-detail-view #pay-form{margin:0;padding-top:13px;gap:12px}.order-detail-view .payment-method-fieldset legend{font-size:12px;margin-bottom:8px}.order-detail-view .payment-method-options{gap:7px}.order-detail-view .payment-method-option{min-height:39px;padding:8px 11px;font-size:12px}.order-detail-view #pay-form>.btn{min-height:40px;padding:9px 13px;font-size:12px}.order-detail-view .order-actions{margin-top:9px;gap:8px}.order-detail-view .order-actions .btn{min-height:34px;padding:7px 10px}.order-detail-view #payment-result:not(:empty){padding:12px;margin-top:12px}.order-detail-view #payment-result .qr{margin:0 auto;max-width:170px}.order-detail-view #payment-result .qr :is(canvas,img){max-width:100%;height:auto}
@media(max-width:600px){#modal:has(.order-detail-view){max-height:calc(100dvh - 16px);width:calc(100% - 20px)}#modal:has(.order-detail-view) .modal-head{padding:11px 14px}#modal:has(.order-detail-view) .modal-body{padding:14px}.order-detail-summary{padding:12px;margin-bottom:12px;gap:3px 10px}.order-detail-heading h3{font-size:15px}.order-detail-heading{gap:6px}.order-detail-total{font-size:24px}.order-detail-meta{gap:8px 12px;margin-bottom:11px}.order-detail-view .payment-method-option{font-size:11px;padding:8px;gap:7px}.order-detail-view .payment-method-check{width:15px;height:15px;flex-basis:15px}.order-detail-view #pay-form{padding-top:11px;gap:10px}.order-detail-view .order-actions .btn{font-size:10px}}
@media(max-height:700px){#modal:has(.order-detail-view) .modal-head{padding-block:9px}#modal:has(.order-detail-view) .modal-body{padding-top:11px;padding-bottom:11px}.order-detail-summary{padding:10px 12px;margin-bottom:10px}.order-detail-heading h3{font-size:15px}.order-detail-total{font-size:23px}.order-detail-meta{gap:7px 12px;margin-bottom:10px}.order-detail-deductions{padding:8px 10px;margin-bottom:9px}.order-detail-view .payment-method-option{min-height:34px;padding-block:6px}.order-detail-view #pay-form{padding-top:9px;gap:9px}.order-detail-view #pay-form>.btn{min-height:36px;padding-block:7px}.order-detail-view .order-actions .btn{min-height:32px;padding-block:6px}}

.order-list-actions .order-actions-inline>.order-pay-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:33px;padding:7px 12px;background:#2864ed;border:1px solid #2864ed;color:#fff;font-weight:650;box-shadow:0 3px 8px #2864ed1c}.order-list-actions .order-pay-button>.icon{width:14px;height:14px;flex:none}.order-list-actions .order-actions-inline>.order-pay-button:hover{background:#2357ce;border-color:#2357ce;color:#fff}[data-theme="dark"] .order-list-actions .order-actions-inline>.order-pay-button{background:#3269cf;border-color:#5285e0;color:#fff;box-shadow:0 3px 8px #00000014}

.plan-purchase-cycle{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:12px}.plan-purchase-cycle>span{color:var(--muted)}.plan-purchase-cycle>strong{color:var(--ink);font-weight:600}.plan-purchase-notice{display:flex;align-items:flex-start;gap:9px;margin:16px 0 19px;padding:13px;border-radius:10px;background:color-mix(in srgb,var(--blue) 4%,var(--surface));color:var(--muted)}.plan-purchase-notice>.icon{width:16px;height:16px;margin-top:3px;flex:none;color:var(--blue)}.plan-purchase-notice p{font-size:11px;line-height:1.85;margin:0}.plan-purchase-notice p+p{margin-top:5px}.plan-purchase .form-stack{gap:16px;margin:0}.plan-purchase .reset-purchase-summary{margin-bottom:0}.plan-purchase .reset-purchase-actions{padding-top:0}.plan-purchase .reset-purchase-consent{margin:0}@media(max-width:600px){.plan-purchase-notice{padding:11px;margin:14px 0 16px}.plan-purchase .form-stack{gap:14px}.plan-purchase-cycle{padding-block:12px}}

/* Inside the dialog top layer, the checkout mask blocks the entire viewport. */
.payment-lock-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#10243f70;cursor:wait;touch-action:none;outline:none}.payment-lock-panel{width:min(340px,100%);padding:29px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 16px 48px #07152730;text-align:center}.payment-lock-panel p{font-size:15px;font-weight:600;margin:17px 0 8px;line-height:1.6}.payment-lock-panel small{display:block;font-size:11px;line-height:1.9;color:var(--muted)}.payment-lock-spinner{display:inline-block;width:30px;height:30px;border:3px solid color-mix(in srgb,var(--blue) 18%,var(--surface));border-top-color:var(--blue);border-radius:50%;animation:payment-lock-spin .85s linear infinite}@keyframes payment-lock-spin{to{transform:rotate(360deg)}}[data-theme="dark"] .payment-lock-overlay{background:#050d1c90}@media(prefers-reduced-motion:reduce){.payment-lock-spinner{animation:none}}

.order-detail-meta>.order-detail-cycle dt{color:var(--ink);font-weight:550}.order-cycle-badge{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--blue) 11%,var(--surface));color:var(--blue);font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.2px}.order-detail-cycle dd{margin-top:4px}@media(max-height:700px){.order-cycle-badge{min-height:26px;padding:4px 10px;font-size:13px}.order-detail-cycle dd{margin-top:2px}}

.plan-card .plan-period-label{display:block;margin:18px 0 15px}.plan-period-caption{display:block;margin-bottom:8px;font-size:12px;font-weight:550;color:var(--ink)}.plan-period-label select[hidden]{display:none!important}.plan-period-control{position:relative;min-width:0}.plan-period-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:45px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;line-height:1.6;text-align:left;cursor:pointer}.plan-period-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.plan-period-arrow{display:flex;flex:none;color:var(--muted)}.plan-period-arrow svg{width:16px;height:16px}.plan-period-trigger:hover,.plan-period-trigger[aria-expanded="true"]{border-color:color-mix(in srgb,var(--blue) 50%,var(--line));background:color-mix(in srgb,var(--blue) 4%,var(--surface))}.plan-period-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.plan-period-options{position:absolute;inset:auto 0 auto 0;top:calc(100% + 7px);z-index:20;max-height:230px;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 10px 25px #1428461a}.plan-period-options[hidden]{display:none}.plan-period-option{display:block;width:100%;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:12px;font-weight:400;line-height:1.7;text-align:left;cursor:pointer}.plan-period-option:hover,.plan-period-option:focus-visible{background:var(--surface-soft);outline:none}.plan-period-option[aria-selected="true"]{background:var(--surface-soft);color:var(--blue);font-weight:650}.plan-period-option[aria-selected="true"]:after{content:'✓';float:right;margin-left:9px}.plan-card:has(.plan-period-control){overflow:visible}.plan-card:has(.plan-period-trigger[aria-expanded="true"]){z-index:10}@media(max-width:600px){.plan-period-trigger{min-height:44px;font-size:13px}.plan-period-option{padding-block:11px}.plan-period-options{max-height:210px}}

/* Calm chat bubbles distinguish support and user messages without visual clutter. */
.ticket-messages{background:var(--bg);padding:23px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.ticket-messages .message{width:fit-content;max-width:min(82%,560px);margin:0 0 20px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.ticket-messages .message.me{margin-left:auto;background:transparent}
.ticket-messages .message-meta{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;padding:0;margin:0 4px 6px;color:var(--muted);font-size:10px;line-height:1.6}
.ticket-messages .message-meta strong{color:color-mix(in srgb,var(--ink) 75%,var(--muted));font-size:11px;font-weight:550}.ticket-messages .message.me .message-meta{justify-content:flex-end}.ticket-messages .message.me .message-meta strong{color:var(--blue)}.ticket-messages .message-meta time{font-size:10px;font-weight:400;letter-spacing:.1px;color:var(--muted)}
.ticket-messages .message .message-bubble{padding:12px 15px;border:1px solid var(--line);border-radius:5px 15px 15px 15px;background:var(--surface);color:var(--ink);box-shadow:0 2px 5px #17345b04}
.ticket-messages .message.me .message-bubble{border-radius:15px 5px 15px 15px;border-color:color-mix(in srgb,var(--blue) 18%,var(--line));background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--ink)}
.ticket-messages .message .message-bubble p{margin:0;font-size:13px;font-weight:400;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:4}
[data-theme="dark"] .ticket-messages{background:var(--bg)}[data-theme="dark"] .ticket-messages .message .message-bubble{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 2px 6px #0000000a}[data-theme="dark"] .ticket-messages .message.me .message-bubble{background:color-mix(in srgb,var(--blue) 14%,var(--surface));border-color:color-mix(in srgb,var(--blue) 23%,var(--line))}[data-theme="dark"] .ticket-messages .message-meta,[data-theme="dark"] .ticket-messages .message-meta strong{color:var(--muted)}[data-theme="dark"] .ticket-messages .message.me .message-meta strong{color:var(--blue)}
@media(max-width:600px){.ticket-messages{padding:18px 13px}.ticket-messages .message{max-width:90%;margin-bottom:18px}.ticket-messages .message-meta{gap:7px;margin:0 3px 5px}.ticket-messages .message .message-bubble{padding:11px 13px;border-radius:5px 13px 13px 13px}.ticket-messages .message.me .message-bubble{border-radius:13px 5px 13px 13px}.ticket-messages .message .message-bubble p{font-size:13px;line-height:1.85}.ticket-messages .message-meta time{font-size:9px}}

/* Metadata width must not stretch short message bubbles. */
.ticket-messages .message{display:flex;flex-direction:column;align-items:flex-start}.ticket-messages .message.me{align-items:flex-end}.ticket-messages .message .message-bubble{width:fit-content;max-width:100%;min-width:0;box-sizing:border-box}.ticket-messages .message .message-bubble p{min-width:0;max-width:100%}

.plan-card .plan-content{margin:17px 0 21px}.plan-content .configured-plan-intro>p{margin:0 0 15px;font-size:12px;line-height:1.9;color:var(--muted);white-space:pre-line}.plan-content .configured-plan-intro>ul{list-style:none;padding:0;margin:0;display:grid;gap:0}.plan-content .configured-plan-intro li{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8;color:var(--ink)}.plan-content .configured-plan-intro li:last-child{border-bottom:0}.configured-plan-intro li>.icon{width:15px;height:15px;flex:none;margin-top:3px;color:var(--blue)}.configured-plan-intro li>span{min-width:0;overflow-wrap:anywhere;white-space:pre-line}.purchase-notice-card .configured-plan-intro>p{color:var(--ink)}

/* Concise specification rows replace paragraphs of repeated labels. */
.plan-content .configured-plan-intro>p{font-size:11px;line-height:1.7;margin-bottom:9px}.plan-content .configured-plan-intro>ul{gap:0}.plan-content .configured-plan-intro li.configured-plan-spec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:baseline;gap:10px;padding:8px 0;font-size:11px;line-height:1.7}.configured-plan-spec>span{color:var(--muted)}.configured-plan-spec>strong{font-size:11px;font-weight:550;text-align:right;color:var(--ink);overflow-wrap:anywhere}.plan-content .configured-plan-intro li.configured-plan-line{padding:8px 0;font-size:11px}.configured-plan-notice{display:flex;align-items:flex-start;gap:7px;padding:10px 11px;margin-top:13px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));border-radius:8px;color:var(--ink);font-size:10px;line-height:1.85}.configured-plan-notice>.icon{width:14px;height:14px;margin-top:2px;flex:none;color:var(--blue)}.configured-plan-more{margin-top:12px;font-size:11px;color:var(--muted)}.configured-plan-more>summary{cursor:pointer;line-height:1.8;font-weight:500;color:var(--blue);padding:3px 0}.plan-content .configured-plan-intro .configured-plan-more>ul{display:grid;gap:7px;margin:10px 0 0;padding:0 0 0 15px;list-style:disc}.plan-content .configured-plan-intro .configured-plan-more li{display:list-item;padding:0;border:0;font-size:10px;line-height:1.85;color:var(--muted)}.plan-card .plan-content{margin:12px 0 17px}

/* A compact specification grid groups related facts instead of stacking rows. */
.plans-grid .plan-card{padding:23px;display:flex;flex-direction:column}.plans-grid .plan-card>h2{font-size:21px;line-height:1.5;margin-bottom:10px}.plans-grid .plan-card>.plan-price{font-size:29px;line-height:1.3;margin:0 0 12px}.plans-grid .plan-card>.plan-price small{font-size:11px}.plans-grid .plan-card .plan-content{margin:0 0 15px}.plan-content .configured-plan-intro>p{font-size:11px;line-height:1.7;margin:0 0 10px;color:var(--muted)}
.plan-content .configured-plan-intro>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;margin:0;padding:0}.plan-content .configured-plan-intro>ul>li.configured-plan-spec{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:53px;padding:9px 10px;border:0;border-radius:8px;background:color-mix(in srgb,var(--blue) 4%,var(--surface));line-height:1.6}.configured-plan-spec>span{font-size:10px;color:var(--muted)}.configured-plan-spec>strong{text-align:left;font-size:12px;line-height:1.65;font-weight:600;color:var(--ink)}.plan-content .configured-plan-intro>ul>li.configured-plan-spec:first-child>strong{color:var(--blue)}.plan-content .configured-plan-intro>ul>li.configured-plan-spec:last-child:nth-child(odd){grid-column:1/-1;min-height:35px;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;padding-block:7px}.plan-content .configured-plan-intro>ul>li.configured-plan-spec:last-child:nth-child(odd)>strong{text-align:right}.plan-content .configured-plan-intro>ul>li.configured-plan-line{grid-column:1/-1;min-height:0;padding:5px 0;border:0;font-size:11px}
.configured-plan-notice{margin-top:10px;padding:9px 10px;border-radius:8px;background:transparent;border:1px solid var(--line);font-size:10px;line-height:1.8;gap:6px}.configured-plan-notice>span{white-space:pre-line}.configured-plan-notice>.icon{width:13px;height:13px}.configured-plan-more{margin-top:8px}.configured-plan-more>summary{font-size:10px;padding:2px 0}.plans-grid .plan-card .plan-period-label{margin:0 0 12px}.plans-grid .plan-card>.btn.full{min-height:40px;padding:9px 12px;font-size:12px}.plan-period-caption{font-size:11px;margin-bottom:6px}
@media(max-width:600px){.plans-grid .plan-card{padding:21px}.plans-grid .plan-card>h2{font-size:20px}.plans-grid .plan-card>.plan-price{font-size:28px}.plan-content .configured-plan-intro>ul{gap:7px}.plan-content .configured-plan-intro>ul>li.configured-plan-spec{padding:9px 10px;min-height:51px}.configured-plan-notice{font-size:10px}}

/* Purchase terms use the full grid width, with readable rule columns. */
.plans-grid>.plan-card.purchase-notice-card{grid-column:1/-1;padding:22px 24px;border:1px solid var(--line);background:var(--surface);box-shadow:0 4px 14px #17345b05}.purchase-notice-card .purchase-notice-heading{margin-bottom:8px}.purchase-notice-card .purchase-notice-heading h2{font-size:17px;margin:0}.purchase-notice-card .purchase-notice-heading>.icon{width:19px;height:19px;color:var(--blue)}.purchase-notice-card .plan-content{margin:0!important}.purchase-note-intro{font-size:11px!important;color:var(--muted)!important;line-height:1.8!important;margin:0 0 13px!important}.purchase-note-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.purchase-note-rule{min-width:0}.purchase-note-rule h4{font-size:12px;line-height:1.7;color:var(--ink);font-weight:650;margin:0 0 6px!important}.purchase-note-rule p{font-size:11px!important;line-height:1.9!important;color:color-mix(in srgb,var(--ink) 80%,var(--muted));margin:0!important}.purchase-note-rules>.purchase-note-rule+.purchase-note-rule{border-left:1px solid var(--line);padding-left:18px}.purchase-note-limits{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:18px;margin-top:17px;padding:14px 16px;border-radius:10px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));border:1px solid var(--line)}.purchase-note-limits .purchase-note-rule h4{color:var(--blue);font-size:11px}.purchase-note-regions{margin-top:12px}.purchase-note-regions summary{cursor:pointer;color:var(--blue);font-size:11px;line-height:1.7;padding:3px 0}.purchase-note-regions p{font-size:11px!important;line-height:1.9!important;color:var(--muted);margin:9px 0 0!important}
@media(max-width:900px){.purchase-note-rules{grid-template-columns:minmax(0,1fr);gap:12px}.purchase-note-rules>.purchase-note-rule+.purchase-note-rule{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.purchase-note-limits{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:600px){.plans-grid>.plan-card.purchase-notice-card{padding:18px}.purchase-note-limits{padding:12px;margin-top:14px}.purchase-note-rule p{font-size:11px!important;line-height:1.85!important}}

.configured-service-icons{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%;padding-top:3px}.configured-service-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--ink)}.configured-service-icon>svg{display:block;width:19px;height:19px}.configured-service-icon.service-openai{color:var(--ink)}.configured-service-icon.service-streaming{color:var(--blue)}.configured-service-icon.service-ai{color:#8971cf}[data-theme="dark"] .configured-service-icon.service-ai{color:#c8b9ff}[data-theme="dark"] .configured-service-icon.service-disney>svg{filter:brightness(0) invert(1)}[data-theme="dark"] .configured-service-icon.service-hbo>svg{color:var(--ink)}.plan-content .configured-plan-intro>ul>li.configured-service-spec{justify-content:flex-start}

.configured-service-icons{gap:5px}.configured-service-icon{width:18px;height:18px}.configured-service-icon>svg{width:18px;height:18px}

/* Every plan in a row stretches equally; purchase controls share a baseline. */
.plans-grid{align-items:stretch}.plans-grid>.plan-card:not(.purchase-notice-card){height:100%;align-self:stretch;display:flex;flex-direction:column}.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-content{flex:1}.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-period-label{margin-top:auto}.plans-grid>.plan-card:not(.purchase-notice-card)>.btn.full{flex-shrink:0}

/* Plan identity and hierarchy keep price and allowance immediately readable. */
.plans-grid>.plan-card:not(.purchase-notice-card){--plan-accent:#527fb8;--plan-tint:8%;position:relative;padding:24px;border-radius:17px;border:1px solid color-mix(in srgb,var(--plan-accent) 26%,var(--line));background:linear-gradient(155deg,var(--surface) 45%,color-mix(in srgb,var(--plan-accent) var(--plan-tint),var(--surface)));box-shadow:inset 0 1px 0 #ffffff08,0 7px 20px #17345b07}
.plans-grid>.plan-card.plan-theme-slate{--plan-accent:#75869d;--plan-tint:5%}.plans-grid>.plan-card.plan-theme-blue{--plan-accent:#527fb8}.plans-grid>.plan-card.plan-theme-teal{--plan-accent:#428c80}.plans-grid>.plan-card.plan-theme-indigo{--plan-accent:#7778ac}.plans-grid>.plan-card.plan-theme-azure{--plan-accent:#3d86a5;--plan-tint:10%}.plans-grid>.plan-card.plan-theme-violet{--plan-accent:#9176b7;--plan-tint:10%}
.plans-grid>.plan-card:not(.purchase-notice-card)>h2{font-size:21px;font-weight:700;letter-spacing:-.2px;line-height:1.5;margin-bottom:12px}.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-price{font-size:32px;font-weight:750;letter-spacing:-.7px;color:var(--ink);margin-bottom:14px;font-variant-numeric:tabular-nums}.plans-grid>.plan-card>.plan-price small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}
.plans-grid .plan-card .configured-plan-intro>p{font-size:11px;line-height:1.7;margin-bottom:12px;color:color-mix(in srgb,var(--plan-accent) 55%,var(--ink))}
.plan-card .plan-content .configured-plan-intro>ul{gap:8px}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec{min-height:57px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--plan-accent) 10%,transparent);border-radius:9px;background:color-mix(in srgb,var(--plan-accent) 5%,var(--surface));gap:4px;order:1}.plan-card .configured-plan-spec>span{font-size:10px;line-height:1.6}.plan-card .configured-plan-spec>strong{font-size:12px;line-height:1.65;font-weight:600;text-align:left}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:first-child>strong{font-size:21px;font-weight:750;line-height:1.2;color:var(--blue);letter-spacing:-.3px}
.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(2){order:2}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(4){order:3}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(5){order:4;grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:center;min-height:57px;padding:9px 11px;gap:4px}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(5)>strong{text-align:left}
.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(3){order:5;grid-column:1/-1;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:11px 0 0;min-height:0;gap:7px}.plan-card .configured-service-icons{gap:6px;padding:0}.plan-card .configured-service-icon{width:19px;height:19px}.plan-card .configured-service-icon>svg{width:19px;height:19px}
.plan-card .configured-plan-notice{font-size:11px;line-height:1.8;background:color-mix(in srgb,var(--plan-accent) 4%,var(--surface));border:0;padding:10px 11px;margin-top:12px}.plan-card .configured-plan-more>summary{font-size:11px;color:var(--blue)}.plans-grid .plan-card .plan-period-label{margin-bottom:11px}.plans-grid .plan-card>.btn.full{min-height:42px;border-radius:10px;font-size:13px;font-weight:650;background:var(--surface-soft);border-color:color-mix(in srgb,var(--blue) 25%,var(--line));color:var(--blue);box-shadow:none}
[data-theme="dark"] .plans-grid>.plan-card:not(.purchase-notice-card){--plan-tint:17%;border-color:color-mix(in srgb,var(--plan-accent) 40%,var(--line))}[data-theme="dark"] .plan-card .configured-plan-intro>p{color:var(--muted)}
@media(hover:hover){.plans-grid .plan-card>.btn.full:hover:not(:disabled){background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}}
@media(max-width:600px){.plans-grid>.plan-card:not(.purchase-notice-card){padding:22px}.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-price{font-size:30px}.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:first-child>strong{font-size:20px}.plan-card .configured-plan-notice{font-size:11px}}

.plan-card .configured-plan-notice.configured-plan-restrictions{background:#fff3e5;border:1px solid #e6c49b;color:#805021;padding:11px 12px;gap:9px;border-radius:9px}
.configured-plan-restrictions>div{min-width:0;display:grid;gap:4px}.configured-plan-restrictions>div>strong{font-size:12px;line-height:1.5;font-weight:750}.configured-plan-restrictions>div>span{font-size:11px;line-height:1.85;white-space:pre-line;font-weight:550}.configured-plan-notice.configured-plan-restrictions>.icon{width:17px;height:17px;color:inherit;margin-top:1px}
[data-theme="dark"] .plan-card .configured-plan-notice.configured-plan-restrictions{background:#3a3026;border-color:#786044;color:#f2cda1}

/* Two consistent color families; soft borders and progressive surface depth. */
.plans-grid>.plan-card:not(.purchase-notice-card){--plan-accent:#427fc4;--plan-tint:18%;--plan-dark-tint:25%;background:linear-gradient(150deg,color-mix(in srgb,var(--plan-accent) calc(var(--plan-tint) * .55),var(--surface)),color-mix(in srgb,var(--plan-accent) var(--plan-tint),var(--surface)));border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff12,0 6px 20px #17345b08}
.plans-grid>.plan-card.plan-theme-slate{--plan-accent:#427fc4;--plan-tint:10%;--plan-dark-tint:17%}
.plans-grid>.plan-card.plan-theme-blue{--plan-accent:#427fc4;--plan-tint:17%;--plan-dark-tint:24%}
.plans-grid>.plan-card.plan-theme-teal{--plan-accent:#427fc4;--plan-tint:24%;--plan-dark-tint:31%}
.plans-grid>.plan-card.plan-theme-indigo{--plan-accent:#427fc4;--plan-tint:31%;--plan-dark-tint:38%}
.plans-grid>.plan-card.plan-theme-azure{--plan-accent:#427fc4;--plan-tint:38%;--plan-dark-tint:45%}
.plans-grid>.plan-card.plan-theme-violet{--plan-accent:#7c74b6;--plan-tint:17%;--plan-dark-tint:24%}
.plans-grid>.plan-card.plan-theme-violet-medium{--plan-accent:#7c74b6;--plan-tint:27%;--plan-dark-tint:34%}
.plans-grid>.plan-card.plan-theme-violet-deep{--plan-accent:#7c74b6;--plan-tint:37%;--plan-dark-tint:44%}
[data-theme="dark"] .plans-grid>.plan-card:not(.purchase-notice-card){background:linear-gradient(150deg,color-mix(in srgb,var(--plan-accent) calc(var(--plan-dark-tint) * .55),var(--surface)),color-mix(in srgb,var(--plan-accent) var(--plan-dark-tint),var(--surface)));border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff06,0 6px 20px #00000012}

/* Visible, restrained outlines follow each plan color family. */
.plans-grid>.plan-card:not(.purchase-notice-card){border-color:color-mix(in srgb,var(--plan-accent) 30%,var(--line))}
[data-theme="dark"] .plans-grid>.plan-card:not(.purchase-notice-card){border-color:color-mix(in srgb,var(--plan-accent) 38%,var(--line))}

/* Consistent metric rhythm with restrained accents in both themes. */
.plan-card .plan-content .configured-plan-intro>ul{column-gap:9px;row-gap:9px;align-items:stretch}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{--metric-color:#3479bd;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;min-width:0;min-height:103px;padding:13px 12px;border:1px solid color-mix(in srgb,var(--metric-color) 14%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--metric-color) 4%,var(--surface)),color-mix(in srgb,var(--plan-accent) 2%,var(--surface)));border-radius:11px;box-shadow:inset 0 1px 0 #ffffff60}
.plan-card .plan-content .configured-plan-intro>ul>li.metric-speed{--metric-color:#30887c}.plan-card .plan-content .configured-plan-intro>ul>li.metric-coverage{--metric-color:#7c6bb1}.plan-card .plan-content .configured-plan-intro>ul>li.metric-devices{--metric-color:#a77435}
.plan-card .plan-metric>.metric-caption{display:flex;align-items:center;gap:7px;min-height:23px;font-size:11px;line-height:1.5;font-weight:500;color:var(--muted)}.metric-caption>span{min-width:0;overflow-wrap:anywhere}.metric-icon{width:23px;height:23px;padding:4px;box-sizing:border-box;border-radius:7px;flex:none;color:var(--metric-color);background:color-mix(in srgb,var(--metric-color) 9%,transparent)}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric>strong.metric-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;min-width:0;text-align:left;font-size:23px;line-height:1.2;font-weight:700;color:var(--ink);letter-spacing:-.55px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric-value>b{font-size:inherit;font-weight:inherit}.metric-value>small{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:0;color:var(--muted)}.plan-card .plan-metric>.metric-secondary{font-size:11px;line-height:1.5;color:var(--muted);font-weight:500;margin-top:-3px}
.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(3){padding-top:13px;margin-top:2px;gap:9px}.plan-card .configured-service-icons{gap:8px;flex-wrap:wrap}.plan-card .configured-plan-more{margin-top:11px}.plan-card .plan-content{margin-top:14px}
[data-theme="dark"] .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{background:linear-gradient(145deg,color-mix(in srgb,var(--metric-color) 9%,var(--surface)),color-mix(in srgb,var(--plan-accent) 4%,var(--surface)));border-color:color-mix(in srgb,var(--metric-color) 22%,var(--line));box-shadow:inset 0 1px 0 #ffffff04}[data-theme="dark"] .metric-icon{color:color-mix(in srgb,var(--metric-color) 65%,#fff);background:color-mix(in srgb,var(--metric-color) 17%,transparent)}
@media(max-width:600px){.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{padding:12px 11px;min-height:100px}.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric>strong.metric-value{font-size:22px}}

/* Compact metric tiles inherit the surrounding plan family. */
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{--metric-color:var(--plan-accent);min-height:88px;padding:11px 12px;gap:7px;border-radius:9px;border-color:color-mix(in srgb,var(--plan-accent) 18%,var(--line));background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none}
.plan-card .plan-metric>.metric-caption{gap:6px;min-height:18px;font-size:11px;line-height:1.5}.plan-metric .metric-icon{width:16px;height:16px;padding:0;border-radius:0;background:transparent;color:var(--plan-accent)}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric>strong.metric-value{font-size:21px;line-height:1.25;letter-spacing:-.35px;gap:2px 5px}.metric-value>small{font-size:11px;font-weight:400}.plan-card .plan-metric>.metric-secondary{font-size:10px;line-height:1.5;margin-top:-4px}
[data-theme="dark"] .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{background:color-mix(in srgb,var(--surface) 78%,transparent);border-color:color-mix(in srgb,var(--plan-accent) 26%,var(--line));box-shadow:none}[data-theme="dark"] .plan-metric .metric-icon{background:transparent;color:color-mix(in srgb,var(--plan-accent) 65%,#fff)}
@media(max-width:600px){.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric{min-height:85px;padding:10px 11px}.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric>strong.metric-value{font-size:20px}}

/* Restrictions remain readable within the plan's visual palette. */
.plan-card .configured-plan-notice.configured-plan-restrictions{background:color-mix(in srgb,var(--plan-accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--plan-accent) 20%,var(--line));color:var(--ink);padding:10px 11px;gap:8px;border-radius:9px}
.configured-plan-restrictions>div{gap:4px}.configured-plan-restrictions>div>strong{font-size:11px;font-weight:650;line-height:1.6;color:var(--ink)}.configured-plan-restrictions>div>span{font-size:11px;font-weight:400;line-height:1.8;color:var(--muted)}.configured-plan-notice.configured-plan-restrictions>.icon{width:15px;height:15px;margin-top:2px;color:var(--plan-accent)}
[data-theme="dark"] .plan-card .configured-plan-notice.configured-plan-restrictions{background:color-mix(in srgb,var(--plan-accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--plan-accent) 25%,var(--line));color:var(--ink)}[data-theme="dark"] .configured-plan-notice.configured-plan-restrictions>.icon{color:color-mix(in srgb,var(--plan-accent) 65%,#fff)}

/* Purchase actions share the site's primary button palette. */
.plans-grid .plan-card>.btn.full[data-buy]{background:var(--blue);border-color:transparent;color:#fff;box-shadow:0 4px 10px #2864ed14}
[data-theme="dark"] .plans-grid .plan-card>.btn.full[data-buy]{background:linear-gradient(135deg,#4786f2,#3970df);border-color:transparent;color:#fff;box-shadow:0 5px 16px #2864ed45}
@media(hover:hover){.plans-grid .plan-card>.btn.full[data-buy]:hover:not(:disabled){background:var(--blue-dark);border-color:transparent;color:#fff}[data-theme="dark"] .plans-grid .plan-card>.btn.full[data-buy]:hover:not(:disabled){background:linear-gradient(135deg,#5c98ff,#4a7fee);border-color:transparent}}
.plans-grid .plan-card>.btn.full[data-buy]:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);outline-offset:3px}.plans-grid .plan-card>.btn.full[data-buy]:disabled{background:var(--surface-soft);border-color:var(--line);color:var(--muted);box-shadow:none;cursor:not-allowed}

/* Distinct streaming marks: YouTube play badge and Netflix lettermark. */
.plan-card .configured-service-icon.service-youtube{position:relative;isolation:isolate}
.plan-card .configured-service-icon.service-youtube:before{content:"";position:absolute;inset:5px 4px;background:#fff;z-index:-1;border-radius:2px}
.plan-card .configured-service-icon.service-youtube>svg path{fill:#ff0000}
.plan-card .configured-service-icon.service-netflix>svg path{fill:#b20710}
[data-theme="dark"] .plan-card .configured-service-icon.service-netflix>svg path{fill:#e50914}

.plan-period-caption.plan-period-caption-discount{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 8px}.plan-period-caption-discount>span:first-child{flex-shrink:0}.plan-period-caption .plan-period-discount{margin-left:auto;font-size:10px;font-weight:500;line-height:1.6;color:var(--blue);text-align:right;overflow-wrap:anywhere}

/* Order details use the same filled action palette as primary controls. */
:is(.order-list-actions .btn.secondary[data-order],.ticket-list-operations .btn.secondary[data-ticket]){background:var(--blue);border-color:transparent;color:#fff;box-shadow:0 4px 10px #2864ed14}
[data-theme="dark"] :is(.order-list-actions .btn.secondary[data-order],.ticket-list-operations .btn.secondary[data-ticket]){background:linear-gradient(135deg,#4786f2,#3970df);border-color:transparent;color:#fff;box-shadow:0 5px 16px #2864ed45}
@media(hover:hover){:is(.order-list-actions .btn.secondary[data-order],.ticket-list-operations .btn.secondary[data-ticket]):hover{background:var(--blue-dark);color:#fff}[data-theme="dark"] :is(.order-list-actions .btn.secondary[data-order],.ticket-list-operations .btn.secondary[data-ticket]):hover{background:linear-gradient(135deg,#5c98ff,#4a7fee)}}

.order-list-table .badge.order-cancelled{background:#fcecec;color:#b95b61;border:1px solid #f3d5d8}.order-list-table .badge.order-cancelled:before{background:currentColor}[data-theme="dark"] .order-list-table .badge.order-cancelled{background:#422e3a;color:#efa3ab;border-color:#63404d}

.ticket-list-operations .ticket-list-close{background:#b85e69;border:1px solid transparent;color:#fff;border-radius:9px;padding:6px 12px;min-height:33px;font-weight:550;text-decoration:none;box-shadow:none}[data-theme="dark"] .ticket-list-operations .ticket-list-close{background:#ad5664;color:#fff}@media(hover:hover){.ticket-list-operations .ticket-list-close:hover:not(:disabled){background:#a7505c;color:#fff}[data-theme="dark"] .ticket-list-operations .ticket-list-close:hover:not(:disabled){background:#bd6573}}.ticket-list-operations .ticket-list-close:disabled{opacity:.5;cursor:not-allowed}

/* Purchase guidance: balanced rules and permanently visible coverage. */
.plans-grid>.plan-card.purchase-notice-card{padding:24px 26px;border-radius:16px}.purchase-notice-card .purchase-notice-heading{display:flex;align-items:center;gap:9px;margin-bottom:8px}.purchase-note-rules{gap:20px;margin-top:16px}.purchase-note-rule h4{font-size:13px;font-weight:650;margin-bottom:7px!important}.purchase-note-rule p{font-size:12px!important;line-height:1.85!important}.purchase-note-limits{margin-top:20px;padding:14px 16px;background:color-mix(in srgb,var(--blue) 4%,var(--surface));border-radius:9px}.purchase-note-limits .purchase-note-rule p{font-size:11px!important}
.purchase-note-regions-open{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.purchase-note-region-heading{display:flex;align-items:center;gap:7px;color:var(--blue)}.purchase-note-region-heading>.icon{width:16px;height:16px}.purchase-note-region-heading h4{font-size:12px;line-height:1.6;font-weight:650;margin:0}.purchase-note-regions-open p{font-size:12px!important;line-height:2!important;color:var(--muted);margin-top:8px!important;max-width:105ch;text-wrap:pretty}
@media(max-width:900px){.purchase-note-rules{gap:14px}.purchase-note-rules>.purchase-note-rule+.purchase-note-rule{padding-top:14px}}
@media(max-width:600px){.plans-grid>.plan-card.purchase-notice-card{padding:19px}.purchase-note-limits{padding:12px}.purchase-note-regions-open p{font-size:11px!important;line-height:1.9!important}}

.purchase-popular-tag{position:absolute;top:17px;right:-5px;z-index:1;padding:4px 11px;background:#e9a448;color:#fffdf7;border-radius:3px 0 0 3px;font-size:12px;font-weight:650;line-height:1.6;letter-spacing:.3px;box-shadow:-2px 3px 6px #7a50141a}.purchase-popular-tag:after{content:"";position:absolute;top:100%;right:0;border-top:5px solid #aa7130;border-right:5px solid transparent}.plans-grid>.plan-card:has(.purchase-popular-tag)>h2{padding-right:48px}[data-theme="dark"] .purchase-popular-tag{background:#ba823b;color:#fff5e5}[data-theme="dark"] .purchase-popular-tag:after{border-top-color:#805824}

.purchase-popular-tag{top:16px;padding:6px 16px;font-size:15px;font-weight:700;line-height:1.6;letter-spacing:.5px}.plans-grid>.plan-card:has(.purchase-popular-tag)>h2{padding-right:66px}@media(max-width:600px){.purchase-popular-tag{padding:6px 14px;font-size:14px}.plans-grid>.plan-card:has(.purchase-popular-tag)>h2{padding-right:62px}}

.agreement-link{padding:0;border:0;background:transparent;color:var(--blue);font:inherit;cursor:pointer;text-align:left}.agreement-link:hover{text-decoration:underline}#modal:has(.service-agreement){width:min(760px,calc(100% - 28px))}.service-agreement{color:var(--ink);font-size:13px;line-height:1.9;overflow-wrap:anywhere}.service-agreement section+section{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.service-agreement h3{font-size:15px;font-weight:650;margin:0 0 10px;color:var(--ink)}.service-agreement p{margin:0 0 9px;line-height:1.9}

html[lang="en"] .plans-grid>.plan-card:has(.purchase-popular-tag)>h2{padding-right:88px}html[lang="en"] .purchase-popular-tag{font-size:13px;letter-spacing:.1px;padding:7px 12px}


/* Empty plan state shares panel structure and fills space with useful context. */
.dashboard-view .subscription-panel.no-subscription{align-self:stretch;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);box-shadow:none;padding:22px}
.dashboard-view .subscription-panel.no-subscription .panel-heading{margin:0;padding:0 0 15px;border-bottom:1px solid var(--line)}
.dashboard-view .subscription-panel.no-subscription .plan-overview{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;min-height:0;margin:0;padding:21px 0 0;border:0;background:transparent}
.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:20px;line-height:1.5;font-weight:650;color:var(--ink);letter-spacing:-.2px;margin:0 0 6px}.empty-plan-description{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
.empty-plan-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.empty-plan-highlights>span{display:flex;align-items:flex-start;gap:7px;min-width:0;font-size:11px;line-height:1.7;color:var(--muted)}.empty-plan-highlights .icon{width:16px;height:16px;color:var(--blue);margin-top:1px;flex:none}
.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;background:var(--blue);border-radius:9px;color:#fff;font-size:13px;font-weight:600;text-decoration:none}.dashboard-view .subscription-panel.no-subscription .subscription-actions,.dashboard-view .subscription-panel.no-subscription>p.muted.small{display:none}
[data-theme="dark"] .dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{background:linear-gradient(135deg,#4786f2,#3970df);color:#fff}
@media(max-width:600px){.dashboard-view .subscription-panel.no-subscription{padding:18px}.dashboard-view .subscription-panel.no-subscription .plan-overview{padding-top:17px;gap:18px}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:18px}.empty-plan-highlights{gap:8px;margin-top:16px;padding-top:13px}.empty-plan-highlights>span{flex-direction:column;gap:6px;font-size:11px}}

/* Unified empty-plan composition with a compact, aligned information group. */
.dashboard-view .subscription-panel.no-subscription .plan-overview{justify-content:flex-start;padding-top:18px;gap:18px}.dashboard-view .subscription-panel.no-subscription .plan-overview>div{width:100%}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:19px;line-height:1.5;margin-bottom:5px}.dashboard-view .subscription-panel.no-subscription .empty-plan-description{font-size:12px;line-height:1.75;max-width:42ch}
.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights{grid-template-columns:1fr;gap:10px;margin-top:16px;padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--blue) 3%,var(--surface))}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights>span{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:var(--muted)}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights .icon{width:16px;height:16px;margin:0;flex:none;color:var(--blue)}
.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{margin-top:auto;width:100%;min-height:42px;font-size:13px;letter-spacing:0}.dashboard-view .subscription-panel.no-subscription .panel-heading .badge{font-weight:500}
@media(max-width:600px){.dashboard-view .subscription-panel.no-subscription .plan-overview{gap:16px;padding-top:16px}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:18px}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights{padding:12px 13px;gap:9px;margin-top:14px}}

/* Empty plan state follows the dashboard panel hierarchy. */
.dashboard-view .subscription-panel.no-subscription{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px #17345b06;padding:22px}.dashboard-view .subscription-panel.no-subscription .panel-heading{padding-bottom:14px}.dashboard-view .subscription-panel.no-subscription .plan-overview{gap:17px;padding-top:17px}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.6;margin-bottom:5px}.dashboard-view .subscription-panel.no-subscription .empty-plan-description{font-size:12px;line-height:1.8;color:var(--muted)}
.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights{display:grid;grid-template-columns:1fr;gap:10px;margin-top:15px;padding:14px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights>span{font-size:12px;gap:9px;color:var(--muted)}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights .icon{color:var(--blue);width:15px;height:15px;opacity:.85}
.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{border:1px solid transparent;background:var(--blue);color:#fff;border-radius:9px;min-height:41px;font-size:12px;font-weight:550;box-shadow:0 4px 10px #2864ed14;transition:background .2s}.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link:hover{background:var(--blue-dark);text-decoration:none}[data-theme="dark"] .dashboard-view .subscription-panel.no-subscription{background:var(--surface);box-shadow:none}[data-theme="dark"] .dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{background:linear-gradient(135deg,#4786f2,#3970df);color:#fff;box-shadow:0 5px 16px #2864ed25}
@media(max-width:600px){.dashboard-view .subscription-panel.no-subscription{padding:18px}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:17px}.dashboard-view .subscription-panel.no-subscription .plan-overview{gap:15px;padding-top:15px}}

/* Prominent purchase guidance within the dashboard blue palette. */
.dashboard-view .subscription-panel.no-subscription{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 10%,var(--surface)),color-mix(in srgb,var(--blue) 3%,var(--surface)));border-color:color-mix(in srgb,var(--blue) 32%,var(--line));box-shadow:inset 0 3px 0 color-mix(in srgb,var(--blue) 70%,transparent),0 5px 18px #2864ed10}.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:23px;font-weight:700;line-height:1.5;color:var(--ink);letter-spacing:-.3px}.dashboard-view .subscription-panel.no-subscription .panel-heading{border-bottom-color:color-mix(in srgb,var(--blue) 17%,var(--line))}.dashboard-view .subscription-panel.no-subscription .panel-heading>.badge{background:color-mix(in srgb,var(--blue) 13%,var(--surface));color:var(--blue);font-weight:650}.dashboard-view .subscription-panel.no-subscription .empty-plan-description{color:color-mix(in srgb,var(--ink) 70%,var(--muted))}.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{min-height:46px;font-size:14px;font-weight:650;box-shadow:0 5px 13px #2864ed25}.dashboard-view .subscription-panel.no-subscription .empty-plan-highlights{border-top-color:color-mix(in srgb,var(--blue) 15%,var(--line))}
[data-theme="dark"] .dashboard-view .subscription-panel.no-subscription{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 14%,var(--surface)),color-mix(in srgb,var(--blue) 4%,var(--surface)));border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:inset 0 3px 0 color-mix(in srgb,var(--blue) 65%,transparent)}
@media(max-width:600px){.dashboard-view .subscription-panel.no-subscription .plan-overview h3{font-size:21px}.dashboard-view .subscription-panel.no-subscription .plan-overview>.text-link{min-height:45px}}

/* Shared select surfaces, geometry and focus treatment. */
select,.plan-period-trigger{min-height:44px;border:1px solid color-mix(in srgb,var(--blue) 14%,var(--line));border-radius:9px;background-color:var(--surface);color:var(--ink);font-size:13px;font-weight:450;line-height:1.6;box-shadow:none;transition:border-color .18s,box-shadow .18s,background-color .18s}
select{appearance:none;-webkit-appearance:none;padding:10px 38px 10px 12px;background-repeat:no-repeat;background-size:15px 15px;background-position:right 12px center}.plan-period-trigger{padding:10px 12px}.plan-period-arrow svg{width:15px;height:15px}
select:hover:not(:disabled),.plan-period-trigger:hover:not(:disabled){background-color:var(--surface-soft);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}select:focus,select:focus-visible,.plan-period-trigger:focus-visible,.plan-period-trigger[aria-expanded="true"]{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}select option{background:var(--surface);color:var(--ink)}
.plan-period-options{background:var(--surface);border-color:color-mix(in srgb,var(--blue) 14%,var(--line));border-radius:10px;padding:5px;box-shadow:0 8px 24px #182b4914}.plan-period-option{padding:10px 11px;font-size:13px;border-radius:6px}.plan-period-option[aria-selected="true"]{background:var(--surface-soft);color:var(--blue);font-weight:600}
[data-theme="dark"] select,[data-theme="dark"] .plan-period-trigger{background-color:var(--surface);border-color:var(--line);color:var(--ink)}[data-theme="dark"] select:hover:not(:disabled),[data-theme="dark"] .plan-period-trigger:hover:not(:disabled){background-color:var(--surface-soft);border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}[data-theme="dark"] select option{background:var(--surface);color:var(--ink)}[data-theme="dark"] select:focus,[data-theme="dark"] .plan-period-trigger[aria-expanded="true"]{border-color:var(--blue)}
select:disabled,.plan-period-trigger:disabled{opacity:.55;cursor:not-allowed}.email-domain-control>select{border-radius:9px}.language-dropdown,.docs-language-dropdown{border-radius:10px}
@media(max-width:600px){select{font-size:16px}.plan-period-trigger{font-size:13px}}

select.themed-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}.themed-select-control{width:100%;min-width:0}.email-domain-control>.email-themed-select{width:clamp(112px,42%,190px);max-width:46%;flex:0 1 190px}.email-themed-select .plan-period-trigger{font-size:13px;padding-inline:10px;gap:6px;min-height:45px}.email-themed-select .plan-period-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-themed-select .plan-period-options{min-width:170px;left:auto;right:0}.plan-period-option:focus-visible{outline:none;background:var(--surface-soft);color:var(--blue)}.plan-period-options{z-index:80}.filters .themed-select-control{min-width:140px}.form-stack .themed-select-control{margin-top:0}@media(max-width:420px){.email-domain-control>.email-themed-select{max-width:48%;flex-basis:154px}}

/* Order history: consistent column rhythm and compact mobile records. */
.order-list-wrap{margin-top:14px}.order-list-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.order-list-table th{padding:12px 13px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:550;letter-spacing:0;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.order-list-table th:first-child{border-radius:9px 0 0 0}.order-list-table th:last-child{border-radius:0 9px 0 0}.order-list-table tbody td{padding:17px 13px;vertical-align:middle;border-bottom:1px solid var(--line);color:var(--ink);line-height:1.65}.order-list-table tbody tr:last-child td{border-bottom:0}.order-list-table .order-number-link{color:var(--blue);font-size:11px;font-weight:550;font-variant-numeric:tabular-nums;text-align:left}.order-number-cell{gap:7px}.order-copy-button{opacity:.8}.order-list-table .order-list-plan strong{font-size:13px;font-weight:650;line-height:1.6}.order-list-table .order-list-amount{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.order-list-table tbody td:nth-child(5){font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.order-list-table .badge{font-size:11px;letter-spacing:0;white-space:nowrap}.order-actions-inline{gap:8px}.order-actions-inline .btn{min-height:34px;padding:7px 12px;border-radius:8px;font-size:11px}
@media(min-width:761px) and (hover:hover){.order-list-table tbody tr:hover{background:color-mix(in srgb,var(--blue) 3%,var(--surface))}}
@media(max-width:760px){.order-list-wrap{margin-top:14px}.order-list-table tbody tr,.order-list-table tbody tr:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 16px;margin:0 0 13px;padding:16px;border:1px solid color-mix(in srgb,var(--blue) 17%,var(--line));border-radius:12px;background:var(--surface);box-shadow:none}.order-list-table tbody tr:last-child{margin-bottom:0}.order-list-table tbody td{padding:0;border:0;line-height:1.6;gap:4px;min-width:0}.order-list-table td[data-label]:before{font-size:10px;color:var(--muted)}.order-list-table .order-list-number{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid var(--line)}.order-list-table .order-list-number:before{display:none}.order-list-table .order-number-link{font-size:11px;line-height:1.7;word-break:break-all}.order-list-table .order-list-plan{grid-column:1/-1}.order-list-table .order-list-plan strong{font-size:16px;line-height:1.5;font-weight:650}.order-list-table .order-list-plan:before{display:none}.order-list-table .order-list-amount{font-size:16px}.order-list-table tbody td:nth-child(5){font-size:11px}.order-list-table .order-list-actions{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line);min-width:0}.order-list-table .order-list-actions:before{display:none}.order-actions-inline{width:100%;gap:9px}.order-actions-inline .btn{min-height:39px;flex:1;font-size:12px}.order-list-table tbody td:last-child{border-bottom:0}[data-theme="dark"] .order-list-table tbody tr,[data-theme="dark"] .order-list-table tbody tr:last-child{background:var(--surface);border-color:color-mix(in srgb,var(--blue) 17%,var(--line));box-shadow:none}}

.filters:has(#order-filter){display:flex;align-items:center;justify-content:flex-start;gap:12px}.filters label:has(#order-filter){display:inline-flex;align-items:center;flex:0 0 auto;gap:12px;width:auto;max-width:100%;white-space:nowrap;font-size:12px}.filters label:has(#order-filter)>.themed-select-control{width:142px;min-width:0;flex:0 0 142px}.filters label:has(#order-filter) .plan-period-trigger{min-height:38px;padding:8px 11px;font-size:12px}.filters label:has(#order-filter) .plan-period-trigger>span:first-child{white-space:nowrap}.filters label:has(#order-filter) .plan-period-options{min-width:142px}@media(max-width:480px){.filters label:has(#order-filter){gap:10px}.filters label:has(#order-filter)>.themed-select-control{width:132px;flex-basis:132px}}

/* Filled cancellation actions share a restrained danger palette. */
.order-list-actions .btn[data-cancel-order],.order-detail-view #cancel-order{background:#bd5361;border-color:#bd5361;color:#fff;box-shadow:none;font-weight:550}
@media(hover:hover){.order-list-actions .btn[data-cancel-order]:hover:not(:disabled),.order-detail-view #cancel-order:hover:not(:disabled){background:#aa4553;border-color:#aa4553;color:#fff}}
[data-theme="dark"] .order-list-actions .btn[data-cancel-order],[data-theme="dark"] .order-detail-view #cancel-order{background:#b95263;border-color:#b95263;color:#fff}
@media(hover:hover){[data-theme="dark"] .order-list-actions .btn[data-cancel-order]:hover:not(:disabled),[data-theme="dark"] .order-detail-view #cancel-order:hover:not(:disabled){background:#c76172;border-color:#c76172;color:#fff}}
.order-list-actions .btn[data-cancel-order]:disabled,.order-detail-view #cancel-order:disabled{opacity:.5;cursor:not-allowed}

/* Order review hierarchy: summary, facts, payment choices, actions. */
#modal:has(.order-detail-view){width:min(650px,calc(100% - 24px));border:1px solid var(--line);border-radius:16px}#modal:has(.order-detail-view) .modal-head{padding:14px 20px;border-bottom:1px solid var(--line)}#modal:has(.order-detail-view) .modal-head h2{font-size:16px;font-weight:650}#modal:has(.order-detail-view) .modal-body{padding:18px 20px}
.order-detail-summary{border:1px solid color-mix(in srgb,var(--blue) 17%,var(--line));border-radius:11px;padding:15px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));gap:3px 16px}.order-detail-heading{gap:8px;min-width:0}.order-detail-heading h3{font-size:18px;line-height:1.5;font-weight:650;margin:0;overflow-wrap:anywhere;color:var(--ink)}.order-detail-heading .badge{font-size:10px;letter-spacing:0}.order-detail-amount-label{color:var(--muted);font-size:11px;line-height:1.5}.order-detail-total{font-size:29px;font-weight:700;line-height:1.25;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}
.order-detail-meta{grid-template-columns:1fr 1fr;gap:13px 18px;margin-bottom:15px}.order-detail-meta dt{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:4px}.order-detail-meta dd{font-size:12px;line-height:1.7}.order-detail-trade{padding-bottom:11px;border-bottom:1px solid var(--line)}.order-detail-trade dd{justify-content:space-between;gap:10px}.order-detail-trade code{font-size:12px;letter-spacing:.1px;color:var(--ink)}.order-detail-copy{width:27px;height:27px;border-radius:7px;background:var(--surface-soft)}.order-cycle-badge{font-size:13px;font-weight:650;min-height:27px;padding:4px 10px;border-radius:7px;letter-spacing:0}.order-detail-meta>div:last-child dd{padding-top:4px;color:var(--ink)}.order-detail-deductions{background:var(--surface-soft);border:0;border-radius:8px;padding:10px 12px;margin-bottom:14px;gap:10px}.order-detail-deductions>div{font-size:11px}
.order-detail-view #pay-form{gap:12px;padding-top:14px}.order-detail-view .payment-method-fieldset legend{font-size:12px;font-weight:650;color:var(--ink);margin-bottom:9px}.order-detail-view .payment-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.order-detail-view .payment-method-option{min-width:0;min-height:41px;padding:9px 11px;border-radius:9px;font-size:12px}.order-detail-view .payment-method-name{overflow-wrap:anywhere;line-height:1.5}.order-detail-view #pay-form>.btn{min-height:42px;border-radius:9px;font-size:13px;font-weight:600}.order-detail-view .order-actions{margin-top:11px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.order-detail-view .order-actions .btn{min-height:35px;padding:8px 12px;font-size:11px}.order-detail-view #check-payment{background:var(--surface);color:var(--muted);border-color:var(--line)}
@media(max-width:600px){#modal:has(.order-detail-view) .modal-head{padding:12px 15px}#modal:has(.order-detail-view) .modal-body{padding:15px}.order-detail-summary{padding:13px;margin-bottom:13px;gap:3px 10px}.order-detail-heading h3{font-size:16px}.order-detail-total{font-size:25px}.order-detail-meta{gap:10px 12px;margin-bottom:13px}.order-detail-trade code{font-size:11px}.order-detail-view .payment-method-option{padding:8px;min-height:39px;font-size:11px}}
@media(max-height:700px){#modal:has(.order-detail-view) .modal-head{padding-block:10px}#modal:has(.order-detail-view) .modal-body{padding-block:12px}.order-detail-summary{padding:11px 13px;margin-bottom:12px}.order-detail-meta{gap:8px 12px;margin-bottom:11px}.order-detail-view #pay-form{padding-top:11px;gap:10px}.order-detail-view .payment-method-option{min-height:35px;padding-block:7px}.order-detail-view #pay-form>.btn{min-height:38px}.order-detail-view .order-actions{margin-top:9px}}

/* Pending payment is the primary order status cue. */
.order-detail-heading #payment-state.orange{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid #efc075;border-radius:7px;background:#ffedc8;color:#92520d;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.2px}.order-detail-heading #payment-state.orange:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#d98016}
[data-theme="dark"] .order-detail-heading #payment-state.orange{background:#503b21;border-color:#a7793d;color:#ffda94}[data-theme="dark"] .order-detail-heading #payment-state.orange:before{background:#ffc15e}

.order-list-table .order-number-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.15px;line-height:1.7;color:color-mix(in srgb,var(--blue) 65%,var(--ink));font-variant-numeric:tabular-nums;text-decoration:none}.order-list-table .order-number-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.order-number-cell{align-items:center;gap:8px}.order-list-table .order-copy-button{color:var(--muted)}@media(max-width:760px){.order-list-table .order-number-link{font-size:11px;line-height:1.8;letter-spacing:.1px;overflow-wrap:anywhere;word-break:normal}.order-number-cell{align-items:flex-start}.order-copy-button{flex:none}}

/* Unified order identifiers in lists and every order detail entry point. */
.order-list-table .order-number-link,.order-detail-view .order-detail-trade code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12px;font-weight:500;letter-spacing:.15px;line-height:1.7;color:color-mix(in srgb,var(--blue) 65%,var(--ink));font-variant-numeric:tabular-nums;font-feature-settings:"tnum";overflow-wrap:anywhere;word-break:normal;background:transparent;padding:0;border-radius:0}.order-detail-trade dd{align-items:center;gap:9px}.order-detail-view .order-detail-trade code{display:block;flex:1;min-width:0}.order-detail-copy,.order-copy-button{flex-shrink:0}.order-detail-copy{color:var(--muted);border-color:var(--line);background:var(--surface-soft)}.order-detail-copy:hover{color:var(--blue)}@media(max-width:760px){.order-list-table .order-number-link,.order-detail-view .order-detail-trade code{font-size:11px;line-height:1.8;letter-spacing:.1px}}

/* Compact purchase guidance with readable rules and minimal decoration. */
.plans-grid>.plan-card.purchase-notice-card{padding:18px 20px;border-radius:12px;background:var(--surface);box-shadow:none;border-color:var(--line)}.purchase-notice-card .purchase-notice-heading{margin-bottom:0;gap:8px}.purchase-notice-card .purchase-notice-heading h2{font-size:15px;font-weight:650}.purchase-notice-card .purchase-notice-heading>.icon{width:17px;height:17px}.purchase-note-intro{display:none}
.purchase-note-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:13px}.purchase-note-rules>.purchase-note-rule+.purchase-note-rule{padding-left:16px;padding-top:0;border-top:0;border-left:1px solid var(--line)}.purchase-note-rule h4{font-size:12px;line-height:1.5;margin-bottom:5px!important;color:var(--ink)}.purchase-note-rule p{font-size:12px!important;line-height:1.7!important;color:var(--muted)}
.purchase-note-limits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:16px;padding:11px 0 0;margin-top:13px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.purchase-note-limits .purchase-note-rule h4{font-size:11px;color:var(--ink);margin-bottom:3px!important}.purchase-note-limits .purchase-note-rule p{font-size:11px!important;line-height:1.7!important}
.purchase-note-regions-open{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.purchase-note-region-heading{gap:5px;white-space:nowrap;color:var(--muted)}.purchase-note-region-heading h4{font-size:11px;line-height:1.7;font-weight:600}.purchase-note-region-heading>.icon{width:13px;height:13px}.purchase-note-regions-open p{max-width:none;font-size:11px!important;line-height:1.8!important;margin:0!important;color:var(--muted)}
@media(max-width:900px){.purchase-note-rules{grid-template-columns:1fr;gap:10px}.purchase-note-rules>.purchase-note-rule{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}.purchase-note-rules>.purchase-note-rule+.purchase-note-rule{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid var(--line)}.purchase-note-rule h4{margin:0!important}.purchase-note-limits{gap:12px;grid-template-columns:1fr}.purchase-note-limits>.purchase-note-rule{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}}
@media(max-width:600px){.plans-grid>.plan-card.purchase-notice-card{padding:16px}.purchase-note-rules>.purchase-note-rule,.purchase-note-limits>.purchase-note-rule{grid-template-columns:72px minmax(0,1fr);gap:9px}.purchase-note-rule h4{font-size:11px}.purchase-note-rule p{font-size:12px!important;line-height:1.75!important}.purchase-note-regions-open{grid-template-columns:1fr;gap:5px}.purchase-note-regions-open p{font-size:11px!important;line-height:1.8!important}}

.purchase-note-regions-open{display:block;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.purchase-note-region-heading{display:flex;align-items:center;gap:6px;white-space:normal;color:var(--ink)}.purchase-note-region-heading h4{font-size:12px;font-weight:600;line-height:1.6;margin:0}.purchase-note-region-heading>.icon{display:block;width:14px;height:14px;color:var(--muted)}.purchase-note-regions-open p{max-width:none;margin:7px 0 0!important;font-size:12px!important;line-height:1.85!important;color:var(--muted);text-wrap:pretty}@media(max-width:600px){.purchase-note-regions-open{margin-top:13px;padding-top:12px}.purchase-note-regions-open p{font-size:12px!important;line-height:1.8!important}}

.plan-card .plan-metric>.metric-caption{width:100%}.plan-coverage-button{margin-left:auto;flex:none;padding:0 2px;border:0;background:transparent;color:var(--blue);font-size:11px;line-height:1.6;font-weight:550;cursor:pointer;white-space:nowrap}.plan-coverage-button:hover{text-decoration:underline;text-underline-offset:3px}.plan-coverage-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}.plan-coverage-detail{font-size:13px;line-height:2;color:var(--ink)}.plan-coverage-detail p{margin:0;line-height:2;overflow-wrap:anywhere}#modal:has(.plan-coverage-detail){width:min(620px,calc(100% - 28px))}

.plan-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.plan-coverage-region{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;line-height:1.6;color:var(--ink)}.plan-region-flag{font-size:21px;line-height:1;flex:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.plan-coverage-region>span:last-child{overflow-wrap:anywhere}@media(max-width:480px){.plan-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-coverage-region{padding:9px;font-size:12px}.plan-region-flag{font-size:20px}}

.plan-coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.plan-coverage-region{gap:7px;padding:7px 8px;border-radius:7px;font-size:11px;line-height:1.5}.plan-coverage-region img.plan-region-flag{display:block;width:20px;height:20px;object-fit:contain;flex:none}@media(max-width:600px){.plan-coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plan-coverage-region{padding:7px 6px;gap:5px;font-size:11px}}@media(max-width:360px){.plan-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Balance account entry space against the longest configured email suffix. */
.auth-form-wrap .email-domain-control{display:flex;gap:7px;align-items:center}.auth-form-wrap .email-domain-control>input[data-email-local]{flex:1 1 0;min-width:0;width:0}.auth-form-wrap .email-domain-control>span{flex:none;font-size:13px}.auth-form-wrap .email-domain-control>.email-themed-select{width:154px;flex:0 1 154px;max-width:49%;min-width:126px}.auth-form-wrap .email-themed-select .plan-period-trigger{padding:10px 9px;gap:5px;font-size:12px;min-height:45px}.auth-form-wrap .email-themed-select .plan-period-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.auth-form-wrap .email-themed-select .plan-period-arrow svg{width:13px;height:13px}.auth-form-wrap .email-themed-select .plan-period-options{width:max-content;min-width:100%;max-width:min(260px,80vw)}@media(max-width:420px){.auth-form-wrap .email-domain-control{gap:5px}.auth-form-wrap .email-domain-control>.email-themed-select{width:140px;flex-basis:140px;max-width:49%;min-width:112px}.auth-form-wrap .email-themed-select .plan-period-trigger{font-size:12px;padding-inline:8px}}

/* Floating node cards with restrained depth and pointer-only lift. */
.node-card{position:relative;border-left-width:1px;border-color:color-mix(in srgb,var(--blue) 14%,var(--line));border-radius:12px;background:var(--surface);box-shadow:0 3px 7px #182b4905,0 9px 22px #182b490a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.node-card[data-node-status="online"],.node-card[data-node-status="offline"],.node-card[data-node-status="unknown"]{border-left-color:color-mix(in srgb,var(--blue) 14%,var(--line))}.nodes-grid{gap:14px;padding:3px 0 8px}
[data-theme="dark"] .node-card{background:var(--surface);box-shadow:0 3px 8px #00000018,0 10px 24px #00000020}[data-theme="dark"] .node-card[data-node-status="online"],[data-theme="dark"] .node-card[data-node-status="offline"],[data-theme="dark"] .node-card[data-node-status="unknown"]{border-left-color:color-mix(in srgb,var(--blue) 14%,var(--line))}
@media(hover:hover) and (pointer:fine){.node-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));box-shadow:0 5px 12px #182b490a,0 15px 30px #182b4912}[data-theme="dark"] .node-card:hover{box-shadow:0 5px 12px #00000025,0 15px 30px #00000030}}
@media(max-width:480px){.nodes-grid{gap:10px}.node-card{border-radius:10px;box-shadow:0 4px 12px #182b490a}}@media(prefers-reduced-motion:reduce){.node-card{transition:none}.node-card:hover{transform:none}}

.panel.nodes-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.nodes-panel .nodes-grid{padding:3px 0 8px}[data-theme="dark"] .panel.nodes-panel{background:transparent;border:0;box-shadow:none}@media(max-width:760px){.panel.nodes-panel{padding:0}}

/* Compact floating node cards. */
.nodes-grid{gap:10px}.node-card{padding:11px 12px;border-radius:10px}.node-card-top{min-height:36px}.node-card h3{font-size:13px;line-height:1.5}.node-card-meta{margin-top:7px;padding-top:7px;gap:6px}.node-card .node-state{font-size:10px;line-height:1.5;padding:2px 6px}.node-rate{font-size:10px;line-height:1.5;padding:2px 6px}@media(min-width:1201px){.nodes-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1600px){.nodes-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:480px){.nodes-grid{gap:8px}.node-card{padding:10px;border-radius:9px}.node-card-top{min-height:34px}.node-card h3{font-size:12px;line-height:1.5}.node-card-meta{margin-top:6px;padding-top:6px;gap:5px}}

/* Separate compact node surfaces from the page backdrop. */
.node-card{background:#fff;border-color:#d6e1f0;box-shadow:0 2px 4px #203d6607,0 5px 13px #203d6610}.node-card[data-node-status="online"],.node-card[data-node-status="offline"],.node-card[data-node-status="unknown"]{border-left-color:#d6e1f0}
[data-theme="dark"] .node-card{background:#243852;border-color:#425d80;box-shadow:inset 0 1px 0 #ffffff06,0 3px 7px #00000020,0 7px 17px #00000022}[data-theme="dark"] .node-card[data-node-status="online"],[data-theme="dark"] .node-card[data-node-status="offline"],[data-theme="dark"] .node-card[data-node-status="unknown"]{border-left-color:#425d80}[data-theme="dark"] .node-card-meta{border-top-color:#3b5271}
@media(hover:hover) and (pointer:fine){.node-card:hover{border-color:#a7c3e8;box-shadow:0 5px 10px #203d660d,0 10px 22px #203d6617}[data-theme="dark"] .node-card:hover{background:#293f5b;border-color:#6588b4;box-shadow:0 5px 12px #00000025,0 12px 25px #00000030}}

#auth-form input[name="invite_code"][readonly]{color:#626b78;-webkit-text-fill-color:#626b78;cursor:default;opacity:1}[data-theme="dark"] #auth-form input[name="invite_code"][readonly]{color:#929ba8;-webkit-text-fill-color:#929ba8}

/* Billing choices expand above the plan control. */
.plan-card .plan-period-control .plan-period-options{top:auto;bottom:calc(100% + 7px);left:0;right:0;max-height:230px}.plan-card .plan-period-control .plan-period-arrow svg{transform:rotate(180deg)}.plan-card .plan-period-trigger[aria-expanded="true"] .plan-period-arrow svg{transform:rotate(0deg)}

/* Recognizable payment brands and a clear, compact selection group. */
.order-detail-view .payment-method-fieldset{padding:0;border:0;min-width:0}.order-detail-view .payment-method-fieldset legend{font-size:14px;font-weight:700;margin-bottom:11px;color:var(--ink)}.order-detail-view .payment-method-options{gap:9px}.order-detail-view .payment-method-option{display:flex;align-items:center;gap:9px;min-height:55px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:10px;background:var(--surface);cursor:pointer}.order-detail-view .payment-method-option.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--ink)}.order-detail-view .payment-method-name{font-size:13px;font-weight:600;line-height:1.5;min-width:0}.payment-brand-marks{display:inline-flex;align-items:center;gap:4px;flex:none}.payment-brand{display:grid;place-items:center;width:27px;height:27px}.payment-brand svg{display:block;width:24px;height:24px}.payment-brand-alipay{color:#1677ff}.payment-brand-wechat{color:#07a958}.payment-brand-marks.combined .payment-brand{width:23px;height:25px}.payment-brand-marks.combined svg{width:22px;height:22px}[data-theme="dark"] .payment-brand-alipay{color:#5ba4ff}[data-theme="dark"] .payment-brand-wechat{color:#39c879}.order-detail-view #pay-form{gap:15px}.order-detail-view #pay-form>.btn{min-height:44px}
@media(max-width:480px){.order-detail-view .payment-method-option{gap:7px;min-height:52px;padding:9px}.order-detail-view .payment-method-name{font-size:12px}.payment-brand{width:24px;height:24px}.payment-brand svg{width:22px;height:22px}.payment-brand-marks.combined{gap:3px}.payment-brand-marks.combined .payment-brand{width:20px}.payment-brand-marks.combined svg{width:19px;height:19px}}
@media(max-height:700px){.order-detail-view .payment-method-option{min-height:44px;padding-block:8px}.order-detail-view #pay-form{gap:11px}.order-detail-view #pay-form>.btn{min-height:39px}}

.payment-brand-usdt{color:#26a17b}.payment-brand-usdt svg{border-radius:50%}.order-detail-view .payment-method-option:has(.payment-brand-marks.combined){flex-wrap:wrap}.order-detail-view .payment-method-option:has(.payment-brand-marks.combined) .payment-method-name{flex:1 1 50px}

/* Mobile order review prioritizes a single-screen payment decision. */
@media(max-width:600px){
 #modal:has(.order-detail-view){width:calc(100% - 20px);max-height:calc(100dvh - 16px);border-radius:13px}#modal:has(.order-detail-view) .modal-head{padding:10px 13px;min-height:42px}#modal:has(.order-detail-view) .modal-head h2{font-size:15px}#modal:has(.order-detail-view) .modal-head .icon-btn{width:29px;height:29px}#modal:has(.order-detail-view) .modal-body{padding:12px 13px}
 .order-detail-summary{padding:10px 11px;margin-bottom:11px;gap:2px 9px;border-radius:9px}.order-detail-heading{gap:5px}.order-detail-heading h3{font-size:15px;line-height:1.4}.order-detail-total{font-size:24px}.order-detail-amount-label{font-size:10px}.order-detail-heading #payment-state.orange{min-height:23px;padding:2px 7px;font-size:11px}
 .order-detail-meta{gap:8px 11px;margin-bottom:10px}.order-detail-meta dt{font-size:10px;line-height:1.4;margin-bottom:2px}.order-detail-meta dd{font-size:11px;line-height:1.5}.order-detail-trade{padding-bottom:7px}.order-detail-view .order-detail-trade code{font-size:10px;line-height:1.6}.order-detail-copy{width:24px;height:24px}.order-cycle-badge{min-height:23px;padding:3px 8px;font-size:12px}.order-detail-meta>div:last-child dd{padding-top:2px}.order-detail-cycle dd{margin-top:0}.order-detail-deductions{padding:7px 9px;gap:7px;margin-bottom:9px}.order-detail-deductions>div{font-size:10px}
 .order-detail-view #pay-form{padding-top:10px;gap:10px}.order-detail-view .payment-method-fieldset legend{font-size:13px;margin-bottom:7px}.order-detail-view .payment-method-options{gap:6px}.order-detail-view .payment-method-option{min-height:43px;padding:7px 8px;gap:6px;border-radius:8px}.order-detail-view .payment-method-name{font-size:11px;line-height:1.4}.order-detail-view .payment-method-check{width:14px;height:14px;flex-basis:14px}.order-detail-view .payment-brand{width:22px;height:22px}.order-detail-view .payment-brand svg{width:21px;height:21px}.order-detail-view .payment-brand-marks.combined{gap:2px}.order-detail-view .payment-brand-marks.combined .payment-brand{width:18px;height:20px}.order-detail-view .payment-brand-marks.combined svg{width:18px;height:18px}.order-detail-view #pay-form>.btn{min-height:39px;padding:8px 12px;font-size:13px}.order-detail-view .order-actions{gap:8px;margin-top:8px}.order-detail-view .order-actions .btn{min-height:33px;padding:6px 9px;font-size:11px}.order-detail-view #payment-result:not(:empty){margin-top:9px;padding:8px}.order-detail-view #payment-result p{font-size:11px;margin-bottom:6px}.order-detail-view #payment-result .qr{max-width:115px}
}
@media(max-width:600px) and (max-height:650px){#modal:has(.order-detail-view) .modal-head{padding-block:7px}#modal:has(.order-detail-view) .modal-body{padding-block:9px}.order-detail-summary{margin-bottom:9px;padding:8px 10px}.order-detail-meta{gap:6px 10px;margin-bottom:8px}.order-detail-view .payment-method-option{min-height:37px;padding-block:5px}.order-detail-view #pay-form{gap:8px;padding-top:8px}.order-detail-view #pay-form>.btn{min-height:36px}.order-detail-view .order-actions .btn{min-height:31px}}

.payment-fee-summary{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);display:grid;gap:7px}.payment-fee-summary:empty{display:none}.payment-fee-row,.payment-payable-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:11px;line-height:1.6;color:var(--muted)}.payment-fee-row strong{font-weight:550;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.payment-fee-row small{display:block;font-size:10px;line-height:1.5;font-weight:400}.payment-payable-row{padding-top:7px;border-top:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink)}.payment-payable-row strong{font-size:20px;line-height:1.3;color:var(--blue);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:600px){.payment-fee-summary{padding:8px 10px;gap:5px}.payment-payable-row{padding-top:5px}.payment-payable-row strong{font-size:18px}.order-detail-view #pay-form{gap:8px}}

/* Keep fee-inclusive mobile checkout compact. */
@media(max-width:600px){
 #modal:has(.order-detail-view) .modal-head{padding:8px 12px;min-height:37px}#modal:has(.order-detail-view) .modal-head h2{font-size:14px}#modal:has(.order-detail-view) .modal-body{padding:9px 12px}
 .order-detail-summary{padding:8px 10px;margin-bottom:8px;gap:2px 8px}.order-detail-heading{gap:4px}.order-detail-heading h3{font-size:14px;line-height:1.4}.order-detail-total{font-size:22px}.order-detail-heading #payment-state.orange{font-size:10px;min-height:20px;padding:2px 6px}
 .order-detail-meta{gap:6px 10px;margin-bottom:8px}.order-detail-trade{padding-bottom:5px}.order-detail-meta dt{font-size:10px;line-height:1.3;margin-bottom:1px}.order-detail-meta dd{font-size:11px;line-height:1.4}.order-cycle-badge{min-height:20px;padding:2px 7px;font-size:11px}.order-detail-copy{width:21px;height:21px}.order-detail-deductions{padding:5px 8px;margin-bottom:7px}
 .order-detail-view #pay-form{padding-top:8px;gap:7px}.order-detail-view .payment-method-fieldset legend{font-size:12px;margin-bottom:5px}.order-detail-view .payment-method-options{gap:5px}.order-detail-view .payment-method-option{min-height:36px;padding:6px 7px;gap:5px}.order-detail-view .payment-method-name{font-size:11px}.order-detail-view .payment-brand,.order-detail-view .payment-brand svg{width:19px;height:19px}.order-detail-view .payment-brand-marks.combined .payment-brand,.order-detail-view .payment-brand-marks.combined svg{width:17px;height:17px}
 .order-detail-view .payment-fee-summary{padding:7px 9px;gap:3px}.payment-fee-row{font-size:10px;line-height:1.45;gap:7px}.payment-fee-row small{display:inline;font-size:9px;line-height:1.4;margin-left:5px}.payment-payable-row{padding-top:4px;font-size:11px;line-height:1.4}.payment-payable-row strong{font-size:17px;line-height:1.2}.order-detail-view #pay-form>.btn{min-height:36px;padding:7px 10px;font-size:12px}.order-detail-view .order-actions{margin-top:6px;gap:7px}.order-detail-view .order-actions .btn{min-height:30px;padding:5px 8px;font-size:10px}
}

.payment-original{color:var(--ink);font-weight:600}.payment-original strong{font-weight:650}.payment-deduction strong{color:#32947d}.payment-subtotal{padding-top:5px;border-top:1px solid var(--line)}.payment-refund-note{font-size:10px;line-height:1.5;color:var(--muted)}[data-theme="dark"] .payment-deduction strong{color:#7acbb2}@media(max-width:600px){.payment-fee-summary{gap:3px}.payment-subtotal{padding-top:3px}.payment-fee-row small{font-size:9px}}

.pending-order-guide>p{font-size:13px;line-height:1.85;margin:0 0 15px;color:var(--ink)}.pending-order-reference{padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);display:grid;gap:5px}.pending-order-reference>span{font-size:11px;color:var(--muted)}.pending-order-reference code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--blue);overflow-wrap:anywhere}.pending-order-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.pending-order-guide-actions .btn{min-height:42px;font-size:12px}#modal:has(.pending-order-guide){width:min(470px,calc(100% - 28px))}

.pending-order-guide-actions{grid-template-columns:1fr 1fr}.pending-order-guide-actions>[data-pending-pay]{grid-column:1/-1}.pending-order-guide-actions>[data-pending-cancel]{background:#bd5361;border-color:#bd5361;color:#fff}.pending-order-guide-actions>[data-pending-cancel]:hover:not(:disabled){background:#aa4553;border-color:#aa4553;color:#fff}[data-theme="dark"] .pending-order-guide-actions>[data-pending-cancel]{background:#b95263;border-color:#b95263;color:#fff}.pending-order-guide-actions .btn:disabled{opacity:.55;cursor:not-allowed}

#modal:has(.receipt-document){width:min(640px,calc(100% - 24px))}.receipt-document header{padding-bottom:14px;border-bottom:2px solid var(--blue)}.receipt-document header p{font-size:12px;color:var(--muted);margin:0}.receipt-document header h2{font-size:23px;margin:5px 0}.receipt-document header small{color:var(--muted);font-size:11px}.receipt-meta,.receipt-totals{padding:13px 0;border-bottom:1px solid var(--line)}.receipt-row,.receipt-paid{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:12px;line-height:1.7}.receipt-row>span{color:var(--muted);flex:none}.receipt-row strong{font-weight:550;text-align:right;overflow-wrap:anywhere;min-width:0}.receipt-row code{font:11px ui-monospace,monospace;color:var(--blue)}.receipt-paid{padding-top:12px;margin-top:7px;border-top:1px solid var(--line);align-items:center;font-weight:600}.receipt-paid strong{font-size:25px;color:var(--blue);font-variant-numeric:tabular-nums}.receipt-document footer{font-size:10px;color:var(--muted);line-height:1.8;margin-top:13px}.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.receipt-actions .btn{font-size:12px;min-height:40px}

/* Keep receipt actions visible while the document scrolls on mobile. */
@media(max-width:600px){
 #modal:has(.receipt-document){width:calc(100% - 20px);max-height:calc(100dvh - 16px);padding:0;overflow:hidden}
 #modal:has(.receipt-document) .modal-head{padding:10px 14px;min-height:45px}
 #modal:has(.receipt-document) .modal-head h2{font-size:15px}
 #modal:has(.receipt-document) .modal-body{display:flex;flex-direction:column;max-height:calc(100dvh - 79px);min-height:0;overflow:hidden;padding:12px 14px 0}
 #modal:has(.receipt-document) .receipt-document{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}
 #modal:has(.receipt-document) .receipt-actions{flex:0 0 auto;margin:0;padding:11px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);gap:8px}
 #modal:has(.receipt-document) .receipt-actions .btn{min-height:42px;font-size:12px;padding:9px 10px}
}

.latest-announcement-bubble{position:fixed;z-index:85;display:flex;align-items:flex-start;gap:9px;padding:12px 11px 12px 14px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:11px;background:var(--surface);box-shadow:0 8px 28px #172f5220;color:var(--ink)}.latest-announcement-bubble:before{content:"";position:absolute;top:-6px;left:calc(var(--bubble-arrow) - 5px);width:10px;height:10px;background:var(--surface);border-top:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-left:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));transform:rotate(45deg)}.latest-announcement-open{display:grid;gap:4px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.latest-announcement-open small{font-size:10px;line-height:1.5;color:var(--blue);font-weight:550}.latest-announcement-open strong{font-size:12px;line-height:1.7;font-weight:600;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-announcement-close{display:grid;place-items:center;width:23px;height:23px;flex:none;padding:3px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.latest-announcement-close .icon{width:15px;height:15px}.latest-announcement-close:hover{background:var(--surface-soft);color:var(--ink)}[data-theme="dark"] .latest-announcement-bubble{box-shadow:0 8px 28px #00000035}

.latest-announcement-bubble{padding:14px 12px 14px 15px;gap:10px;border-radius:12px;background:var(--surface);border-color:color-mix(in srgb,var(--blue) 30%,var(--line));box-shadow:0 5px 12px #182b490a,0 12px 30px #182b4918}.latest-announcement-open{gap:7px}.latest-announcement-open small{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;font-weight:600;color:var(--muted)}.latest-announcement-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);flex:none}.latest-announcement-open strong{font-size:13px;line-height:1.75;font-weight:650;color:var(--ink);-webkit-line-clamp:3}.latest-announcement-hint{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.5;font-weight:500;color:var(--blue)}.latest-announcement-close{width:25px;height:25px;border-radius:7px;background:var(--surface-soft);margin-top:-2px}.latest-announcement-close:hover{color:var(--blue)}.latest-announcement-open:focus-visible,.latest-announcement-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:5px}[data-theme="dark"] .latest-announcement-bubble{background:var(--surface);box-shadow:0 6px 14px #00000022,0 14px 32px #00000030}

.latest-announcement-bubble{width:max-content;max-width:min(320px,calc(100vw - 24px));gap:8px}.latest-announcement-open{flex:0 1 auto;max-width:250px}.latest-announcement-open strong{max-width:250px}.latest-announcement-close{margin-left:0}@media(max-width:380px){.latest-announcement-open,.latest-announcement-open strong{max-width:calc(100vw - 92px)}}

.latest-announcement-bubble{width:280px;max-width:calc(100vw - 32px);padding:13px 12px 13px 14px;gap:9px;border-radius:11px}.latest-announcement-open{flex:1;min-width:0;max-width:none;gap:6px}.latest-announcement-open strong{max-width:none;font-size:13px;line-height:1.7;-webkit-line-clamp:3}.latest-announcement-close{width:22px;height:22px;margin-top:0}.latest-announcement-hint{margin-top:1px;font-size:10px}@media(max-width:480px){.latest-announcement-bubble{width:264px;padding:12px}.latest-announcement-open,.latest-announcement-open strong{max-width:none}}

.latest-announcement-open strong,.latest-announcement-open .latest-announcement-hint{padding-left:5px;box-sizing:border-box}

/* Opaque fixed header avoids repeated backdrop rasterization during scrolling. */
.app-shell .topbar{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}

.purchase-note-regions-collapsible{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.purchase-note-regions-collapsible>summary{font-size:12px;font-weight:600;line-height:1.7;color:var(--blue);padding:2px 0;cursor:pointer}.purchase-note-regions-collapsible>p{margin:8px 0 0!important;font-size:12px!important;line-height:1.85!important;color:var(--muted)}

.commission-help-button{display:inline-grid;place-items:center;vertical-align:middle;width:15px;height:15px;margin-left:3px;padding:0;border:1px solid var(--muted);border-radius:50%;background:transparent;color:var(--muted);font-family:Georgia,serif;font-size:11px;font-weight:600;font-style:normal;line-height:1;cursor:help}.commission-help-button:hover,.commission-help-button[aria-expanded="true"]{border-color:var(--blue);color:var(--blue)}.commission-help-tooltip{position:fixed;z-index:90;width:min(320px,calc(100vw - 24px));padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:12px;line-height:1.85;box-shadow:0 8px 26px #182b4920;overflow-wrap:anywhere}[data-theme="dark"] .commission-help-tooltip{box-shadow:0 8px 26px #00000035}

.stat-card .commission-card-heading{display:inline-flex;align-items:center;gap:6px;line-height:1.6}.commission-card-heading .commission-help-button{display:inline-grid;place-items:center;flex:none;width:14px;height:14px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--muted) 65%,transparent);border-radius:50%;background:transparent;color:var(--muted);font-size:10px;font-weight:500;line-height:1;vertical-align:baseline;cursor:help}.commission-card-heading .commission-help-button:hover,.commission-card-heading .commission-help-button[aria-expanded="true"]{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,transparent)}.commission-card-heading .commission-help-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* Receipt actions remain accessible on desktop and mobile viewports. */
#modal:has(.receipt-document){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}#modal:has(.receipt-document):not([open]){display:none}#modal:has(.receipt-document)>.modal-head{flex:0 0 auto}#modal:has(.receipt-document)>.modal-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:calc(100dvh - 102px);overflow:hidden;padding:17px 20px 0}#modal:has(.receipt-document) .receipt-document{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:6px}#modal:has(.receipt-document) .receipt-actions{flex:0 0 auto;margin:0;padding:13px 0 15px;border-top:1px solid var(--line);background:var(--surface)}#modal:has(.receipt-document) .receipt-actions .btn{min-height:42px}@media(max-width:600px){#modal:has(.receipt-document){max-height:calc(100dvh - 16px)}#modal:has(.receipt-document)>.modal-body{max-height:calc(100dvh - 79px);padding:12px 14px 0}#modal:has(.receipt-document) .receipt-actions{padding:11px 0 max(12px,env(safe-area-inset-bottom))}}

/* All order payment actions remain visible below the scrollable detail. */
#modal:has(.order-detail-footer){display:flex;flex-direction:column;max-height:calc(100dvh - 28px);overflow:hidden;padding:0}#modal:has(.order-detail-footer):not([open]){display:none}#modal:has(.order-detail-footer)>.modal-head{flex:0 0 auto}#modal:has(.order-detail-footer)>.modal-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:calc(100dvh - 100px);overflow:hidden;padding-bottom:0}.order-detail-view:has(.order-detail-footer){display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden;flex:1 1 auto}.order-detail-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;scrollbar-width:thin;padding-right:3px;padding-bottom:12px}.order-detail-footer{flex:0 0 auto;border-top:1px solid var(--line);padding:12px 0 15px;background:var(--surface)}.order-detail-footer>.btn{display:flex;width:100%;justify-content:center;min-height:42px;border-radius:9px;font-size:13px;font-weight:600}.order-detail-footer .order-actions{margin-top:9px}.order-detail-scroll #pay-form{margin-bottom:0}.order-detail-scroll #payment-result:empty{display:none}
@media(max-width:600px){#modal:has(.order-detail-footer){max-height:calc(100dvh - 16px)}#modal:has(.order-detail-footer)>.modal-body{max-height:calc(100dvh - 72px);padding-bottom:0}.order-detail-scroll{padding-bottom:9px}.order-detail-footer{padding:9px 0 max(11px,env(safe-area-inset-bottom))}.order-detail-footer>.btn{min-height:38px;font-size:12px}.order-detail-footer .order-actions{margin-top:7px}}

/* Compact single-view order layout, without an inner scrolling document. */
#modal:has(.order-detail-footer){width:min(700px,calc(100% - 24px));overflow-y:auto}#modal:has(.order-detail-footer)>.modal-head{padding:9px 15px;min-height:38px}#modal:has(.order-detail-footer)>.modal-head h2{font-size:15px}#modal:has(.order-detail-footer)>.modal-body{max-height:none;overflow:visible;padding:10px 15px 0}.order-detail-view:has(.order-detail-footer){overflow:visible;flex:none;max-height:none}.order-detail-scroll{overflow:visible;flex:none;padding:0;min-height:0}.order-detail-view .order-detail-summary{padding:9px 11px;margin-bottom:9px}.order-detail-heading h3{font-size:16px}.order-detail-total{font-size:25px}.order-detail-heading{gap:4px}.order-detail-heading #payment-state.orange{min-height:22px;padding:2px 7px;font-size:11px}.order-detail-meta{gap:6px 12px;margin-bottom:8px}.order-detail-meta dt{margin-bottom:1px;font-size:10px;line-height:1.4}.order-detail-meta dd{font-size:11px;line-height:1.5}.order-detail-trade{padding-bottom:6px}.order-cycle-badge{min-height:23px;padding:3px 8px;font-size:12px}.order-detail-view #pay-form{padding-top:8px;gap:8px}.order-detail-view .payment-method-fieldset legend{font-size:12px;margin-bottom:6px}.order-detail-view .payment-method-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.order-detail-view .payment-method-option{min-height:40px;padding:7px 8px;gap:6px}.order-detail-view .payment-method-name{font-size:11px}.order-detail-view .payment-brand{width:22px;height:22px}.order-detail-view .payment-brand svg{width:21px;height:21px}.order-detail-view .payment-fee-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:8px 10px}.payment-fee-summary .payment-subtotal{padding-top:0;border:0}.payment-fee-summary .payment-fee-row{font-size:10px;line-height:1.4;gap:8px}.payment-fee-summary .payment-fee-row small{font-size:9px;line-height:1.4}.payment-fee-summary .payment-payable-row,.payment-fee-summary .payment-refund-note{grid-column:1/-1}.payment-fee-summary .payment-payable-row{padding-top:5px;font-size:11px}.payment-payable-row strong{font-size:19px}.order-detail-footer{padding:9px 0 11px;margin-top:9px}.order-detail-footer>.btn{min-height:37px;font-size:12px;padding:7px 11px}.order-detail-footer .order-actions{margin-top:6px}.order-detail-footer .order-actions .btn{min-height:29px;font-size:10px;padding:5px 9px}
@media(max-width:600px){#modal:has(.order-detail-footer)>.modal-body{max-height:none;padding:9px 12px 0}.order-detail-view .payment-method-options{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-view .payment-method-option{min-height:35px;padding:6px 7px}.order-detail-view .payment-fee-summary{gap:4px 10px;padding:7px 8px}.payment-fee-summary .payment-fee-row small{display:block;margin-left:0}.order-detail-footer{padding:8px 0 max(10px,env(safe-area-inset-bottom))}}

/* One-row order facts and a clear vertical payment calculation. */
.order-detail-meta{grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr) minmax(0,1fr);gap:12px;align-items:start;margin-bottom:11px}.order-detail-meta>.order-detail-trade{grid-column:auto;padding-bottom:0;border-bottom:0}.order-detail-meta .order-detail-trade dd{gap:5px;align-items:center}.order-detail-view .order-detail-trade code{font-size:10px;line-height:1.65}.order-detail-meta>div:last-child dd{padding-top:3px;font-size:10px}.order-detail-meta .order-detail-copy{width:22px;height:22px}.order-detail-view .payment-fee-summary{display:grid;grid-template-columns:1fr;gap:5px;padding:10px 12px}.payment-fee-summary .payment-fee-row{font-size:11px;line-height:1.6;gap:12px}.payment-fee-summary .payment-fee-row small{display:inline;margin-left:6px;font-size:10px;line-height:1.5}.payment-fee-summary .payment-subtotal{padding-top:5px;border-top:1px solid var(--line)}.payment-fee-summary .payment-payable-row{grid-column:auto;padding-top:8px;margin-top:2px;font-size:12px}.payment-fee-summary .payment-payable-row strong{font-size:23px;line-height:1.3}.payment-fee-summary .payment-refund-note{grid-column:auto}
@media(max-width:600px){.order-detail-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 11px}.order-detail-meta>.order-detail-trade{grid-column:1/-1;padding-bottom:6px;border-bottom:1px solid var(--line)}.order-detail-view .payment-fee-summary{grid-template-columns:1fr;gap:3px;padding:8px 10px}.payment-fee-summary .payment-fee-row{font-size:10px;line-height:1.45}.payment-fee-summary .payment-fee-row small{display:inline;font-size:9px;margin-left:5px}.payment-fee-summary .payment-payable-row{padding-top:5px;margin-top:0;font-size:11px}.payment-fee-summary .payment-payable-row strong{font-size:18px}}

/* Readable, comfortably sized checkout actions. */
#modal:has(.order-detail-footer){width:min(720px,calc(100% - 24px))}.order-detail-footer{padding:10px 0 13px;margin-top:9px}.order-detail-footer>.btn{min-height:45px;padding:11px 16px;font-size:14px;font-weight:650;line-height:1.5;border-radius:9px}.order-detail-footer .order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.order-detail-footer .order-actions .btn{min-height:40px;padding:9px 13px;font-size:12px;line-height:1.5;border-radius:9px}.order-detail-view .payment-fee-summary{grid-template-columns:1fr;gap:4px;padding:9px 12px}.payment-fee-summary .payment-fee-row{line-height:1.5}.payment-fee-summary .payment-payable-row{padding-top:6px}.order-detail-view .order-detail-summary{margin-bottom:8px}.order-detail-view #pay-form{gap:8px}.order-detail-meta{margin-bottom:9px}
@media(max-width:600px){#modal:has(.order-detail-footer){width:calc(100% - 18px)}#modal:has(.order-detail-footer)>.modal-head{padding:8px 12px}#modal:has(.order-detail-footer)>.modal-body{padding:8px 12px 0}.order-detail-footer{padding:9px 0 max(10px,env(safe-area-inset-bottom));margin-top:8px}.order-detail-footer>.btn{min-height:43px;padding:10px 14px;font-size:14px}.order-detail-footer .order-actions{gap:8px;margin-top:8px}.order-detail-footer .order-actions .btn{min-height:39px;padding:9px 8px;font-size:12px}.order-detail-view .payment-fee-summary{grid-template-columns:1fr;padding:7px 9px;gap:3px}.payment-fee-summary .payment-payable-row{padding-top:5px}.order-detail-meta{gap:5px 10px;margin-bottom:7px}.order-detail-meta>.order-detail-trade{padding-bottom:4px}.order-detail-view .order-detail-summary{padding:8px 10px;margin-bottom:7px}.order-detail-view .payment-method-fieldset legend{margin-bottom:5px}.order-detail-view #pay-form{gap:7px;padding-top:7px}}
@media(max-height:680px){#modal:has(.order-detail-footer)>.modal-head{padding-block:7px}#modal:has(.order-detail-footer)>.modal-body{padding-top:8px}.order-detail-view .order-detail-summary{padding-block:7px;margin-bottom:7px}.order-detail-view .order-detail-heading h3{font-size:15px}.order-detail-view .payment-method-option{min-height:35px;padding-block:5px}.order-detail-view .payment-fee-summary{padding-block:6px;gap:2px}.payment-fee-summary .payment-fee-row small{display:inline;margin-left:4px;font-size:9px}.order-detail-footer{margin-top:7px;padding-top:8px}.order-detail-footer>.btn{min-height:42px;padding-block:9px}.order-detail-footer .order-actions .btn{min-height:38px;padding-block:8px}}

/* Full order view fits the viewport; scaling is confined to order content. */
#modal.order-fit-dialog{overflow:hidden!important;max-height:calc(100dvh - 16px);display:flex;flex-direction:column}#modal.order-fit-dialog:not([open]){display:none}#modal.order-fit-dialog>.modal-head{flex:0 0 auto}#modal.order-fit-dialog>.modal-body{overflow:hidden!important;min-height:0;flex:0 1 auto;box-sizing:border-box}#modal.order-fit-dialog .order-detail-view{overflow:visible;max-height:none;min-height:0;flex:none;box-sizing:border-box;transform-origin:top left}#modal.order-fit-dialog .order-detail-scroll{overflow:visible!important;max-height:none;flex:none}#modal.order-fit-dialog .order-detail-footer{flex:none}#modal.order-fit-dialog .payment-method-options{max-height:none;overflow:visible}

/* Equal-sized payment options regardless of provider count or label length. */
.order-detail-view .payment-method-options{grid-auto-rows:1fr;align-items:stretch}.order-detail-view .payment-method-option,.order-detail-view .payment-method-option:has(.payment-brand-marks.combined){display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:center;align-content:center;gap:7px;width:100%;height:100%;min-height:46px;box-sizing:border-box;padding:8px 10px;flex-wrap:nowrap}.order-detail-view .payment-method-option:not(:has(.payment-brand-marks)){grid-template-columns:16px minmax(0,1fr)}.order-detail-view .payment-method-option .payment-method-check{margin:0;grid-column:1}.order-detail-view .payment-method-option .payment-brand-marks{grid-column:2;justify-content:center}.order-detail-view .payment-method-option .payment-method-name{min-width:0;line-height:1.5;overflow-wrap:anywhere}.order-detail-view .payment-method-option .payment-method-check{width:14px;height:14px}.order-detail-view .payment-method-option:has(.payment-brand-marks) .payment-method-name{grid-column:3}.order-detail-view .payment-method-option:not(:has(.payment-brand-marks)) .payment-method-name{grid-column:2}@media(max-width:600px){.order-detail-view .payment-method-option,.order-detail-view .payment-method-option:has(.payment-brand-marks.combined){min-height:43px;padding:7px 8px;gap:6px}}

/* Sidebar navigation takes precedence over the dashboard notice bubble. */
body:has(.app-shell.menu-open) .latest-announcement-bubble{display:none}

.plan-device-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plan-device-item{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;line-height:1.7;min-width:0}.plan-device-check{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;background:color-mix(in srgb,var(--blue) 9%,var(--surface));color:var(--blue)}.plan-device-check .icon{width:15px;height:15px}.plan-device-unsupported{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px 12px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.plan-device-unsupported>.icon{width:15px;height:15px;color:#bb7d61}#modal:has(.plan-device-list){width:min(600px,calc(100% - 28px))}@media(max-width:480px){.plan-device-list{grid-template-columns:1fr;gap:7px}.plan-device-item{padding:9px 11px}}

.plan-card .plan-metric.metric-coverage>.metric-caption,.plan-card .plan-metric.metric-devices>.metric-caption{display:flex;align-items:center;min-height:22px;gap:6px;line-height:1.5}.plan-card .plan-metric.metric-coverage>.metric-caption>span,.plan-card .plan-metric.metric-devices>.metric-caption>span{white-space:nowrap;line-height:1.5}.plan-card .plan-metric .plan-coverage-button{align-self:center;line-height:1.5;flex:none}.plan-card .plan-metric.metric-coverage>.metric-caption .metric-icon,.plan-card .plan-metric.metric-devices>.metric-caption .metric-icon{flex:none}

/* Override the legacy fifth-metric centering rule so both headings start at the top. */
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices,.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage{justify-content:flex-start;align-items:stretch;padding:11px 12px;gap:7px}.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices>.metric-caption,.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage>.metric-caption{margin:0;min-height:22px;flex:none}@media(max-width:600px){.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices,.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage{padding:10px 11px}}

.plan-device-list{display:grid;grid-template-columns:1fr;gap:0}.plan-device-item{padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;gap:13px}.plan-device-item:last-child{border-bottom:0}.plan-device-platform{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--surface-soft)}.plan-device-platform .lp-platform-icon{width:23px;height:23px}.plan-device-copy{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex:1;min-width:0}.plan-device-copy strong{font-size:13px;font-weight:650;line-height:1.7;color:var(--ink)}.plan-device-copy small{font-size:12px;line-height:1.7;color:var(--muted);text-align:right}.plan-device-list .lp-platform-windows{color:var(--blue)}.plan-device-list .lp-platform-android{color:#39a277}.plan-device-list .lp-platform-apple,.plan-device-list .lp-platform-apple-tv{color:var(--ink)}.plan-device-unsupported{margin-top:10px;padding:12px 2px 0;border-top:1px solid var(--line);gap:12px}.plan-device-unsupported .lp-platform-icon{display:block;width:23px;height:23px;color:var(--muted);flex:none}#modal:has(.plan-device-list){width:min(500px,calc(100% - 28px))}@media(max-width:480px){.plan-device-list{grid-template-columns:1fr;gap:0}.plan-device-item{padding:11px 0;gap:11px}.plan-device-copy{gap:2px;flex-direction:column;align-items:flex-start}.plan-device-copy small{text-align:left;font-size:11px}.plan-device-copy strong{font-size:12px}.plan-device-platform{width:33px;height:33px}}

.plan-change-warning{margin:15px 0;padding:14px;border:1px solid #deb578;border-radius:10px;background:#fff5e6;color:#734b1b}.plan-change-title{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.5}.plan-change-title>.icon{width:18px;height:18px}.plan-change-title strong{font-weight:700}.plan-change-comparison{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:11px;align-items:center;margin-top:13px}.plan-change-comparison small{display:block;font-size:10px;line-height:1.6;opacity:.8}.plan-change-comparison strong{display:block;font-size:13px;line-height:1.6;font-weight:650;overflow-wrap:anywhere}.plan-change-current{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:10px;line-height:1.7;margin-top:9px}.plan-change-warning>p{font-size:12px;line-height:1.85;font-weight:550;margin:11px 0 0}.plan-change-credit{display:block;font-size:10px;line-height:1.7;margin-top:5px}.plan-change-stack{border-color:color-mix(in srgb,var(--blue) 30%,var(--line));background:var(--surface-soft);color:var(--ink)}[data-theme="dark"] .plan-change-warning{background:#3d3326;border-color:#8e6d42;color:#f1cfa0}[data-theme="dark"] .plan-change-stack{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}@media(max-width:600px){.plan-change-warning{padding:12px}.plan-change-title{font-size:14px}.plan-change-comparison{gap:9px}.plan-change-comparison strong{font-size:12px}}

/* Purchase and plan-switch confirmations fit the viewport as a complete unit. */
#modal.purchase-fit-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 16px);overflow:hidden;padding:0}#modal.purchase-fit-dialog:not([open]){display:none}#modal.purchase-fit-dialog>.modal-head{flex:0 0 auto;padding:11px 16px}#modal.purchase-fit-dialog>.modal-head h2{font-size:16px}#modal.purchase-fit-dialog>.modal-body{min-height:0;overflow:hidden;flex:0 1 auto;padding:14px 16px}#modal.purchase-fit-dialog .reset-purchase{box-sizing:border-box;flex:none;max-height:none;overflow:visible;transform-origin:top left}#modal.purchase-fit-dialog .reset-purchase-summary{padding:12px;gap:12px}#modal.purchase-fit-dialog .plan-change-warning{margin:12px 0;padding:12px}#modal.purchase-fit-dialog .plan-change-current{margin-top:7px}#modal.purchase-fit-dialog .plan-change-warning>p{margin-top:8px}#modal.purchase-fit-dialog .reset-purchase-actions .btn{min-height:42px;font-size:12px}#modal.purchase-fit-dialog .form-stack{gap:12px}@media(max-width:600px){#modal.purchase-fit-dialog>.modal-head{padding:9px 13px}#modal.purchase-fit-dialog>.modal-body{padding:11px 13px}#modal.purchase-fit-dialog .reset-purchase-summary{padding:10px}#modal.purchase-fit-dialog .reset-purchase-plan h3{font-size:14px}#modal.purchase-fit-dialog .reset-purchase-amount strong{font-size:21px}#modal.purchase-fit-dialog .plan-change-warning{padding:10px;margin:10px 0}#modal.purchase-fit-dialog .form-stack{gap:10px}}

.order-cancel-dialog{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 20px 65px #0a1c3430}.order-cancel-dialog::backdrop{background:#0a162b88}.order-cancel-dialog .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line)}.order-cancel-dialog .modal-head h2{font-size:16px;font-weight:650;margin:0}.order-cancel-dialog .modal-body{padding:18px}.order-cancel-question{font-size:15px;font-weight:600;margin:0 0 13px}.order-cancel-reference{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.order-cancel-reference span{font-size:10px;color:var(--muted)}.order-cancel-reference code{font:11px/1.8 ui-monospace,monospace;color:var(--blue);overflow-wrap:anywhere}.order-cancel-note{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0 17px}.order-cancel-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.order-cancel-actions .btn{min-height:42px;font-size:12px}.order-cancel-actions [data-confirm]{background:#bd5361;border-color:#bd5361;color:#fff}.order-cancel-actions [data-confirm]:hover{background:#aa4553;border-color:#aa4553;color:#fff}[data-theme="dark"] .order-cancel-dialog{box-shadow:0 20px 65px #00000055}

.nodes-empty-purchase{display:flex;justify-content:center;margin:-20px 0 28px}.nodes-empty-purchase .btn{min-height:42px;padding:10px 23px;font-size:13px}

.configured-plan-more>summary{position:relative;padding-right:75px!important;min-height:23px}.plan-notes-toggle-hint{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;font-weight:400;color:var(--muted);line-height:1.6}.plan-notes-collapse{display:none}.configured-plan-more[open] .plan-notes-expand{display:none}.configured-plan-more[open] .plan-notes-collapse{display:inline}html[lang="en"] .configured-plan-more>summary{padding-right:100px!important}

.configured-plan-more>summary,html[lang="en"] .configured-plan-more>summary{padding-right:0!important}.configured-plan-more>summary .plan-notes-toggle-hint{position:static;display:inline;margin-left:5px;transform:none;vertical-align:baseline;white-space:nowrap}

/* Local dialog compatibility backdrop for browsers without showModal. */
dialog.dialog-compatible + .backdrop{position:fixed;inset:0;background:#13233e73}.dialog-compatible:not([open]){display:none!important}dialog.dialog-compatible[open]{position:fixed;top:50%!important;left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);max-height:calc(100vh - 20px)}[data-theme="dark"] dialog.dialog-compatible + .backdrop{background:#050c1b99}

/* Dialogs are always centered in the viewport, regardless of page scroll or polyfill positioning. */
#modal[open],dialog.order-cancel-dialog[open]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}

.purchase-check-status{margin:10px 0;color:var(--muted);font-size:12px;line-height:1.8}.purchase-check-status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--blue);vertical-align:middle}.purchase-check-error{color:#bb6671}.purchase-check-error:before{background:currentColor}.purchase-check-status .btn{margin-top:8px}#modal.purchase-fit-dialog button[type="submit"]:disabled{opacity:.45;cursor:not-allowed}

.nodes-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px}.nodes-toolbar .search-bar{flex:1 1 220px;max-width:480px;width:auto;min-width:0;margin:0}.nodes-count{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.7;color:var(--muted);white-space:nowrap}.nodes-count strong{margin-left:4px;font-size:14px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}.nodes-count i{font-style:normal;margin-left:6px;opacity:.6}@media(max-width:480px){.nodes-toolbar{gap:9px;margin-bottom:12px}.nodes-toolbar .search-bar{flex-basis:180px}.nodes-count{font-size:11px}.nodes-count strong{font-size:13px}}

.nodes-count{font-size:14px}.nodes-count strong{font-size:21px;font-weight:700;margin-left:6px;line-height:1.3}@media(max-width:480px){.nodes-count{font-size:13px}.nodes-count strong{font-size:19px}}

/* Compact purchase cards: preserve the four key metrics and visible restrictions. */
.plans-grid>.plan-card:not(.purchase-notice-card){padding:18px;box-sizing:border-box}
.plans-grid>.plan-card:not(.purchase-notice-card)>h2{font-size:20px;line-height:1.35;margin:0 0 5px}
.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-price{font-size:29px;line-height:1.25;margin:0 0 7px}
.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-content{margin-top:0;margin-bottom:10px}
.plan-card .configured-plan-intro>p{margin:0 0 7px!important;line-height:1.5!important}
.plan-card .plan-content .configured-plan-intro>ul{gap:6px;margin:0}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric,
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage,
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices{min-height:68px;padding:8px 10px;gap:4px;justify-content:flex-start}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric>strong.metric-value{font-size:20px;line-height:1.2}
.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(3){padding-top:7px;margin-top:0;gap:5px;min-height:0}
.plan-card .configured-service-icons{gap:5px}
.plan-card .configured-plan-notice.configured-plan-restrictions{margin-top:8px;padding:8px 9px;gap:6px}
.plan-card .configured-plan-restrictions>div{gap:2px}
.plan-card .configured-plan-restrictions>div>span{line-height:1.55}
.plan-card .configured-plan-more{margin-top:6px}
.plans-grid .plan-card .plan-period-label{margin-bottom:8px;gap:5px}
.plans-grid .plan-card .plan-period-caption{margin-bottom:4px}
.plans-grid .plan-card .plan-period-trigger{min-height:36px;padding-top:7px;padding-bottom:7px}
.plans-grid .plan-card>.btn.full[data-buy]{min-height:39px;padding-top:8px;padding-bottom:8px;margin-top:0}
@media(max-width:600px){
 .plans-grid>.plan-card:not(.purchase-notice-card){padding:15px}
 .plans-grid>.plan-card:not(.purchase-notice-card)>h2{font-size:19px}
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric,
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage,
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices{min-height:65px;padding:7px 9px}
}

/* Unavailable plans retain a quiet blue action state. */
.plans-grid .plan-card>.btn.full[data-buy]:disabled:not([aria-busy="true"]){background:#e2edfc;border-color:#cbdcf4;color:#6485b0;opacity:1;box-shadow:none;transform:none}
[data-theme="dark"] .plans-grid .plan-card>.btn.full[data-buy]:disabled:not([aria-busy="true"]){background:#304863;border-color:#3d5878;color:#adc9ed;opacity:1;box-shadow:none}

/* Balanced spacing for purchase cards. */
.plans-grid>.plan-card:not(.purchase-notice-card){padding:21px}
.plans-grid>.plan-card:not(.purchase-notice-card)>h2{margin-bottom:8px;line-height:1.4}
.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-price{margin-bottom:11px;line-height:1.3}
.plans-grid>.plan-card:not(.purchase-notice-card)>.plan-content{margin-bottom:13px}
.plan-card .configured-plan-intro>p{margin-bottom:10px!important;line-height:1.65!important}
.plan-card .plan-content .configured-plan-intro>ul{gap:8px}
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric,
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage,
.plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices{min-height:76px;padding:10px 11px;gap:6px}
.plan-card .plan-content .configured-plan-intro>ul>li.configured-plan-spec:nth-child(3){padding-top:10px;gap:7px}
.plan-card .configured-service-icons{gap:7px}
.plan-card .configured-plan-notice.configured-plan-restrictions{margin-top:11px;padding:10px 11px;gap:8px}
.plan-card .configured-plan-restrictions>div{gap:4px}
.plan-card .configured-plan-restrictions>div>span{line-height:1.7}
.plan-card .configured-plan-more{margin-top:9px}
.plans-grid .plan-card .plan-period-label{margin-bottom:10px;gap:7px}
.plans-grid .plan-card .plan-period-trigger{min-height:39px;padding-top:8px;padding-bottom:8px}
.plans-grid .plan-card>.btn.full[data-buy]{min-height:41px;padding-top:9px;padding-bottom:9px}
@media(max-width:600px){
 .plans-grid>.plan-card:not(.purchase-notice-card){padding:18px}
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric,
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-coverage,
 .plan-card .plan-content .configured-plan-intro>ul>li.plan-metric.metric-devices{min-height:72px;padding:9px 10px;gap:5px}
}

.ticket-submit-guidelines{padding:12px 14px;border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--blue) 5%,var(--surface));color:var(--ink)}
.ticket-submit-guidelines>strong{font-size:13px;font-weight:650}.ticket-submit-guidelines>ul{margin:7px 0 0;padding-left:17px;display:grid;gap:5px}.ticket-submit-guidelines li{font-size:12px;line-height:1.65;color:var(--muted)}.ticket-submit-guidelines li:nth-child(3),.ticket-submit-guidelines li:nth-child(4){color:var(--ink)}

.ticket-submit-guidelines>.ticket-guidelines-enforcement{margin:9px 0 0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--blue) 16%,var(--line));font-size:12px;font-weight:600;line-height:1.65;color:var(--ink)}