:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--color-background:#f5f5f7;--color-surface:#fff;--color-surface-muted:#ececf0;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-border:#1d1d1f1a;--color-accent:#0071e3;--color-accent-contrast:#fff;--color-danger:#d92d20;--shadow-soft:0 18px 60px #1d1d1f14;--shadow-card:0 2px 12px #1d1d1f0a;--radius-card:24px;--radius-control:999px;--content-width:1180px}html.dark{--color-background:#000;--color-surface:#1d1d1f;--color-surface-muted:#2c2c2e;--color-text:#f5f5f7;--color-text-secondary:#a1a1a6;--color-border:#f5f5f724;--color-accent:#2997ff;--shadow-soft:0 18px 60px #00000052;--shadow-card:0 2px 12px #0000003d}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-background)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-background);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-footer{width:calc(100% - 48px);max-width:1180px;color:var(--color-text-secondary);justify-content:space-between;gap:24px;margin:0 auto;padding:28px 0 40px;font-size:13px;display:flex}@media (width<=700px){.site-footer{flex-direction:column;gap:6px;width:calc(100% - 32px);padding:24px 0 32px}}.app-shell{min-height:100svh}.topbar{z-index:10;background:color-mix(in srgb, var(--color-background) 84%, transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);align-items:center;gap:40px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:9px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;border-radius:6px;width:24px;height:24px}.desktop-nav{color:var(--color-text-secondary);align-items:center;gap:28px;font-size:14px;display:flex}.desktop-nav a{text-decoration:none;transition:color .18s}.desktop-nav a:hover,.desktop-nav .router-link-active{color:var(--color-text)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button,.language-button,.account-button{color:var(--color-text-secondary);background:0 0;border:0}.icon-button{border-radius:50%;width:36px;height:36px;font-size:18px}.language-button{letter-spacing:.04em;border-radius:10px;min-width:36px;height:32px;font-size:12px;font-weight:650}.icon-button:hover,.language-button:hover,.account-button:hover{background:var(--color-surface-muted);color:var(--color-text)}.account-button{border-radius:var(--radius-control);align-items:center;gap:8px;padding:7px 11px;font-size:13px;display:inline-flex}.account-dot{background:linear-gradient(145deg, var(--color-accent), #64d2ff);border-radius:50%;width:22px;height:22px}.shell-content{max-width:var(--content-width);margin:0 auto;padding:28px 24px 20px}.mobile-nav{display:none}.dashboard-page{flex-direction:column;gap:72px;padding:24px 0 60px;display:flex}.dashboard-hero{color:#1d1d1f;background:linear-gradient(118deg,#e8f1ff 0%,#f8fbff 52%,#edf9ff 100%);border-radius:32px;align-items:center;min-height:460px;padding:72px clamp(24px,7vw,96px);display:flex;position:relative;overflow:hidden}html.dark .dashboard-hero{color:#f5f5f7;background:radial-gradient(circle at 80% 20%,#193b66 0%,#111318 42%,#08090b 100%)}.hero-copy{z-index:1;max-width:610px;position:relative}.eyebrow{color:var(--color-accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:700;line-height:1.4}.dashboard-hero h1{color:inherit;letter-spacing:-.065em;margin:0;font-size:clamp(42px,6vw,76px);font-weight:650;line-height:.98}.dashboard-hero h1 em{color:var(--color-accent);font-style:normal}.hero-description{max-width:440px;color:color-mix(in srgb, currentColor 68%, transparent);margin:24px 0 0;font-size:18px;line-height:1.45}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.primary-button{border-radius:var(--radius-control);color:var(--color-accent-contrast);background:var(--color-accent);box-shadow:0 8px 20px color-mix(in srgb, var(--color-accent) 26%, transparent);border:0;padding:13px 21px;font-size:15px;font-weight:600;transition:transform .18s,filter .18s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.66;transform:none}.text-button{color:var(--color-accent);font-size:15px;font-weight:600;text-decoration:none}.text-button span{margin-left:5px;transition:transform .18s;display:inline-block}.text-button:hover span{transform:translate(4px)}.hero-orbit{opacity:.8;width:520px;height:520px;position:absolute;top:50%;right:-6%;transform:translateY(-50%)}.orbit{border:1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);border-radius:50%;position:absolute;inset:11%;transform:rotate(-28deg)skew(-10deg)}.orbit-two{border-color:#64d2ff75;inset:22%;transform:rotate(64deg)skew(15deg)}.orbit-dot{background:var(--color-accent);width:20px;height:20px;box-shadow:0 0 0 12px color-mix(in srgb, var(--color-accent) 14%, transparent), 0 0 54px 12px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:50%;position:absolute;top:27%;right:22%}@keyframes orbit-breathe{0%,to{opacity:.48}50%{opacity:1}}@keyframes orbit-pulse{0%,to{opacity:.8;scale:1}50%{opacity:1;scale:1.14}}.orbit-one{animation:8s ease-in-out infinite orbit-breathe}.orbit-two{animation:11s ease-in-out .8s infinite reverse orbit-breathe}.orbit-dot{animation:3.6s ease-in-out infinite orbit-pulse}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2{color:var(--color-text);letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,44px);font-weight:650;line-height:1}.status-pill{border:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent);border-radius:var(--radius-control);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, transparent);padding:8px 12px;font-size:13px}.status-grid{grid-template-columns:1.5fr 1fr 1fr;gap:14px;display:grid}.status-card,.quick-card,.loading-card,.error-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.status-card{flex-direction:column;min-height:176px;padding:26px;display:flex}.status-card-featured{background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent) 10%, var(--color-surface)), var(--color-surface))}.status-label{color:var(--color-text-secondary);font-size:13px}.status-card strong{color:var(--color-text);letter-spacing:-.05em;margin:14px 0 auto;font-size:clamp(24px,3vw,34px);font-weight:650}.status-meta{color:var(--color-text-secondary);font-size:13px}.progress-track{background:var(--color-surface-muted);border-radius:99px;height:7px;margin:17px 0 10px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.loading-card,.error-card{color:var(--color-text-secondary);padding:24px}.error-card,.form-error{color:var(--color-danger)}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-card{flex-direction:column;min-height:160px;padding:24px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.quick-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.quick-card span{color:var(--color-text);letter-spacing:-.03em;font-size:20px;font-weight:600}.quick-card small{max-width:220px;color:var(--color-text-secondary);margin-top:10px;font-size:14px;line-height:1.45}.quick-card b{color:var(--color-accent);font-size:20px;font-weight:400;position:absolute;bottom:21px;right:22px}.dashboard-note{color:var(--color-text-secondary);margin:-32px 0 0;font-size:13px}.inner-page{flex-direction:column;gap:34px;padding:40px 0 72px;display:flex}.page-intro{max-width:680px}.page-intro-row{justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.page-intro h1{color:var(--color-text);letter-spacing:-.07em;margin:0;font-size:clamp(44px,7vw,76px);font-weight:650;line-height:.95}.page-intro p:last-child{max-width:520px;color:var(--color-text-secondary);margin:20px 0 0;font-size:18px;line-height:1.45}.period-tabs{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.period-tabs button{border-radius:var(--radius-control);color:var(--color-text-secondary);background:0 0;border:0;padding:10px 14px;font-size:13px}.period-tabs button.active{color:var(--color-text);background:var(--color-surface-muted);box-shadow:var(--shadow-card)}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.plan-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:440px;box-shadow:var(--shadow-card);flex-direction:column;padding:28px;display:flex}.plan-card.featured{border-color:color-mix(in srgb, var(--color-accent) 48%, transparent);box-shadow:var(--shadow-soft)}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.plan-card h2{color:var(--color-text);letter-spacing:-.05em;margin:0;font-size:26px;font-weight:650}.plan-kicker{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.plan-tag{border-radius:var(--radius-control);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);padding:7px 10px;font-size:11px}.plan-description{min-height:64px;color:var(--color-text-secondary);margin:22px 0 0;font-size:14px;line-height:1.5}.plan-description p{margin:0 0 8px}.plan-description p:last-child{margin-bottom:0}.plan-description ul,.plan-description ol{margin:8px 0 0;padding-left:20px}.plan-description strong{color:var(--color-text);font-weight:650}.plan-description a{color:var(--color-accent)}.plan-price{align-items:baseline;gap:8px;margin:28px 0 20px;display:flex}.plan-price strong{color:var(--color-text);letter-spacing:-.07em;font-size:42px;font-weight:650}.plan-price span{color:var(--color-text-secondary);font-size:12px}.plan-price-list{gap:8px;margin:25px 0 20px;display:grid}.plan-price-list div{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.plan-price-list span{color:var(--color-text-secondary);font-size:12px}.plan-price-list strong{color:var(--color-text);letter-spacing:-.04em;font-size:18px;font-weight:650}.plan-features{color:var(--color-text-secondary);gap:11px;margin:0 0 30px;padding:0;font-size:14px;list-style:none;display:grid}.plan-features li:before{content:"✓";width:20px;color:var(--color-accent);font-weight:700;display:inline-block}.plan-button{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}.plan-button span{font-size:18px;font-weight:400}.page-state{border:1px dashed var(--color-border);border-radius:var(--radius-card);color:var(--color-text-secondary);text-align:center;padding:50px 24px}.page-state-error{color:var(--color-danger);border-style:solid}.selection-note{border:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent);border-radius:15px;padding:14px 17px;font-size:14px}.subtle-button{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);padding:10px 15px;font-size:13px}.subtle-button:hover{background:var(--color-surface-muted)}.subtle-button:disabled{cursor:wait;opacity:.5}.orders-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:auto}.orders-table{border-collapse:collapse;width:100%;min-width:700px;color:var(--color-text);font-size:14px}.orders-table th{color:var(--color-text-secondary);background:var(--color-surface-muted);text-align:left;padding:17px 20px;font-size:12px;font-weight:600}.orders-table td{border-top:1px solid var(--color-border);padding:19px 20px}.orders-table .order-number{color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status-badge{border-radius:var(--radius-control);padding:6px 9px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.pending{color:#8a5b00;background:#fff1c2}.status-badge.processing{color:#0b63b6;background:#dceeff}.status-badge.completed{color:#16734b;background:#d9f7e9}.status-badge.cancelled,.status-badge.unknown{color:var(--color-text-secondary);background:var(--color-surface-muted)}html.dark .status-badge.pending{color:#ffd866;background:#ffd86629}html.dark .status-badge.processing{color:#75bfff;background:#75bfff26}html.dark .status-badge.completed{color:#76e4af;background:#76e4af26}.node-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.node-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:190px;box-shadow:var(--shadow-card);padding:23px}.node-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.node-status{color:var(--color-text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.node-status i{background:#a1a1a6;border-radius:50%;width:7px;height:7px}.node-status.online{color:#16734b}.node-status.online i{background:#20c77a;box-shadow:0 0 0 4px #20c77a1f}.node-rate{color:var(--color-accent);font-size:12px;font-weight:650}.node-card h2{color:var(--color-text);letter-spacing:-.04em;margin:30px 0 8px;font-size:23px;font-weight:650}.node-card p{color:var(--color-text-secondary);margin:0;font-size:14px}.node-tags{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.node-tags span{color:var(--color-text-secondary);background:var(--color-surface-muted);border-radius:6px;padding:5px 7px;font-size:11px}.confirm-layout{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:14px;display:grid}.confirm-summary,.confirm-form,.payment-summary,.payment-method-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.confirm-summary{padding:34px}.confirm-summary h2{color:var(--color-text);letter-spacing:-.065em;margin:0;font-size:42px;font-weight:650}.confirm-summary>p:not(.eyebrow){max-width:480px;color:var(--color-text-secondary);margin:17px 0 36px;font-size:16px;line-height:1.5}.confirm-summary .plan-content{max-width:560px;color:var(--color-text-secondary);margin:17px 0 36px;font-size:16px;line-height:1.65}.confirm-summary .plan-content p{margin:0 0 10px}.confirm-summary .plan-content p:last-child{margin-bottom:0}.confirm-summary .plan-content ul,.confirm-summary .plan-content ol{margin:10px 0;padding-left:23px}.confirm-summary .plan-content strong{color:var(--color-text);font-weight:650}.confirm-summary .plan-content a{color:var(--color-accent)}.confirm-summary dl{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;display:grid}.confirm-summary dl div{border-top:1px solid var(--color-border);padding-top:15px}.confirm-summary dt,.payment-summary dt{color:var(--color-text-secondary);font-size:12px}.confirm-summary dd,.payment-summary dd{color:var(--color-text);margin:8px 0 0;font-size:15px;font-weight:600}.confirm-summary .confirm-price,.payment-summary .confirm-price{color:var(--color-accent);letter-spacing:-.04em;font-size:24px}.confirm-form{flex-direction:column;gap:19px;padding:30px;display:flex}.confirm-form label{color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.confirm-form label small{color:var(--color-text-secondary);font-weight:400}.confirm-form input,.confirm-form select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);border-radius:13px;outline:0;padding:13px 14px}.confirm-form input:focus,.confirm-form select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}.confirm-form .primary-button,.payment-submit{justify-content:space-between;align-items:center;width:100%;margin-top:auto;display:flex}.confirm-form .primary-button span,.payment-submit span{font-size:18px;font-weight:400}.confirm-back{text-align:center}.payment-layout{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:14px;display:grid}.payment-summary{padding:32px}.payment-method-panel{flex-direction:column;padding:30px;display:flex}.payment-status-line{justify-content:space-between;align-items:center;gap:14px;display:flex}.payment-date{color:var(--color-text-secondary);font-size:12px}.payment-summary h2{color:var(--color-text);letter-spacing:-.06em;margin:30px 0 8px;font-size:42px;font-weight:650}.payment-order-number{color:var(--color-text-secondary);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.payment-summary dl{grid-template-columns:1fr 1fr;gap:16px;margin:42px 0 0;display:grid}.payment-summary dl div{border-top:1px solid var(--color-border);padding-top:15px}.payment-summary dd{font-size:16px}.payment-method-panel>h2{color:var(--color-text);letter-spacing:-.06em;margin:0 0 26px;font-size:34px;font-weight:650}.method-list{gap:10px;display:grid}.method-card{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);text-align:left;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.method-card.active{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.method-icon{width:38px;height:38px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);border-radius:11px;place-items:center;font-weight:700;display:grid;overflow:hidden}.method-icon img{object-fit:contain;width:100%;height:100%}.method-card strong,.method-card small{display:block}.method-card strong{font-size:14px}.method-card small{color:var(--color-text-secondary);margin-top:4px;font-size:12px}.method-check{color:var(--color-accent);font-size:18px}.payment-link{justify-content:space-between;align-items:center;margin-top:24px;text-decoration:none;display:flex}.qr-panel{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:12px;margin-top:28px;font-size:12px;display:flex}.qr-panel canvas{background:#fff;border-radius:12px;padding:10px}.payment-complete{min-height:280px;box-shadow:none;text-align:left;border:0;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.payment-complete h2{color:var(--color-text);letter-spacing:-.06em;margin:0 0 24px;font-size:35px}.order-actions{align-items:center;gap:8px;display:flex}.order-actions a{text-decoration:none}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.profile-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:28px;display:flex}.profile-card h2,.ticket-detail-card h2{color:var(--color-text);letter-spacing:-.05em;margin:0;font-size:28px;font-weight:650}.profile-card p:not(.eyebrow){color:var(--color-text-secondary);margin:0;font-size:14px}.profile-avatar{color:#fff;background:linear-gradient(145deg, var(--color-accent), #64d2ff);border-radius:20px;place-items:center;width:64px;height:64px;font-size:27px;font-weight:700;display:grid}.profile-identity{align-items:flex-start}.toggle-row{border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--color-text-secondary);margin-top:5px;font-size:13px}.toggle-row input{width:42px;height:24px;accent-color:var(--color-accent)}.field-label{color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.field-label input,.field-label select,.field-label textarea,.reply-form textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);resize:vertical;border-radius:13px;outline:0;padding:13px 14px}.field-label input:focus,.field-label select:focus,.field-label textarea:focus,.reply-form textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid article{border:1px solid var(--color-border);background:var(--color-surface);min-height:125px;box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;justify-content:space-between;padding:19px;display:flex}.metric-grid span{color:var(--color-text-secondary);font-size:12px}.metric-grid strong{color:var(--color-text);letter-spacing:-.05em;font-size:27px}.invite-codes{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:28px}.code-list{gap:10px;display:grid}.code-row{border-top:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:center;gap:15px;padding:13px 0;display:grid}.code-row code{color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.invite-link-text{max-width:520px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;display:block;overflow:hidden}.code-row>span{color:var(--color-text-secondary);font-size:12px}.traffic-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:auto}.traffic-table{border-collapse:collapse;width:100%;min-width:680px;color:var(--color-text);font-size:14px}.traffic-table th{color:var(--color-text-secondary);background:var(--color-surface-muted);text-align:left;padding:16px 20px;font-size:12px}.traffic-table td{border-top:1px solid var(--color-border);padding:17px 20px}.tickets-layout{grid-template-columns:.85fr 1.15fr;align-items:start;gap:14px;display:grid}.ticket-list-card,.ticket-detail-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);padding:25px}.ticket-list{gap:5px;display:grid}.ticket-row{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.ticket-row:hover,.ticket-row.active{background:var(--color-surface-muted)}.ticket-row strong,.ticket-row small{display:block}.ticket-row small{color:var(--color-text-secondary);margin-top:6px;font-size:12px}.ticket-detail-card{min-height:380px}.ticket-messages{gap:10px;max-height:280px;margin:22px 0;display:grid;overflow:auto}.ticket-messages p{max-width:80%;color:var(--color-text);background:var(--color-surface-muted);white-space:pre-wrap;border-radius:14px 14px 14px 4px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.ticket-messages p.mine{color:#fff;background:var(--color-accent);border-radius:14px 14px 4px;justify-self:end}.reply-form{gap:10px;display:grid}.ticket-create{gap:18px;display:grid}.knowledge-search{gap:9px;max-width:650px;display:flex}.knowledge-search input{border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);outline:0;flex:1;padding:13px 16px}.knowledge-layout{grid-template-columns:.75fr 1.25fr;align-items:start;gap:14px;display:grid}.article-list{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:4px;padding:8px;display:grid}.article-list button{color:var(--color-text-secondary);text-align:left;background:0 0;border:0;border-radius:11px;padding:12px}.article-list button:hover,.article-list button.active{color:var(--color-text);background:var(--color-surface-muted)}.article-body{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:360px;color:var(--color-text);padding:30px;line-height:1.7}.article-body h1,.article-body h2,.article-body h3{color:var(--color-text);line-height:1.2}.article-body h1{margin:0 0 20px;font-size:30px}.article-body h2{margin:28px 0 12px;font-size:23px}.article-body h3{margin:22px 0 10px;font-size:18px}.article-body p{margin:0 0 14px}.article-body ul,.article-body ol{margin:0 0 16px;padding-left:24px}.article-body li+li{margin-top:6px}.article-body blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);background:var(--color-surface-muted);margin:18px 0;padding:8px 16px}.article-body code{color:var(--color-text);background:var(--color-surface-muted);border-radius:6px;padding:2px 5px;font-size:.9em}.article-body pre{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;margin:18px 0;padding:16px;overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;padding:9px 12px}.article-body th{background:var(--color-surface-muted)}.article-body hr{border:0;border-top:1px solid var(--color-border);margin:24px 0}.article-body img{border-radius:12px;max-width:100%;height:auto}.article-body a{color:var(--color-accent)}.more-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.more-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:170px;box-shadow:var(--shadow-card);flex-direction:column;justify-content:flex-end;gap:6px;padding:24px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.more-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.more-icon{border:1px solid color-mix(in srgb, var(--color-accent) 22%, transparent);width:42px;height:42px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 9%, transparent);border-radius:13px;place-items:center;display:grid;position:absolute;top:22px;left:22px}.more-icon-svg{width:22px;height:22px}.more-card strong{color:var(--color-text);font-size:20px}.more-card span{color:var(--color-text-secondary);font-size:13px}.more-logout{align-self:flex-start}.auth-page{place-items:center;min-height:calc(100svh - 84px);padding:32px 20px;display:grid}.landing-page{max-width:1280px;margin:0 auto;padding:0 32px 70px;overflow:hidden}.landing-nav{border-bottom:1px solid var(--color-border);align-items:center;gap:28px;min-height:76px;display:flex}.landing-brand{color:var(--color-text);letter-spacing:-.03em;align-items:center;gap:9px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.landing-brand img{object-fit:contain;border-radius:7px;width:25px;height:25px}.landing-links{color:var(--color-text-secondary);gap:24px;margin-left:22px;font-size:13px;display:flex}.landing-links a,.landing-signin,.landing-text-link{color:inherit;text-decoration:none;transition:color .18s}.landing-links a:hover,.landing-signin:hover,.landing-text-link:hover{color:var(--color-text)}.landing-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.landing-signin{color:var(--color-text);padding:9px 13px;font-size:13px}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:20px;min-height:650px;display:grid;position:relative}.landing-hero-copy{z-index:2;max-width:640px;padding:74px 0 84px;position:relative}.landing-kicker{margin-bottom:17px}.landing-hero h1{color:var(--color-text);letter-spacing:-.085em;margin:0;font-size:clamp(58px,8vw,112px);font-weight:650;line-height:.88}.landing-hero h1 em{color:var(--color-accent);font-style:normal}.landing-subtitle{max-width:490px;color:var(--color-text-secondary);margin:30px 0 0;font-size:18px;line-height:1.55}.landing-hero-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.landing-cta{align-items:center;gap:18px;text-decoration:none;display:inline-flex}.landing-cta span{font-size:20px;font-weight:400}.landing-text-link{color:var(--color-accent);font-size:14px;font-weight:650}.landing-text-link span{margin-left:6px;transition:transform .18s;display:inline-block}.landing-text-link:hover span{transform:translate(3px,3px)}.landing-visual{aspect-ratio:1;justify-self:end;width:min(100%,620px);position:relative}.landing-glow{filter:blur(24px);pointer-events:none;border-radius:50%;position:absolute}.landing-glow-one{background:color-mix(in srgb, var(--color-accent) 36%, transparent);width:48%;height:48%;animation:7s ease-in-out infinite landing-glow;top:14%;right:15%}.landing-glow-two{background:#64d2ff3d;width:34%;height:34%;animation:8s ease-in-out 1s infinite reverse landing-glow;bottom:12%;left:14%}.landing-orbit{border:1px solid color-mix(in srgb, var(--color-accent) 31%, transparent);border-radius:50%;animation:9s ease-in-out infinite landing-orbit-breathe;position:absolute;inset:12%;transform:rotate(-28deg)skew(-11deg)}.landing-orbit-two{border-color:#64d2ff73;animation-delay:-2s;inset:22%;transform:rotate(54deg)skew(12deg)}.landing-orbit-three{border-color:color-mix(in srgb, var(--color-text) 14%, transparent);animation-delay:-4s;inset:33%;transform:rotate(-74deg)skew(-9deg)}.landing-node{background:var(--color-accent);width:13px;height:13px;box-shadow:0 0 0 8px color-mix(in srgb, var(--color-accent) 14%, transparent), 0 0 34px 8px color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:50%;animation:3.6s ease-in-out infinite landing-node-pulse;position:absolute}.landing-node-one{top:18%;right:24%}.landing-node-two{width:9px;height:9px;animation-delay:-1.2s;bottom:29%;right:12%}.landing-node-three{width:8px;height:8px;animation-delay:-2.2s;bottom:18%;left:27%}.landing-signal-card{border:1px solid var(--color-border);min-width:148px;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 75%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;grid-template-columns:10px 1fr;column-gap:9px;padding:13px 15px;animation:5s ease-in-out infinite landing-card-float;display:grid;position:absolute;bottom:17%;right:17%}.landing-signal-card>span{background:#20c77a;border-radius:50%;grid-row:span 2;align-self:center;width:8px;height:8px;box-shadow:0 0 0 5px #20c77a26}.landing-signal-card strong{letter-spacing:.11em;font-size:11px}.landing-signal-card small{color:var(--color-text-secondary);margin-top:4px;font-size:11px}@keyframes landing-glow{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes landing-orbit-breathe{0%,to{opacity:.48}50%{opacity:1}}@keyframes landing-node-pulse{0%,to{opacity:.78;scale:1}50%{opacity:1;scale:1.25}}@keyframes landing-card-float{0%,to{translate:0}50%{translate:0 -8px}}.landing-intro{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding:38px 0 27px;display:grid}.landing-intro h2,.landing-cta-panel h2{color:var(--color-text);letter-spacing:-.07em;margin:0;font-size:clamp(34px,5vw,62px);font-weight:650;line-height:.98}.landing-intro>p{max-width:460px;color:var(--color-text-secondary);margin:0;font-size:17px;line-height:1.55}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.landing-feature{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:260px;box-shadow:var(--shadow-card);padding:26px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.landing-feature:hover{box-shadow:var(--shadow-soft);transform:translateY(-5px)}.landing-feature-accent{color:var(--color-accent-contrast);background:var(--color-accent);border-color:#0000}.landing-feature-index{color:color-mix(in srgb, currentColor 53%, transparent);letter-spacing:.1em;font-size:11px;font-weight:700;display:block}.landing-feature h3{color:inherit;letter-spacing:-.04em;margin:82px 0 10px;font-size:24px}.landing-feature p{max-width:240px;color:color-mix(in srgb, currentColor 66%, transparent);margin:0;font-size:14px;line-height:1.5}.landing-feature-line{background:color-mix(in srgb, currentColor 17%, transparent);height:1px;position:absolute;bottom:28px;left:26px;right:26px}.landing-feature-wide{grid-column:span 3;min-height:190px}.landing-feature-wide h3{margin-top:40px}.landing-map-dots{opacity:.85;align-items:center;gap:22px;display:flex;position:absolute;bottom:24%;right:8%}.landing-map-dots i{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 0 7px color-mix(in srgb, var(--color-accent) 11%, transparent);border-radius:50%;display:block}.landing-map-dots i:nth-child(2),.landing-map-dots i:nth-child(5){transform:translateY(-20px)}.landing-map-dots i:nth-child(3){transform:translateY(11px)}.landing-cta-panel{border-radius:var(--radius-card);background:linear-gradient(120deg, color-mix(in srgb, var(--color-accent) 11%, var(--color-surface)), var(--color-surface));justify-content:space-between;align-items:end;gap:24px;margin-top:12px;padding:38px 40px;display:flex}.landing-cta-panel p:not(.eyebrow){max-width:430px;color:var(--color-text-secondary);margin:16px 0 0;font-size:15px;line-height:1.5}.auth-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,430px);box-shadow:var(--shadow-soft);border-radius:28px;padding:42px;position:relative}.auth-theme-toggle{position:absolute;top:19px;right:19px}.auth-language-toggle{position:absolute;top:21px;right:61px}.auth-card h1{color:var(--color-text);letter-spacing:-.07em;margin:0;font-size:48px;font-weight:650;line-height:1}.auth-intro{color:var(--color-text-secondary);margin:18px 0 30px;line-height:1.5}.auth-form{gap:18px;display:grid}.auth-form label{color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.auth-form input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-background);border-radius:14px;outline:0;padding:14px 15px;transition:border-color .18s,box-shadow .18s}.auth-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}.form-error{margin:-4px 0 0;font-size:13px}.auth-form .primary-button{width:100%;margin-top:2px}.auth-switch{color:var(--color-text-secondary);text-align:center;margin:22px 0 0;font-size:13px}@media (width<=760px){.landing-page{padding:0 16px 42px}.landing-nav{gap:8px;min-height:60px}.landing-links{display:none}.landing-actions{gap:2px}.landing-signin{padding-inline:8px;font-size:12px}.landing-hero{min-height:0;display:block}.landing-hero-copy{padding:72px 0 28px}.landing-hero h1{font-size:clamp(52px,15vw,76px)}.landing-subtitle{margin-top:23px;font-size:16px}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:27px}.landing-visual{width:100%;margin:10px auto 44px}.landing-intro{padding-top:25px;display:block}.landing-intro>p{margin-top:18px;font-size:16px}.landing-feature-grid{grid-template-columns:1fr 1fr}.landing-feature{min-height:205px;padding:20px}.landing-feature h3{margin-top:56px;font-size:19px}.landing-feature p{font-size:13px}.landing-feature-wide{grid-column:span 2;min-height:180px}.landing-feature-wide h3{margin-top:28px}.landing-map-dots{right:13%}.landing-cta-panel{flex-direction:column;align-items:flex-start;padding:28px 24px}.topbar{height:58px;padding:0 16px}.desktop-nav,.account-button span:last-child{display:none}.shell-content{padding:16px 16px 92px}.mobile-nav{z-index:20;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 86%, transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.mobile-nav a,.mobile-nav button{color:var(--color-text-secondary);text-align:center;background:0 0;border:0;border-radius:14px;padding:11px 4px;font-size:11px;text-decoration:none}.mobile-nav .router-link-active{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.dashboard-page{gap:52px;padding:8px 0 36px}.dashboard-hero{border-radius:24px;align-items:flex-end;min-height:520px;padding:32px 24px}.hero-orbit{width:370px;height:370px;top:8%;right:-32%;transform:none}.dashboard-hero h1{font-size:clamp(42px,13vw,62px)}.hero-description{max-width:310px;font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.status-grid,.quick-grid{grid-template-columns:1fr}.inner-page{gap:26px;padding:26px 0 46px}.page-intro h1{font-size:clamp(46px,14vw,64px)}.page-intro p:last-child{font-size:16px}.page-intro-row{flex-direction:column;align-items:flex-start}.period-tabs{border-radius:15px;max-width:100%;overflow-x:auto}.period-tabs button{white-space:nowrap}.plan-grid,.node-grid{grid-template-columns:1fr}.plan-card{min-height:390px}.orders-table-wrap{border-inline:0;border-radius:0;margin-inline:-16px}.confirm-layout,.payment-layout{grid-template-columns:1fr}.confirm-summary,.payment-summary,.confirm-form,.payment-method-panel{padding:24px 22px}.confirm-summary h2,.payment-summary h2{font-size:36px}.confirm-summary dl{grid-template-columns:1fr;gap:12px}.payment-method-panel>h2{font-size:30px}.order-actions{flex-direction:column;align-items:flex-start}.profile-grid,.tickets-layout,.knowledge-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.more-grid{grid-template-columns:1fr 1fr}.code-row{grid-template-columns:1fr auto}.code-row>span{display:none}.status-card{min-height:150px}.auth-card{border-radius:22px;padding:32px 24px}.auth-card h1{font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}