@font-face{font-family:AGEFallback;src:local("Segoe UI")}*{box-sizing:border-box} :root{font-family:AGEFallback,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#223a33;background:#f5f7f4;font-synthesis:none;--ink:#203c33;--muted:#7d8882;--green:#347c59;--accent:#d6eda3;--line:#e7ebe4;--surface:#fff;--bg:#f5f7f4;--red:#b54b4b;--radius:18px;--sidebar:234px;color-scheme:light}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #92b974;outline-offset:3px}a{color:inherit}button{color:inherit}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;left:10px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.initial{min-height:100dvh;display:grid;place-content:center;text-align:center;gap:10px;color:var(--muted)}.age-loader{width:36px;height:36px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#142e29;color:#c5d0c9;padding:34px 20px 22px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff;padding:0 14px 35px}.brand-symbol{width:37px;height:37px;color:#d5ed9f}.brand strong{font-size:28px;letter-spacing:-1.5px;font-weight:650}.brand small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:500;margin-top:0;color:#97afa2}.nav-label{font-size:9px;letter-spacing:1.8px;color:#77968a;margin:14px 15px}.nav{display:grid;gap:7px}.nav button{position:relative;display:flex;align-items:center;gap:13px;padding:14px 15px;border:0;background:none;border-radius:10px;color:#a7beb2;text-align:left;font-size:13px;transition:background .18s,color .18s}.nav button:hover{background:#244137;color:#fff}.nav button.active{background:#d6eda3;color:#1d3c2e;font-weight:600}.nav button .icon{width:19px;height:19px}.nav-count{margin-left:auto;background:#355445;padding:2px 6px;font-size:10px;border-radius:5px;color:#cae0ce}.nav .active .nav-count{background:#c0d994;color:#27462c}.sidebar-bottom{margin-top:auto;padding-top:30px}.secure-note{display:flex;gap:9px;align-items:center;font-size:11px;color:#819e8e;padding:20px 12px}.secure-note .icon{width:15px}.account{display:flex;gap:10px;align-items:center;border-top:1px solid #2c4539;padding:20px 9px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#dae4cc;color:#385547;font-size:12px;font-weight:600;flex-shrink:0}.avatar.dark{background:#365045;color:#d8e8c1}.account strong{font-size:12px;color:#e9eee5;display:block}.account small{font-size:10px;color:#8fa998;display:block;margin-top:3px}.main{margin-left:var(--sidebar);padding:0 42px 34px;max-width:1800px}.topbar{height:85px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);margin-bottom:33px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.breadcrumb .icon{width:14px;height:14px}.breadcrumb b{font-weight:500;color:#3c5547}.topbar-right{display:flex;align-items:center;gap:16px}.small-date{font-size:11px;color:var(--muted)}.icon-btn{background:transparent;border:1px solid var(--line);border-radius:50%;height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background:#e9efdf}.icon-btn .icon{width:16px;height:16px}.topbar .avatar{width:32px;height:32px}.mobile-brand{display:none}.demo-banner{display:flex;align-items:center;gap:10px;border:1px solid #dfe9c6;background:#f0f5e5;padding:10px 14px;border-radius:9px;font-size:11px;color:#597042;margin-bottom:24px}.demo-dot{width:6px;height:6px;background:#79a351;border-radius:50%;flex-shrink:0}.demo-banner span:nth-child(2){flex:1}.demo-banner button{background:white;border:1px solid #d8e2c7;border-radius:6px;padding:5px 9px;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8a958b;text-transform:uppercase;font-weight:600;margin:0 0 9px}.page-heading h1{font-size:30px;letter-spacing:-1.1px;line-height:1.15;font-weight:580;margin:0 0 10px}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:1px solid var(--line);background:white;border-radius:9px;text-decoration:none;font-size:11px;font-weight:600;min-height:42px;white-space:nowrap}.btn .icon{width:16px;height:16px}.btn:hover{background:#f0f4ea}.btn.primary{color:white;background:#284f3c;border-color:#284f3c}.btn.primary:hover{background:#356548}.btn.lime{background:#d6eda3;color:#243f2a;border-color:#d6eda3}.btn.danger{background:#fcf0ee;border-color:#f1d7d2;color:#b44c47}.btn.subtle{background:transparent;border-color:transparent;color:#607560}.btn.small{padding:8px 11px;min-height:34px;font-size:10px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-line{display:flex;gap:7px;align-items:center;font-size:11px;color:#718771}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#569665;flex-shrink:0}.status-dot.grey{background:#a6ada6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px 21px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8a80}.stat-top .icon{color:#84977b;width:16px;height:16px}.stat-value{font-size:32px;letter-spacing:-1.1px;font-weight:550;line-height:1.25;margin:16px 0 8px;font-variant-numeric:tabular-nums}.stat-value small{font-size:13px;letter-spacing:0;font-weight:400;margin-left:3px;color:#81917f}.stat-note{font-size:10px;color:#8a948c;display:flex;gap:5px;align-items:center}.stat-note.good{color:#628252}.stat-note.warning{color:#b58c45}.stat-card.featured{background:#e8efdd;border-color:#e1e8d6}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px 17px}.card-head h2,.section-title{font-size:14px;font-weight:600;margin:0;letter-spacing:-.1px}.card-head p{font-size:10px;color:var(--muted);margin:6px 0 0}.text-link{display:flex;align-items:center;gap:7px;color:#708161;font-size:10px;border:0;background:none;padding:5px;white-space:nowrap}.text-link .icon{width:13px;height:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:500;color:#929b91;padding:12px 22px;background:#fafbf8;border-top:1px solid #eff1eb;border-bottom:1px solid #eff1eb}td{padding:15px 22px;border-bottom:1px solid #f0f2ed;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf7}.person{display:flex;align-items:center;gap:10px}.person .avatar{width:31px;height:31px;font-size:10px;background:#edf1e6}.person-text{display:grid;gap:4px;min-width:0}.person strong{font-size:11px;font-weight:550}.person small{font-size:9px;color:#95a08f}.cell-button{padding:0;border:0;background:none;text-align:left}.cell-button:hover strong{color:#4d8b59}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;background:#eef4e9;color:#6a895b;font-size:9px;font-weight:500;white-space:nowrap}.pill.warning{background:#fbf3e3;color:#b48b49}.pill.error{background:#faece9;color:#b96b60}.pill.neutral{background:#f0f1ed;color:#969b91}.pill .status-dot{width:4px;height:4px;background:currentColor}.traffic-cell{min-width:90px}.traffic-numbers{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-bottom:6px;color:#75836e}.meter{height:4px;background:#edf1e8;border-radius:5px;overflow:hidden}.meter span{display:block;height:100%;background:#a8c688;border-radius:5px}.meter.warning span{background:#d5b578}.meter.error span{background:#c89488}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.side-stack{display:grid;gap:20px;align-content:start}.server-card{padding:22px}.server-title{display:flex;justify-content:space-between;align-items:center}.server-title h2{font-size:13px;margin:0;font-weight:600}.resource{margin-top:23px}.resource-line{display:flex;justify-content:space-between;font-size:10px;color:#8a9389;margin-bottom:10px}.resource-line strong{font-weight:500;color:#62715e}.resource .meter{height:5px}.server-meta{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;color:#91998b}.server-meta b{font-weight:500;color:#65735d}.note-card{background:#e9eede;border:1px solid #e1e7d4;border-radius:var(--radius);padding:23px}.note-card>.icon{width:24px;height:24px;color:#78966a;margin-bottom:16px}.note-card h3{font-size:13px;margin:0 0 9px;font-weight:600}.note-card p{font-size:11px;line-height:1.8;color:#879477;margin:0 0 15px}.note-card .text-link{padding:0;color:#5f7652;font-size:11px}.distribution{margin-top:22px}.distribution-content{padding:0 23px 22px}.distribution-bar{display:flex;gap:3px;height:16px;border-radius:5px;overflow:hidden;margin:7px 0 17px;background:#f0f2eb}.distribution-bar span{min-width:3px}.distribution-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#87907f}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:2px}.app-footer{display:flex;justify-content:space-between;gap:15px;margin-top:29px;padding-top:19px;border-top:1px solid var(--line);font-size:9px;color:#99a290;letter-spacing:.1px}.app-footer span{display:flex;align-items:center;gap:6px}.app-footer .icon{width:12px;height:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;flex-wrap:wrap}.searchbox{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 13px;min-width:240px;flex:1;max-width:400px;background:#fafbf8}.searchbox .icon{width:16px;height:16px;color:#9da68f}.searchbox input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:11px}.filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter{border:0;border-radius:6px;padding:8px 11px;font-size:10px;color:#8a9680;background:transparent}.filter.active{background:#eaf0df;color:#557246}.filter:hover{background:#f1f4ea}.empty{text-align:center;padding:55px 25px;color:var(--muted);line-height:1.8}.empty>.icon{width:32px;height:32px;color:#9faf94;margin-bottom:10px}.empty h2,.empty h3{font-size:17px;font-weight:500;color:#49633f}.empty p{font-size:12px;max-width:440px;margin:0 auto 20px}.error-box{background:#fff6f3;border:1px solid #f0d8d0;border-radius:12px;padding:18px;color:#986c5c;font-size:12px;line-height:1.8;margin-bottom:20px}.error-box .button-row{margin-top:12px}.inline-error{font-size:11px;color:#b46f5d;padding:12px 22px}.inbound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.inbound-card{padding:24px}.inbound-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.square-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#edf2e5;border-radius:12px;color:#76905f;flex-shrink:0}.inbound-top h2{font-size:14px;margin:0 0 7px;font-weight:550}.inbound-top p{font-size:10px;color:var(--muted);margin:0}.inbound-top .pill{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 16px;margin:20px 0}.detail-grid dt{font-size:10px;color:var(--muted);margin-bottom:7px}.detail-grid dd{margin:0;font-size:13px;font-weight:500}.inbound-card .button-row{border-top:1px solid var(--line);padding-top:18px}.section-description{font-size:12px;color:var(--muted);line-height:1.8;max-width:620px;margin-bottom:25px}.server-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:22px}.large-resources{padding:25px}.large-resources .resource{margin-bottom:30px}.large-resources .resource-line{font-size:12px}.large-resources .meter{height:9px}.danger-zone{padding:24px;background:#fffdfb}.danger-zone h2{font-size:14px;font-weight:600}.danger-zone p{font-size:12px;color:var(--muted);line-height:1.9}.audit-list{padding:0 23px 10px}.audit-item{display:flex;align-items:flex-start;gap:13px;border-top:1px solid var(--line);padding:17px 0}.audit-icon{background:#edf3e7;color:#78a166;border-radius:8px;padding:8px;display:flex;flex-shrink:0}.audit-icon .icon{height:14px;width:14px}.audit-icon.warning{background:#f6f0e3;color:#b39b64}.audit-body{flex:1;min-width:0}.audit-body strong{font-size:11px;font-weight:550;overflow-wrap:anywhere}.audit-body p{font-size:10px;color:var(--muted);margin:5px 0 0;line-height:1.6;overflow-wrap:anywhere}.audit-time{font-size:9px;color:#9ca391;white-space:nowrap}.user-hero{position:relative;background:#1c3d31;color:#f3f6eb;border-radius:20px;overflow:hidden;padding:36px;margin-bottom:24px;min-height:244px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{color:#adc28f}.hero-copy h2{font-size:32px;font-weight:450;letter-spacing:-1px;line-height:1.27;margin:15px 0 17px}.hero-copy p{color:#9ab393;font-size:12px;line-height:1.8;max-width:410px}.hero-graphic{position:relative;width:200px;height:185px;flex-shrink:0;opacity:.85}.hero-graphic:before,.hero-graphic:after{content:"";position:absolute;inset:34px 4px;border:1px solid #76985e;border-radius:50%;transform:rotate(-43deg)}.hero-graphic:after{inset:17px 31px;transform:rotate(43deg)}.hero-planet{position:absolute;top:63px;left:70px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e0ecaa,#819f57 65%,#466744);box-shadow:0 0 55px #a6c06a24}.hero-satellite{position:absolute;top:25px;left:141px;width:10px;height:10px;border-radius:50%;background:#d4e996}.subscriptions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px}.subscription-card{padding:25px}.sub-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}.sub-top h2{font-size:15px;font-weight:550;margin:0;overflow-wrap:anywhere}.sub-traffic{font-size:29px;letter-spacing:-1px;margin:14px 0}.sub-traffic small{font-size:12px;letter-spacing:0;color:var(--muted)}.subscription-card .meter{height:7px}.subscription-card .detail-grid{border-bottom:1px solid var(--line);padding-bottom:20px}.sub-warning{display:flex;align-items:flex-start;gap:8px;font-size:10px;background:#fbf5e6;color:#a68b54;border-radius:7px;padding:10px;margin-top:13px;line-height:1.6}.sub-warning .icon{width:14px;height:14px;flex-shrink:0;margin-top:1px}.connection-help{padding:23px;display:flex;gap:20px;align-items:flex-start}.connection-help h2{font-size:13px;margin:0 0 9px}.connection-help p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.connection-help .btn{margin-left:auto}.profile-tag{font-size:11px;color:#87a66b;margin-top:12px}.mobile-nav{display:none}.skeleton{height:150px;background:linear-gradient(90deg,#eef2e8,#f8faf3,#eef2e8);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}dialog{padding:0;border:1px solid var(--line);border-radius:19px;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);color:var(--ink);background:var(--surface);box-shadow:0 30px 100px #1023192e}dialog::backdrop{background:#11282066;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.modal-head h2{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:550;overflow-wrap:anywhere}.modal-body{padding:24px 25px}.modal-body>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 25px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface);z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;align-content:start;font-size:11px;color:#5c7150}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4d4;border-radius:8px;background:#fafcf7;color:var(--ink);padding:11px 12px;min-width:0;font-size:12px}.field textarea{resize:vertical;min-height:80px}.field small{font-size:9px;line-height:1.5;color:#929e86}.checklist{display:flex;gap:9px;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:8px}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#7b8d6b;line-height:1.5}.check input{accent-color:#789c57;width:15px;height:15px;margin:0;flex-shrink:0}.form-error{color:#b5745b;font-size:11px;line-height:1.7;margin:12px 0 0}.modal-profile{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modal-profile .avatar{width:48px;height:48px}.modal-profile h3{margin:0 0 7px;font-weight:550;font-size:16px}.modal-profile p{color:var(--muted);margin:0;font-size:11px}.binding-info{padding:12px 14px;background:#f2f6eb;border-radius:8px;margin:19px 0;font-size:10px;line-height:1.8;color:#7b8c6b}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.action-grid .btn{justify-content:flex-start}.qr-image{display:block;background:white;margin:15px auto;padding:8px;width:220px;max-width:100%;aspect-ratio:1}.links-list{display:grid;gap:13px}.link-row{padding:14px;background:#f7f9f2;border:1px solid var(--line);border-radius:9px}.link-row strong{font-size:10px;font-weight:500;display:block;margin-bottom:7px}.link-row code{display:block;word-break:break-all;font-size:9px;line-height:1.7;color:#8f9a82;max-height:62px;overflow:auto;margin-bottom:10px}.copy-fallback{width:100%;min-height:110px;font-size:12px;padding:12px}.steps{padding-left:20px;font-size:12px;line-height:1.9;color:#7b8c6e}.steps li{margin-bottom:12px}.text-break{overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#toasts{position:fixed;right:24px;bottom:24px;z-index:100;display:grid;gap:8px;max-width:calc(100vw - 36px)}.toast{background:#264332;color:#f0f5e8;border-radius:10px;padding:14px 20px;box-shadow:0 8px 30px #112a2526;font-size:12px;line-height:1.6;max-width:360px}.toast.error{background:#8c5343}.intro-card{max-width:530px;margin:15vh auto 0;padding:40px;text-align:center}.intro-card .brand-symbol{color:#8cab62;width:60px;height:60px}.intro-card h1{font-size:26px;font-weight:500}.intro-card p{font-size:13px;line-height:1.9;color:var(--muted)}
@media(min-width:1500px){.main{padding-left:55px;padding-right:55px}.content-grid{grid-template-columns:minmax(0,1fr) 330px}.stats{gap:22px}.stat-card{padding:23px}.page-heading h1{font-size:34px}.content-grid table td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1150px){:root{--sidebar:205px}.main{padding-left:25px;padding-right:25px}.sidebar{padding-left:13px;padding-right:13px}.content-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}th,td{padding-left:15px;padding-right:15px}.stats{gap:12px}.stat-card{padding:17px 15px}.card-head{padding-left:17px;padding-right:17px}.stat-value{font-size:29px}.hide-medium{display:none}}
@media(max-width:950px){.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{margin-top:10px}.server-layout{grid-template-columns:1fr}.hero-graphic{width:165px}.inbound-grid,.subscriptions-grid{grid-template-columns:1fr}.small-date{display:none}.distribution-legend{gap:12px}}
@media(max-width:700px){:root{--sidebar:0px}.sidebar{display:none}.main{margin:0;padding:0 18px calc(98px + env(safe-area-inset-bottom))}.topbar{height:72px;margin-bottom:21px;padding-top:env(safe-area-inset-top)}.breadcrumb{display:none}.mobile-brand{display:flex;gap:7px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-1px}.mobile-brand .brand-symbol{color:#496b46;width:31px;height:31px}.topbar-right{gap:12px}.topbar-right .avatar{width:30px;height:30px}.demo-banner{margin-bottom:21px;padding:9px 11px;font-size:10px;gap:7px}.demo-banner button{font-size:9px;max-width:126px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.page-heading h1{font-size:26px;line-height:1.2;margin-bottom:8px}.page-heading p{font-size:11px;max-width:270px}.eyebrow{font-size:8px}.page-heading>.btn{font-size:10px;padding:11px;min-height:38px;margin-top:19px}.stats{gap:11px;margin-bottom:18px}.stat-card{border-radius:12px;padding:16px}.stat-top{font-size:10px}.stat-value{font-size:29px;margin-top:12px;margin-bottom:7px}.stat-note{font-size:9px}.content-grid{gap:18px}.card{border-radius:14px}.card-head{padding:19px 18px 16px}.card-head h2{font-size:13px}.card-head p{font-size:9px}.side-stack{grid-template-columns:1fr}.side-stack .note-card{display:none}.hide-mobile{display:none}th,td{padding:13px 14px}th{font-size:9px}td{font-size:10px}.person{gap:9px}.person .avatar{width:27px;height:27px;font-size:9px}.person strong{font-size:10px}.person small{font-size:8px}.traffic-cell{min-width:70px}.traffic-numbers{font-size:8px}.pill{font-size:8px;padding:4px 6px}.table-footer{font-size:9px;padding:14px}.distribution{margin-top:18px}.distribution-content{padding:0 18px 20px}.distribution-legend{gap:12px;font-size:9px}.app-footer{font-size:8px;margin-top:25px}.app-footer span:last-child{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffefbf5;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;gap:4px}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;color:#a0aa95;padding:7px 8px;border-radius:8px;font-size:8px;min-width:50px}.mobile-nav button.active{background:#eaf1dd;color:#597745}.mobile-nav .icon{width:19px;height:19px}.toolbar{padding:16px;gap:13px}.searchbox{max-width:none;min-width:0;width:100%}.filters{width:100%;overflow:auto;flex-wrap:nowrap}.filter{white-space:nowrap;flex-shrink:0;font-size:9px}.inbound-card{padding:20px}.inbound-top h2{font-size:12px}.inbound-top .square-icon{width:35px;height:35px}.hero-graphic{position:absolute;right:-36px;top:34px;opacity:.3}.user-hero{padding:27px 25px;min-height:234px}.hero-copy h2{font-size:28px}.hero-copy p{font-size:11px;max-width:255px}.subscriptions-grid{gap:18px}.subscription-card{padding:22px}.sub-top h2{font-size:14px}.connection-help{padding:20px;gap:12px;flex-wrap:wrap}.connection-help>.square-icon{width:35px;height:35px}.connection-help>div:nth-child(2){flex:1}.connection-help .btn{margin-left:47px}.audit-item{gap:9px}.audit-time{font-size:8px}.audit-body strong{font-size:10px}.audit-list{padding:0 17px 8px}.modal-head{padding:19px}.modal-head h2{font-size:16px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.form-grid{gap:16px 12px}.field{font-size:10px}.field input,.field select,.field textarea{font-size:16px;padding:10px}.field small{font-size:9px}.action-grid .btn{font-size:10px;padding:11px}.intro-card{margin-top:12vh;padding:25px}#toasts{right:18px;bottom:calc(90px + env(safe-area-inset-bottom))}.table-full .traffic-column{display:none}.modal-body .detail-grid{gap:20px}.server-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Browser fallback authentication */
.auth-card{max-width:560px;margin-top:9vh}.browser-login{display:grid;gap:16px;text-align:left;margin-top:22px}.auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0 4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.auth-submit{width:100%;justify-content:center;min-height:44px}.auth-hint{font-size:10px!important;line-height:1.7!important;text-align:center;margin:0!important}.browser-login .form-error{min-height:0;margin:0}.browser-login .field{text-align:left}
@media(max-width:700px){.auth-card{margin-top:6vh;padding:24px 20px}.browser-login{gap:14px}.auth-submit{font-size:11px}}

/* Connection guide and FAQ */
.guide-stack,.faq-layout{display:grid;gap:20px}.guide-card{padding:25px;display:flex;gap:20px;align-items:flex-start}.guide-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#294735;font-size:14px;font-weight:700;flex-shrink:0}.guide-card h2,.client-card h3{margin:0 0 10px;font-size:14px;font-weight:600}.guide-card p,.client-card p,.faq-answer p{margin:0;color:var(--muted);font-size:11px;line-height:1.85}.guide-body{min-width:0;flex:1}.steps.compact{margin:10px 0 18px;padding-left:20px}.clients-section{overflow:visible}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 22px 22px;align-items:center}.client-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fafcf8;min-width:0}.client-card.recommended{background:#f3f7eb;border-color:#dfe8cf}.client-card-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.client-card-head .square-icon{width:38px;height:38px}.client-card-head h3{margin:0 0 5px}.client-links{display:grid;gap:8px;margin-top:16px}.client-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:white;text-decoration:none;transition:background .15s,border-color .15s}.client-link:hover{background:#f2f6eb;border-color:#d8e3ca}.client-link strong{display:block;font-size:10px;font-weight:600}.client-link small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.client-link .icon{width:14px;height:14px;color:#728966}.guide-note{display:flex;align-items:flex-start;gap:15px}.guide-note>.icon{flex-shrink:0}.guide-note h3{margin-top:0}.faq-card{overflow:visible}.faq-list{padding:0 22px 22px;display:grid;gap:9px}.faq-item{border:1px solid var(--line);border-radius:10px;background:#fbfcf9;overflow:hidden}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;cursor:pointer;font-size:11px;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:15px;height:15px;color:#7d9271;transition:transform .18s}.faq-item[open] summary .icon{transform:rotate(90deg)}.faq-answer{padding:0 16px 16px;border-top:1px solid #eef1e9}.faq-answer>p{padding-top:13px}.faq-answer .steps{margin:12px 0 0}.faq-answer b{color:var(--ink)}
@media(max-width:950px){.client-grid{grid-template-columns:1fr 1fr}.client-card.recommended{grid-column:1/-1}}
@media(max-width:700px){.client-grid{grid-template-columns:1fr;padding:0 17px 17px}.client-card.recommended{grid-column:auto}.guide-card{padding:20px;gap:13px}.guide-number{width:32px;height:32px;font-size:12px}.faq-list{padding:0 16px 16px}.faq-item summary{padding:14px;font-size:10px}.faq-answer{padding:0 14px 14px}.guide-note{padding:18px}.mobile-nav button{min-width:46px;padding-left:6px;padding-right:6px}}


/* AGE brand refresh */
:root{--ink:#0d2340;--muted:#6c7a92;--green:#3aa7e6;--accent:#93e1ff;--line:#dce8f5;--surface:#ffffff;--bg:#f2f7fc;--red:#c85b69;color-scheme:light;background:var(--bg);color:var(--ink)}
body{background:radial-gradient(circle at top right,#eaf6ff 0,#f2f7fc 34%,#eef4fb 100%);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78d3ff}
.age-loader{border-top-color:#59c4ff}
.sidebar{background:linear-gradient(180deg,#081a32 0%,#0d2448 55%,#102b52 100%);color:#d7e6ff;box-shadow:18px 0 42px rgba(7,22,44,.08)}
.brand{padding-bottom:30px}.brand strong{letter-spacing:-.8px;font-weight:700}.brand small{color:#82cfff;letter-spacing:2.2px}
.brand-symbol{width:42px;height:42px;filter:drop-shadow(0 6px 14px rgba(74,170,255,.22))}
.nav-label{color:#7fa8d1}.nav button{color:#b9d0ee}.nav button:hover{background:#16345f;color:#fff}.nav button.active{background:linear-gradient(135deg,#88dfff,#66c1ff);color:#0b2344}.nav-count{background:#21446f;color:#d8ebff}.nav .active .nav-count{background:#dff4ff;color:#10335d}
.secure-note{color:#8fb4df}.account{border-top-color:#21446f}.avatar{background:#e7f5ff;color:#17558e}.avatar.dark{background:#173860;color:#d8efff}
.breadcrumb b,.page-heading h1,.section-title,.card-head h2,.server-title h2,.note-card h3,.hero-copy h2,.sub-top h2,.client-card-head h3,.faq-answer b{color:#0d2340}
.icon-btn:hover{background:#edf7ff}
.demo-banner{border-color:#d4ebff;background:#eff8ff;color:#2f628f}.demo-dot{background:#55c0ff}.demo-banner button{border-color:#cfe4f6}
.btn:hover{background:#eff8ff}.btn.primary{background:linear-gradient(135deg,#143863,#0d2344);border-color:#153b68}.btn.primary:hover{background:linear-gradient(135deg,#1b4a7f,#123258)}.btn.lime{background:linear-gradient(135deg,#8be4ff,#63c3ff);border-color:#79d6ff;color:#0d2340}.btn.subtle{color:#4d7ca8}
.stat-card{border-color:#dbe9f6;box-shadow:0 10px 24px rgba(11,39,72,.04)}.stat-card.featured{background:linear-gradient(180deg,#eef8ff,#f8fcff);border-color:#cae6fb}.card,.client-card,.guide-card,.faq-item,.note-card,.danger-zone,.server-card,.subscription-card{border-color:#dbe9f6;box-shadow:0 12px 30px rgba(11,39,72,.04)}
.text-link,.profile-tag,.guide-kicker,.guide-number,.legend-dot,.server-meta strong{color:#247bc1}.square-icon{background:#eef7ff;color:#2b8bd5}.pill{background:#edf8ff;color:#2e84c7}.pill.warning{background:#fff4df;color:#bf8d31}.pill.error{background:#fff0f2;color:#c06172}.pill.neutral{background:#eff3f8;color:#7b8ca5}.meter{background:#ebf2fa}.meter span{background:linear-gradient(90deg,#77d6ff,#419be0)}.meter.warning span{background:linear-gradient(90deg,#ffd36d,#f0b24a)}.meter.error span{background:linear-gradient(90deg,#ff9fb0,#db637b)}
.user-hero{background:radial-gradient(circle at top right,rgba(116,217,255,.16),transparent 25%),linear-gradient(135deg,#081a32 0%,#112f59 55%,#133968 100%);box-shadow:0 20px 55px rgba(9,29,55,.15)}
.hero-copy .eyebrow{color:#7ed4ff}.hero-copy p{color:#bfd6ef}.hero-graphic:before,.hero-graphic:after{border-color:#5dc8ff}.hero-planet{background:radial-gradient(circle at 35% 25%,#d5f3ff,#6ccfff 60%,#2e7dc4 100%);box-shadow:0 0 55px rgba(74,170,255,.28)}.hero-satellite{background:#d7f3ff}
.table-wrap th{background:#f7fbff;border-color:#eaf2fa}.table-wrap tbody tr:hover{background:#f9fcff}.person .avatar{background:#edf7ff}.cell-button:hover strong{color:#227fc5}
.searchbox,.filter.active,.checklist,.field input,.field select,.field textarea,.link-row,.binding-info{border-color:#dbe8f6;background:#f9fcff}.field input,.field select,.field textarea{color:#0d2340}.check input{accent-color:#2f8fd8}.filter.active{background:#eaf6ff;color:#145289}.filter:hover{background:#f3f9fe}
dialog::backdrop{background:#081a3275}.modal-head,.modal-footer{background:#fff}.modal-profile .avatar{background:#e8f5ff}.toast{background:#0f294d}.toast.error{background:#91495c}.intro-card .brand-symbol{width:68px;height:68px;color:inherit;filter:drop-shadow(0 10px 24px rgba(72,170,255,.22))}.intro-card{background:rgba(255,255,255,.95)}
.mobile-nav{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-top:1px solid #dbe8f6}.mobile-nav button.active{background:#eaf6ff;color:#155088}

/* AGE logo + hero fixes */
.brand{display:block;padding:2px 10px 28px}
.brand-wordmark{display:block;width:174px;max-width:100%;height:auto}
.mobile-brand{align-items:center}
.mobile-wordmark{width:132px;height:auto;display:block}
.brand-mark{display:block;width:100%;height:auto;border-radius:50%;object-fit:cover;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.footer-mark{width:18px;height:18px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;box-shadow:none}
.intro-wordmark{width:190px;max-width:100%;height:auto;margin:0 auto 8px;display:block}
.hero-copy h2{color:#f7fbff !important;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.hero-copy p{color:#d9ebff !important}
.hero-copy .eyebrow{color:#8fe4ff !important}
.hero-copy .text-link{color:#b3f27d !important;font-weight:600}
.user-hero{overflow:hidden}
.hero-graphic{display:flex;align-items:center;justify-content:center;width:220px;height:220px;opacity:1}
.hero-graphic:before,.hero-graphic:after,.hero-planet,.hero-satellite{display:none !important}
.hero-logo{width:170px;max-width:100%;filter:drop-shadow(0 20px 45px rgba(0,0,0,.28))}
.app-footer .footer-mark{margin-right:2px}
@media(max-width:700px){
  .brand-wordmark{width:150px}
  .hero-graphic{width:150px;height:150px}
  .hero-logo{width:120px}
  .intro-wordmark{width:160px}
}

/* === AGE cleanup fixes === */
.brand{padding:6px 8px 28px}
.brand-wordmark{display:block;width:152px;max-width:100%;height:auto;border-radius:0;box-shadow:none;background:transparent}
.mobile-wordmark{width:132px;max-width:100%;height:auto}
.intro-wordmark{width:176px;max-width:100%;height:auto;border-radius:14px;box-shadow:0 10px 24px rgba(6,20,38,.10)}
.brand-mark,.hero-logo,.footer-mark{display:block;background:transparent;object-fit:contain}
.hero-graphic{background:none !important;border:0 !important;box-shadow:none !important;width:210px;height:210px;display:flex;align-items:center;justify-content:center}
.hero-logo{width:172px;max-width:100%;filter:drop-shadow(0 20px 36px rgba(4,14,29,.24))}
.hero-copy h2{max-width:760px;color:#f4f9ff !important;text-shadow:0 2px 8px rgba(7,22,44,.18)}
.hero-copy p{max-width:520px;color:#d9eaff !important}
.hero-copy .text-link{white-space:normal !important;max-width:100%;width:fit-content;line-height:1.45;text-align:left;overflow-wrap:anywhere;word-break:break-word}
.connection-help .btn,.guide-note .btn{white-space:normal;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.footer-mark{width:18px;height:18px;border-radius:50%;vertical-align:middle}

/* Cleaner cards and buttons */
.card,.client-card,.guide-card,.faq-item,.note-card,.danger-zone,.server-card,.subscription-card,.stat-card{box-shadow:0 14px 32px rgba(11,39,72,.05) !important}
.client-card:hover,.guide-card:hover,.faq-item:hover,.subscription-card:hover,.server-card:hover,.stat-card:hover{transform:translateY(-1px)}
.btn{white-space:nowrap}
.btn.primary,.btn.lime,.btn.subtle,.btn.danger{border-radius:14px}

/* mobile nav fixes for admin + user personal pages */
.mobile-nav{display:flex;justify-content:flex-start !important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-left:10px;padding-right:10px;gap:8px}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav button{flex:0 0 auto;min-width:62px;max-width:82px;padding:8px 8px 7px}
.mobile-nav button span{display:block;max-width:100%;line-height:1.15;white-space:normal;overflow-wrap:anywhere;text-align:center}
.mobile-nav button.active{box-shadow:0 8px 18px rgba(48,140,212,.14)}

/* subscription/help sections */
.sub-top h2,.client-card-head h3,.guide-card h3,.faq-item summary,.connection-help h2{overflow-wrap:anywhere}
.link-row code{overflow-wrap:anywhere;word-break:break-all}

@media (max-width:700px){
  .brand-wordmark{width:142px}
  .mobile-brand{min-width:0}
  .main{padding:0 18px calc(108px + env(safe-area-inset-bottom))}
  .user-hero{padding:24px 20px 20px !important;gap:14px !important;min-height:auto !important}
  .hero-copy h2{font-size:29px !important;line-height:1.12 !important;max-width:none}
  .hero-copy p{font-size:11px !important;max-width:100%}
  .hero-copy .text-link{width:100%;justify-content:flex-start;padding:11px 13px !important}
  .hero-graphic{position:relative !important;right:auto !important;top:auto !important;opacity:1 !important;width:118px;height:118px;margin-left:auto}
  .hero-logo{width:94px}
  .connection-help{align-items:stretch}
  .connection-help .btn{margin-left:0 !important;width:100%}
  .guide-card,.faq-item,.subscription-card,.client-card,.server-card,.note-card{border-radius:18px}
  .topbar{overflow:visible}
  .page-heading{flex-wrap:wrap}
}

/* === Trio identity refresh === */
.brand{padding:6px 8px 28px}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;background:transparent}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type strong{font-size:21px;letter-spacing:-.7px;font-weight:700;color:#f5fbff}
.brand-type small{margin-top:5px;font-size:8px;letter-spacing:2.3px;color:#8fcfff;font-weight:600}
.brand-wordmark,.mobile-wordmark,.intro-wordmark{width:auto !important;max-width:100%;height:auto;border-radius:0 !important;box-shadow:none !important;background:transparent !important}
.brand-mark{width:34px;height:34px;flex:0 0 34px;display:block;filter:drop-shadow(0 10px 18px rgba(22,111,171,.18))}
.mobile-brand .brand-type strong{font-size:18px}
.mobile-brand .brand-type small{font-size:7px;letter-spacing:1.9px}
.intro-wordmark{justify-content:center;margin:0 auto 10px}.intro-wordmark .brand-mark{width:42px;height:42px;flex-basis:42px}.intro-wordmark .brand-type strong{font-size:24px;color:#10335d}.intro-wordmark .brand-type small{font-size:8px;letter-spacing:2.4px;color:#467aa7}
.hero-graphic{display:none !important}
.app-footer span:first-child{padding-left:0}

/* footer without icon */
.app-footer .footer-mark{display:none !important}

/* ensure no white boxed logo remnants */
.brand img,.mobile-brand img,.intro-card img,.app-footer img{display:none !important}

/* tidy header + responsive nav labels */
.hero-copy .text-link{white-space:normal !important;display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.connection-help .btn,.guide-note .btn{white-space:normal;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.mobile-nav{display:flex;justify-content:flex-start !important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-left:10px;padding-right:10px}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav button{flex:0 0 auto;min-width:62px;max-width:82px}
.mobile-nav button span{display:block;max-width:100%;line-height:1.15;white-space:normal;overflow-wrap:anywhere;text-align:center}

/* subtle trio-themed accent for intro page */
.auth-card::after{content:"";position:absolute;right:22px;top:22px;width:78px;height:78px;opacity:.12;background:
radial-gradient(circle at center,rgba(111,214,255,.55) 0 8%,transparent 9%),
radial-gradient(circle at 28% 66%,transparent 0 38%,rgba(111,214,255,.65) 39% 41%,transparent 42%),
radial-gradient(circle at 72% 66%,transparent 0 38%,rgba(111,214,255,.65) 39% 41%,transparent 42%),
radial-gradient(circle at 50% 24%,transparent 0 38%,rgba(111,214,255,.65) 39% 41%,transparent 42%);pointer-events:none}

@media (max-width:700px){
  .brand-mark{width:30px;height:30px;flex-basis:30px}
  .brand-type strong{font-size:18px}
  .brand-type small{font-size:7px;letter-spacing:1.8px}
  .mobile-brand{min-width:0}
  .intro-wordmark .brand-mark{width:38px;height:38px;flex-basis:38px}
  .intro-wordmark .brand-type strong{font-size:22px}
  .hero-copy .text-link{width:100%;justify-content:flex-start}
}

/* ===== AGE final visual lock ===== */
:root{
  --ink:#0f2744;
  --muted:#6f8096;
  --green:#153b68;
  --accent:#9eeaff;
  --line:#dbe7f3;
  --surface:#ffffff;
  --bg:#eef5fc;
  --radius:20px;
}
html,body{background:var(--bg);color:var(--ink)}
body{
  background:
    radial-gradient(circle at top right, rgba(124,211,255,.18), transparent 22%),
    linear-gradient(180deg,#f4f9ff 0%,#eef5fc 100%);
}
.shell{background:transparent}
.sidebar{
  background:linear-gradient(180deg,#081a33 0%,#0e2447 58%,#122e58 100%);
  color:#d2e3f8;
  box-shadow:18px 0 42px rgba(8,26,51,.10);
}
.brand{padding:8px 10px 28px;color:#fff}
.brand-lockup{
  display:inline-flex;align-items:center;gap:12px;
  padding:8px 10px 8px 8px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(141,219,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.brand-mark{
  width:34px;height:34px;flex:0 0 34px;color:inherit;
  filter:drop-shadow(0 8px 18px rgba(18,130,192,.16));
}
.brand-type strong{font-size:24px;line-height:1;color:#f7fbff;letter-spacing:-.6px}
.brand-type small{margin-top:5px;font-size:8px;letter-spacing:2.35px;color:#91cdfa;font-weight:600}
.mobile-brand .brand-lockup,
.intro-wordmark.brand-lockup,
.footer-wordmark.brand-lockup{
  background:transparent;border:0;box-shadow:none;padding:0;
}
.intro-wordmark .brand-type strong{color:#13355d}
.intro-wordmark .brand-type small{color:#5b91bf}
.mobile-brand .brand-type strong{color:#163a66}
.mobile-brand .brand-type small{color:#4c87ba}
.topbar{border-bottom:1px solid rgba(187,208,229,.58);height:84px;margin-bottom:26px}
.breadcrumb,.small-date{color:#7d8da2}.breadcrumb b{color:#24486f}
.main{padding:0 40px 34px}
.demo-banner{
  border:1px solid #d7e9fb;
  background:linear-gradient(180deg,#f2f9ff,#f8fbff);
  color:#50779f;border-radius:14px;
}
.demo-dot{background:#5bc4ff}
.demo-banner button{border-color:#d4e5f5;background:#fff}
.nav-label{color:#7fa7d0}.nav button{color:#b8cfe9}.nav button:hover{background:#16345f;color:#fff}.nav button.active{background:linear-gradient(135deg,#8fe2ff,#64beff);color:#0d2340;font-weight:700}.nav-count{background:#21446f;color:#d9ecff}.nav .active .nav-count{background:#dff4ff;color:#11345d}
.account{border-top:1px solid rgba(115,154,194,.22)}.avatar.dark{background:#173960;color:#def2ff}.secure-note{color:#94b4d8}
.page-heading h1,.card-head h2,.section-title,.server-title h2,.note-card h3,.sub-top h2,.client-card-head h3,.faq-answer b{color:#102d4d}
.page-heading p,.card-head p,.stat-note,.person small,.resource-line,.server-meta,.note-card p,.guide-card p,.client-card p,.faq-answer p,.table-footer{color:#6f8096}
.btn{border-radius:14px;padding:12px 18px;min-height:44px;border:1px solid #d7e5f1;box-shadow:0 6px 18px rgba(15,39,68,.04);transition:transform .16s ease, box-shadow .16s ease, background .16s ease,border-color .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,39,68,.08)}
.btn.primary{background:linear-gradient(135deg,#102f56,#1c4777);border-color:#173d69;color:#fff;box-shadow:0 10px 22px rgba(16,47,86,.18)}
.btn.primary:hover{background:linear-gradient(135deg,#163a66,#215387)}
.btn.lime{background:linear-gradient(135deg,#d1fb8d,#a8ef77);border-color:#b7e98f;color:#163a22}
.btn.subtle{background:#f8fbff;color:#4d749c;border-color:#d7e5f1}
.btn.danger{background:linear-gradient(135deg,#fff3f5,#ffe7ed);border-color:#f4d2db;color:#bf536c}
.icon-btn{border:1px solid #d8e7f5;background:#fbfdff;box-shadow:0 6px 16px rgba(15,39,68,.04)}
.icon-btn:hover{background:#eef7ff}
.card,.client-card,.guide-card,.faq-item,.note-card,.danger-zone,.server-card,.subscription-card,.stat-card{
  border:1px solid #dbe7f3 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.98));
  box-shadow:0 14px 34px rgba(15,39,68,.05) !important;
  border-radius:20px;
}
.card::before,.client-card::before,.guide-card::before,.faq-item::before,.note-card::before,.danger-zone::before,.server-card::before,.subscription-card::before,.stat-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,rgba(123,207,255,.12),rgba(123,207,255,.78),rgba(123,207,255,.12));
  pointer-events:none;
}
.stat-card{position:relative;overflow:hidden}.stat-card.featured{background:linear-gradient(180deg,#eef8ff,#f9fcff);border-color:#cae7fb !important}
.stat-top{color:#6e8198}.stat-top .icon{color:#7ea2cb}.stat-value{color:#102c4a}
.table-wrap{border-top:1px solid #edf3f9}.table-wrap th{background:#f7fbff;border-color:#e6eff8;color:#7e90a6}.table-wrap td{border-bottom:1px solid #edf3f9}.table-wrap tbody tr:hover{background:#f8fbff}
.person .avatar{background:#edf7ff;color:#1e5c92}.cell-button:hover strong{color:#1d78bf}
.pill{background:#eef7ff;color:#4f86b7}.pill.warning{background:#fff5e2;color:#bf9239}.pill.error{background:#fff0f3;color:#c35e73}.pill.neutral{background:#eff4f8;color:#7b8da3}
.meter{background:#ebf2fa}.meter span{background:linear-gradient(90deg,#7ad7ff,#469ee2)}.meter.warning span{background:linear-gradient(90deg,#ffd677,#ecb554)}.meter.error span{background:linear-gradient(90deg,#ff9eb0,#db647b)}
.server-meta{border-top:1px solid #e7eef6}.note-card{background:linear-gradient(180deg,#f1f8ff,#f8fbff);border-color:#d6e8fa !important}.note-card>.icon{color:#5abdf0}.note-card .text-link{color:#2d7dbe}
.filter{background:#f7fbff;border-color:#d7e5f1;color:#567ca3}.filter.active{background:linear-gradient(135deg,#ebf7ff,#f4fbff);border-color:#bfe4fb;color:#175e94}
.searchbox,.field input,.field select,.field textarea,.checklist,.binding-info,.link-row{background:#fbfdff;border-color:#d8e6f2;color:#102d4d}
.searchbox input,.field input,.field select,.field textarea{color:#102d4d}
.client-link{border-color:#dde9f4;background:#fff}.client-link:hover{background:#f4faff;border-color:#cde0ef}.client-link .icon{color:#5f9ad0}
.guide-number{background:linear-gradient(135deg,#e5f7ff,#cbeeff);color:#19639c}.faq-item summary .icon{color:#7ca3cc}.faq-answer{border-top:1px solid #ebf1f7;background:#fcfeff}
.toolbar,.card-head,.table-footer{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(249,252,255,.9))}
.user-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;
  padding:34px 36px;min-height:278px;border-radius:28px;
  border:1px solid rgba(120,208,255,.25);
  background:radial-gradient(circle at 88% 22%,rgba(124,211,255,.16),transparent 0 16%),linear-gradient(135deg,#081a32 0%,#0e2446 48%,#12345e 100%);
  box-shadow:0 28px 70px rgba(8,26,51,.18);
}
.user-hero::after{content:"";position:absolute;inset:auto auto 0 0;width:56%;height:72%;background:radial-gradient(circle at left bottom,rgba(119,216,255,.14),transparent 66%);pointer-events:none}
.hero-copy{position:relative;z-index:1;max-width:720px}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(147,225,255,.22);background:rgba(255,255,255,.04);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#8fe4ff !important}
.hero-copy .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#8fe4ff;box-shadow:0 0 16px rgba(143,228,255,.7)}
.hero-copy h2{margin:18px 0 14px;max-width:780px;font-size:44px;line-height:1.06;letter-spacing:-1.6px;color:#ffffff !important;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.hero-copy p{max-width:560px;font-size:13px;line-height:1.85;color:#d8ebff !important;margin-bottom:18px}
.hero-copy .text-link{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(157,226,255,.18);color:#c8ff87 !important;font-size:11px;line-height:1.45;white-space:normal !important;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.hero-copy .text-link:hover{background:rgba(255,255,255,.1)}
.hero-graphic{display:flex !important;align-items:center;justify-content:center;position:relative !important;opacity:1 !important;width:220px;height:220px;margin-left:auto;background:none !important;border:0 !important;box-shadow:none !important}
.trio-graphic,.hero-badge{position:relative;width:188px;height:188px;display:flex;align-items:center;justify-content:center}
.hero-badge{border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.08),rgba(255,255,255,0) 44%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(139,219,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(2,12,24,.18)}
.hero-orbit{position:absolute;inset:16px;border:1px solid rgba(121,208,255,.34);border-radius:50%}
.hero-orbit.orbit-a{transform:rotate(18deg) scale(1.04,.78)}
.hero-orbit.orbit-b{transform:rotate(78deg) scale(1.02,.74);opacity:.86}
.hero-orbit.orbit-c{transform:rotate(-42deg) scale(.94,.7);opacity:.62}
.hero-emblem{position:relative;z-index:1;width:126px;height:126px;filter:drop-shadow(0 18px 30px rgba(4,14,29,.24))}
.hero-badge .brand-mark,.hero-badge img{display:block !important}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:26px 0 8px;color:#6b7f97}
.footer-brandline{display:inline-flex;align-items:center;gap:10px;min-width:0}
.footer-wordmark .brand-mark{width:24px;height:24px;flex-basis:24px}.footer-wordmark .brand-type strong{font-size:17px;color:#17385e}.footer-wordmark .brand-type small{font-size:7px;letter-spacing:2px;color:#6b9ac2}.footer-copy{font-size:11px;color:#72859d;white-space:normal}
.mobile-brand{display:none;align-items:center;min-width:0}
.mobile-brand .brand-lockup{padding:0;background:transparent;border:0;box-shadow:none}
.auth-card{border:1px solid #dbe7f3;background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,255,.985));box-shadow:0 26px 62px rgba(10,29,54,.12);border-radius:28px}
.auth-card::before{content:"";position:absolute;inset:0 0 auto 0;height:100px;background:linear-gradient(180deg,rgba(104,201,255,.12),rgba(104,201,255,0));pointer-events:none}
.intro-card{background:transparent !important}
.connection-help{border:1px solid #dbe7f3;background:linear-gradient(180deg,#fbfdff,#f8fbff);border-radius:18px}
@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.side-stack .note-card{display:block}}
@media (max-width:950px){
  .user-hero{grid-template-columns:1fr;min-height:auto;padding:28px 26px;gap:14px}
  .hero-graphic{width:160px;height:160px;justify-self:start;margin-left:0}
  .trio-graphic,.hero-badge{width:148px;height:148px}.hero-emblem{width:102px;height:102px}
}
@media (max-width:700px){
  .main{padding:0 18px calc(106px + env(safe-area-inset-bottom))}
  .topbar{height:auto;min-height:72px;padding:12px 0;align-items:flex-start}
  .mobile-brand{display:flex}
  .small-date{display:none}
  .brand{padding:6px 8px 28px}
  .brand-lockup{gap:9px;padding:7px 9px 7px 7px;border-radius:14px}
  .brand-mark{width:30px;height:30px;flex-basis:30px}
  .brand-type strong{font-size:18px}
  .brand-type small{font-size:7px;letter-spacing:1.9px}
  .mobile-brand .brand-lockup{padding:8px 10px 8px 8px;border:1px solid #d9e6f2;background:linear-gradient(180deg,#ffffff,#f7fbff);box-shadow:0 8px 18px rgba(15,39,68,.05)}
  .mobile-brand .brand-mark{filter:none}
  .page-heading{flex-wrap:wrap;gap:14px}.page-heading h1{font-size:28px}
  .user-hero{padding:24px 20px 20px;gap:14px;border-radius:24px}
  .hero-copy h2{font-size:31px !important;line-height:1.1 !important;max-width:none}
  .hero-copy p{font-size:11px !important;max-width:100%}
  .hero-copy .text-link{width:100%;justify-content:flex-start;padding:11px 13px !important}
  .hero-graphic{width:120px;height:120px;justify-self:end;margin-left:auto}
  .trio-graphic,.hero-badge{width:114px;height:114px}.hero-emblem{width:80px;height:80px}
  .footer-brandline{gap:8px;align-items:flex-start}.footer-copy{font-size:10px}
  .app-footer{padding-bottom:4px;flex-direction:column;align-items:flex-start}
  .mobile-nav{display:flex;justify-content:flex-start !important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-left:10px;padding-right:10px;gap:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #dbe7f3;box-shadow:0 -6px 26px rgba(15,39,68,.06)}
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav button{flex:0 0 auto;min-width:62px;max-width:82px;padding:8px 8px 7px;border-radius:12px}
  .mobile-nav button span{display:block;line-height:1.15;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .mobile-nav button.active{background:#eaf6ff;color:#155088;box-shadow:0 8px 18px rgba(48,140,212,.12)}
}

/* ===== AGE short-window + compact-header fixes ===== */
.sidebar{
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(126,197,244,.34) transparent;
}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(126,197,244,.30);border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(126,197,244,.48)}
.sidebar>.brand,.sidebar>.nav-label,.sidebar>.nav,.sidebar-bottom{flex-shrink:0}
.sidebar-bottom{margin-top:auto;min-height:max-content}

@media (max-height:760px) and (min-width:701px){
  .sidebar{padding-top:20px;padding-bottom:18px}
  .brand{padding-bottom:18px}
  .nav-label{margin-top:10px;margin-bottom:8px}
  .nav{gap:4px}
  .nav button{padding:10px 13px}
  .sidebar-bottom{padding-top:18px}
  .secure-note{padding-top:12px;padding-bottom:12px}
  .account{padding-top:14px}
}

@media (max-width:700px){
  .mobile-brand .brand-lockup{
    padding:8px 11px 8px 8px;
    border:1px solid rgba(139,219,255,.22);
    border-radius:15px;
    background:linear-gradient(180deg,#0b2344 0%,#102f56 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(8,26,51,.12);
  }
  .mobile-brand .brand-mark{
    width:30px;
    height:30px;
    flex-basis:30px;
    filter:drop-shadow(0 7px 14px rgba(40,156,220,.14));
  }
  .mobile-brand .brand-type strong{
    color:#f7fbff;
    font-size:18px;
    line-height:1;
  }
  .mobile-brand .brand-type small{
    color:#8fcfff;
    font-size:7px;
    letter-spacing:1.85px;
    margin-top:5px;
  }
}

@media (max-width:390px){
  .mobile-brand .brand-lockup{gap:7px;padding:7px 9px 7px 7px}
  .mobile-brand .brand-mark{width:27px;height:27px;flex-basis:27px}
  .mobile-brand .brand-type strong{font-size:16px}
  .mobile-brand .brand-type small{font-size:6px;letter-spacing:1.45px}
  .topbar-right{gap:8px}
}


/* ===== compact AGE header logo: same treatment as sidebar ===== */
@media (max-width:700px){
  .mobile-brand{
    display:flex !important;
    align-items:center !important;
    min-width:0;
    padding:7px 10px 7px 7px !important;
    border:1px solid rgba(139,219,255,.22) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,#0b2344 0%,#102f56 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(8,26,51,.12) !important;
  }
  .mobile-brand .brand-lockup{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .mobile-brand .brand-mark{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
    filter:drop-shadow(0 7px 14px rgba(40,156,220,.14)) !important;
  }
  .mobile-brand .brand-type strong{
    color:#f7fbff !important;
    font-size:18px !important;
  }
  .mobile-brand .brand-type small{
    color:#8fcfff !important;
    font-size:7px !important;
    letter-spacing:1.85px !important;
  }
}
@media (max-width:390px){
  .mobile-brand{padding:6px 8px 6px 6px !important;border-radius:13px !important}
  .mobile-brand .brand-lockup{gap:7px !important}
  .mobile-brand .brand-mark{width:27px !important;height:27px !important;flex-basis:27px !important}
  .mobile-brand .brand-type strong{font-size:16px !important}
  .mobile-brand .brand-type small{font-size:6px !important;letter-spacing:1.45px !important}
}

/* AGE navigation breakpoint fix: desktop sidebar and mobile nav are mutually exclusive */
@media (min-width:701px){
  .mobile-nav{display:none !important;}
}

/* Final hero CTA alignment */
.hero-copy .text-link{
  min-width:230px;
  min-height:42px;
  justify-content:center !important;
  text-align:center !important;
  padding:11px 22px !important;
}
.hero-copy .text-link .icon{flex:0 0 auto}
@media(max-width:700px){
  .hero-copy .text-link{
    width:100%;
    min-width:0;
    justify-content:center !important;
  }
}


/* VPN service status */
.service-status-banner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 24px;padding:20px 22px 20px 25px;border:1px solid #dce8d3;border-radius:16px;background:linear-gradient(135deg,#fbfef7,#f3f9ec);overflow:hidden;box-shadow:0 8px 25px rgba(37,70,53,.05)}
.service-status-banner::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#5b9d6f}
.service-status-main{display:flex;align-items:flex-start;gap:14px;min-width:0}.service-status-copy{min-width:0}
.service-status-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e5f3df;color:#39734f}.service-status-icon .icon{width:22px;height:22px}
.service-status-kicker{margin:1px 0 5px;font-size:9px;font-weight:700;letter-spacing:1.45px;color:#78916e}.service-status-title{display:flex;align-items:center;gap:9px;font-size:19px;line-height:1.25;color:#203c33}.service-status-indicator{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#54a16e;box-shadow:0 0 0 5px rgba(84,161,110,.13)}
.service-status-banner p{margin:7px 0 0;max-width:780px;color:#6f7f76;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.service-status-updated{flex:0 0 auto;padding-top:5px;color:#8a968f;font-size:10px;white-space:nowrap}
.service-status-degraded{border-color:#ead9a7;background:linear-gradient(135deg,#fffdf8,#fff8e7)}.service-status-degraded::before{background:#c99b2f}.service-status-degraded .service-status-icon{background:#fff0c5;color:#a87b13}.service-status-degraded .service-status-indicator{background:#c99b2f;box-shadow:0 0 0 5px rgba(201,155,47,.13)}
.service-status-maintenance{border-color:#cad9e8;background:linear-gradient(135deg,#fbfdff,#eff5fb)}.service-status-maintenance::before{background:#6486ab}.service-status-maintenance .service-status-icon{background:#e5eef8;color:#4f739b}.service-status-maintenance .service-status-indicator{background:#6486ab;box-shadow:0 0 0 5px rgba(100,134,171,.13)}
.service-status-offline{border-color:#e8c9c9;background:linear-gradient(135deg,#fffafa,#fff0f0)}.service-status-offline::before{background:#bd5a5a}.service-status-offline .service-status-icon{background:#fce4e4;color:#a84848}.service-status-offline .service-status-indicator{background:#bd5a5a;box-shadow:0 0 0 5px rgba(189,90,90,.13)}
.service-status-admin-card{margin-bottom:24px}.service-status-admin-card .card-head{padding-bottom:15px}.service-status-form{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(300px,1.35fr);gap:16px 18px;padding:0 22px 22px}.service-status-form .field{margin:0}.service-status-form textarea{min-height:88px;resize:vertical}.service-status-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#77877f;font-size:11px}.service-status-actions b{color:#29493e}
.service-status-delivery{grid-column:1/-1;min-width:0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere}.service-status-delivery p{margin:8px 0}.service-status-delivery .btn{margin-top:10px}
@media(max-width:700px){.service-status-banner{flex-direction:column;padding:18px 18px 18px 21px;gap:12px}.service-status-updated{padding-left:56px;white-space:normal}.service-status-title{font-size:17px}.service-status-form{grid-template-columns:1fr;padding:0 18px 18px}.service-status-actions{grid-column:1;align-items:stretch;flex-direction:column}.service-status-actions .btn{width:100%;justify-content:center}}

/* Public information links */
.public-links{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:24px;
}
.public-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  color:var(--ink);
  text-decoration:none;
}
.faq-card,.faq-list,.faq-item{
  border-radius:18px;
}
.faq-card{
  overflow:hidden;
}
.faq-list{
  overflow:hidden;
}


/* Shared information pages */
.clients-section,.faq-card{position:relative;overflow:hidden;border-radius:20px}
.clients-section .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px;gap:18px;align-items:stretch}
.clients-section .client-card.recommended{grid-column:auto;display:flex;flex-direction:column;margin:0}
.clients-section .client-links{margin-top:auto;padding-top:16px}
.clients-section .card-head{padding-bottom:0}
.clients-section .client-card::before,.faq-card::before{border-radius:inherit}
.faq-list{border-radius:0;padding:0 22px 22px;overflow:visible}
.offer-list{gap:12px}
.offer-item{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfdff}
.offer-item h3{font-size:13px;margin:0 0 10px;color:var(--ink)}
.offer-item p{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
.public-shell{width:min(1100px,100%);margin:0 auto;padding:24px 30px 40px}
.public-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.public-brand{text-decoration:none;color:inherit;min-width:0}
.public-brand .brand-type strong{color:var(--ink)}
.public-brand .brand-type small{color:#4c87ba}
.clients-section .client-card.recommended{background:linear-gradient(180deg,#f2f8ff,#fbfdff)}
.public-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.public-nav a{text-decoration:none}
.public-content{min-width:0}
.public-content .guide-note{display:flex}
@media(max-width:700px){
  .clients-section .client-grid{grid-template-columns:1fr;padding:18px;gap:18px}
  .faq-list{padding:0 18px 18px}
  .public-shell{padding:calc(20px + env(safe-area-inset-top)) 18px 28px}
  .public-topbar{gap:12px;align-items:center}
  .public-topbar>.btn{font-size:10px;padding:10px}
  .public-brand .brand-lockup{gap:8px}
  .public-brand .brand-mark{width:38px;height:38px}
  .public-nav{margin-bottom:24px;gap:8px}
  .public-nav .btn{flex:1;padding:10px 8px}
  .offer-item{padding:16px}
}

/* Private support */
.support-card{padding:24px;margin-bottom:22px;min-width:0}
.support-card h2{font-size:19px;margin:0 0 20px}
.support-form{display:grid;gap:16px}
.support-form textarea{resize:vertical;min-height:100px}
.support-form>.btn{justify-self:start}
.support-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px}
.support-filters .field{flex:1 1 155px;min-width:0}
.support-filters .support-search{flex:2 1 240px}
.support-count{font-size:12px;color:var(--muted);margin:22px 0 14px}
.support-list{display:grid;gap:12px}
.support-ticket{display:grid;gap:10px;width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fbfdff;padding:18px;color:var(--ink);cursor:pointer;font:inherit}
.support-ticket:hover{border-color:#79b6e8;background:#f2f8ff}
.support-ticket:focus-visible{outline:2px solid #297bca;outline-offset:3px}
.support-ticket>span:not(.support-ticket-head){font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.support-ticket-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.support-ticket-head strong{font-size:13px}
.support-ticket .support-subject{font-weight:600;font-size:15px!important}
.support-subject{overflow-wrap:anywhere;line-height:1.6}
.support-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;font-size:12px}
.support-messages{display:grid;gap:12px;margin:20px 0;max-height:45vh;overflow-y:auto;padding:3px}
.support-message{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f9fbfd;min-width:0}
.support-message-admin{background:#edf6ff;border-color:#c5def4}
.support-message>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}
.support-message time{font-size:11px;color:var(--muted)}
.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:10px 0 0}
.support-status-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}
.support-status-form .field{flex:1}
@media(max-width:700px){.support-card{padding:18px}.support-filters .field{flex-basis:100%}.support-form>.btn{width:100%;justify-self:stretch}.support-ticket{padding:14px}.support-ticket-head{align-items:flex-start}.support-message{padding:12px}}

/* Subscription shop */
.shop-entry{margin-bottom:22px;display:flex;justify-content:flex-end}
.tariff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}
.tariff-card{padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;overflow:hidden}
.tariff-card h2{font-size:14px;line-height:1.5;margin:0;color:var(--ink)}
.tariff-card p{margin:0;font-size:11px;line-height:1.7;color:var(--muted)}
.tariff-card .tariff-price{font-size:30px;font-weight:650;color:var(--ink)}
.tariff-price small{font-size:17px;font-weight:500}
.tariff-card .btn{margin-top:auto;width:100%;font-size:11px}
.orders-heading{margin-top:30px}
.orders-heading h2{font-size:20px}
.orders-list{display:grid;gap:16px}
.order-card{padding:22px;position:relative;overflow:hidden}
.order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.order-heading h3{font-size:14px;margin:0}
.order-card p{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.order-id{font-size:10px!important}
.purchase-note{font-size:12px;line-height:1.7;color:var(--muted)}
#buy-form{display:grid;gap:16px}
#subscription-name-field[hidden]{display:none}
#subscription-name-help{line-height:1.6}
#buy-form .check{align-items:flex-start;flex-wrap:wrap;gap:6px}
@media(max-width:1100px){.tariff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shop-entry .btn{width:100%;font-size:11px}.tariff-grid{gap:12px}.tariff-card{padding:16px;gap:10px}.tariff-card h2{font-size:12px}.tariff-card .tariff-price{font-size:25px}.order-card{padding:18px}.order-heading .pill{white-space:normal}}
@media(max-width:360px){.tariff-grid{grid-template-columns:1fr}}

/* Public storefront and legal links */
.catalog-title{font-size:22px;margin:28px 0 18px;color:var(--ink)}
.public-content>.guide-card{margin-bottom:24px}
.public-content .tariff-card a{text-decoration:none;text-align:center;white-space:normal;line-height:1.5}
.legal-footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;line-height:1.8;max-width:100%;min-width:0}
.legal-footer-links a{color:#416a90;text-decoration:none;font-size:11px;overflow-wrap:anywhere}
.legal-footer-links a:hover{text-decoration:underline}
.app-footer{flex-wrap:wrap}
.app-footer>.legal-footer-links{width:100%}
.auth-card>.legal-footer-links{justify-content:center;margin-top:22px}
.public-nav{row-gap:10px}
.public-content a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:700px){.public-nav .btn{flex:1 1 auto;min-width:80px}.public-nav{gap:8px}.legal-footer-links{gap:8px 14px}.legal-footer-links a{font-size:11px}.catalog-title{font-size:20px}}