:root{--color-bg-canvas: #f6f8fb;--color-bg-surface: #ffffff;--color-bg-subtle: #f1f5f9;--color-text-primary: #101828;--color-text-secondary: #475467;--color-text-tertiary: #667085;--color-text-disabled: #98a2b3;--color-border-default: #d0d5dd;--color-border-subtle: #eaecf0;--color-brand-primary: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-soft: #eff6ff;--color-orange: #f97316;--color-orange-soft: #fff7ed;--color-success: #15803d;--color-success-soft: #f0fdf4;--color-warning: #b45309;--color-warning-soft: #fffbeb;--color-danger: #b42318;--color-danger-soft: #fef3f2;--color-info: #175cd3;--color-info-soft: #eff8ff;--color-overlay: rgb(16 24 40 / 48%);--shadow-sm: 0 1px 2px rgb(16 24 40 / 5%);--shadow-md: 0 4px 12px rgb(16 24 40 / 8%);--shadow-lg: 0 16px 40px rgb(16 24 40 / 12%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}:root[data-theme=dark]{--color-bg-canvas: #0b1220;--color-bg-surface: #111827;--color-bg-subtle: #182235;--color-text-primary: #f9fafb;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-disabled: #64748b;--color-border-default: #334155;--color-border-subtle: #1e293b;--color-brand-primary: #60a5fa;--color-brand-hover: #93c5fd;--color-brand-soft: #172554;--color-orange: #fb923c;--color-orange-soft: #431407;--color-success: #4ade80;--color-success-soft: #052e16;--color-warning: #fbbf24;--color-warning-soft: #422006;--color-danger: #f87171;--color-danger-soft: #450a0a;--color-info: #60a5fa;--color-info-soft: #172554;--color-overlay: rgb(2 6 23 / 72%);--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*{box-sizing:border-box}html{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:16px}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:not(:disabled),a,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-text-primary);letter-spacing:-.025em}p,li,dd,dt{color:var(--color-text-secondary);font-size:16px;line-height:1.55}ul,ol{padding-left:1.25rem}small{color:var(--color-text-tertiary);font-size:14px}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-brand-primary) 35%,transparent);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-shell{min-height:100vh}.local-preview-banner{align-items:center;background:var(--color-warning-soft);border-bottom:1px solid var(--color-warning);color:var(--color-text-primary);display:flex;gap:10px;justify-content:center;min-height:42px;padding:8px 20px;position:relative;text-align:center;z-index:30}.local-preview-banner p{color:inherit;font-size:14px;margin:0}.local-preview-banner a{color:var(--color-info);font-size:14px;font-weight:700;text-decoration:underline}.status-symbol{align-items:center;background:currentColor;border-radius:50%;color:var(--color-bg-surface);display:inline-flex;flex:0 0 18px;font-size:12px;font-weight:800;height:18px;justify-content:center}.app-logo{color:var(--color-text-primary);display:inline-flex;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}.app-logo span{color:var(--color-brand-primary)}.app-logo strong{font-weight:700}.eyebrow{color:var(--color-orange);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.text-link,.text-button{color:var(--color-brand-primary);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.text-button{background:none;border:0;padding:0;text-align:left}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;font-size:16px;font-weight:700;justify-content:center;min-height:44px;padding:10px 16px;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.button-primary{background:var(--color-brand-primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-brand-hover)}.button-primary:disabled{background:var(--color-bg-subtle);border-color:var(--color-border-default);color:var(--color-text-disabled)}.button-secondary{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-primary)}.button-secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.button-inverse{background:var(--color-bg-surface);color:var(--color-brand-primary)}.button-danger{background:var(--color-danger);color:#fff}.public-header{align-items:center;background:color-mix(in srgb,var(--color-bg-surface) 92%,transparent);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:24px;justify-content:space-between;min-height:72px;padding:0 32px;position:sticky;top:0;z-index:20}.public-nav{align-items:center;display:flex;gap:20px}.public-nav>a:not(.button),.nav-login{color:var(--color-text-secondary);font-size:14px;font-weight:600}.public-nav>a.router-link-active:not(.button){color:var(--color-brand-primary)}.public-nav .theme-control{margin-left:8px}.menu-toggle,.drawer-close{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);display:none;min-height:40px;padding:8px 12px}.theme-control select{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;min-height:36px;padding:0 8px}.public-main{min-height:calc(100vh - 188px)}.public-footer{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:20px;justify-content:space-between;margin-top:80px;padding:28px 32px}.public-footer p{font-size:14px;margin:0}.public-footer nav{display:flex;flex-wrap:wrap;gap:14px}.public-footer nav a{color:var(--color-text-tertiary);font-size:14px}.public-page,.home-view{margin:0 auto;max-width:1200px;padding:72px 32px 0}.stack-page{display:grid;gap:24px}.page-header{max-width:760px}.page-header h1{font-size:clamp(32px,4vw,48px);line-height:1.15;margin-bottom:14px}.page-header>p:last-child,.page-intro>p:last-child{color:var(--color-text-secondary);max-width:720px}.page-intro h2{font-size:clamp(26px,3vw,34px);margin-bottom:10px}.content-card,.status-component,.timeline-card,.document-grid article,.legal-placeholder,.two-column-card,.node-card,.public-callout{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-heading,.section-heading{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.card-heading h2,.section-heading h2{font-size:20px;margin:0}.card-heading .eyebrow,.section-heading .eyebrow{margin-bottom:6px}.notice-banner{align-items:flex-start;background:var(--color-info-soft);border:1px solid var(--color-info);border-radius:var(--radius-md);color:var(--color-info);display:flex;gap:12px;padding:16px}.notice-banner h2{color:var(--color-text-primary);font-size:16px;margin:0 0 4px}.notice-banner p{margin:0}.notice-banner.tone-warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.notice-banner.tone-danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.notice-banner.tone-info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.home-hero{align-items:center;display:grid;gap:48px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);min-height:560px;padding:56px 0 72px}.home-hero:before{background:linear-gradient(130deg,color-mix(in srgb,var(--color-brand-primary) 13%,transparent),color-mix(in srgb,var(--color-orange) 16%,transparent));border-radius:var(--radius-xl);content:"";grid-area:1 / 1 / 2 / 2;height:420px;max-width:660px;position:absolute;transform:translate(-56px);width:70%;z-index:-1}.home-hero h1{font-size:clamp(42px,6vw,64px);line-height:1.08;margin-bottom:20px;max-width:10ch}.lede{font-size:18px;line-height:1.65;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-fact-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:26px}.hero-fact-card h2{font-size:22px;margin:22px 0 10px}.hero-fact-card ul{margin:0}.public-section{margin-top:72px}.section-heading{margin-bottom:24px}.workflow-section{background:var(--color-bg-subtle);border-radius:var(--radius-xl);padding:36px}.workflow-section>h2{font-size:clamp(26px,3vw,34px)}.workflow-section ol{counter-reset:workflow;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0}.workflow-section li{border-top:1px solid var(--color-border-default);padding-top:16px}.workflow-section li strong{color:var(--color-text-primary);display:block;font-size:18px;margin-bottom:8px}.workflow-section li span{color:var(--color-text-secondary);line-height:1.5}.privacy-strip{align-items:center;background:linear-gradient(110deg,var(--color-brand-soft),var(--color-orange-soft));border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:flex;gap:20px;justify-content:space-between;margin-top:72px;padding:30px}.privacy-strip h2{font-size:22px;margin-bottom:8px}.privacy-strip p{margin:0;max-width:720px}.segmented-control{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px;width:fit-content}.segmented-control button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:700;min-height:42px;padding:8px 14px}.segmented-control button.active{background:var(--color-bg-surface);box-shadow:var(--shadow-sm);color:var(--color-brand-primary)}.filter-description{margin:-12px 0 0}.plan-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:420px;padding:22px;position:relative}.plan-card.is-recommended{border-color:var(--color-orange);box-shadow:var(--shadow-md)}.recommendation{background:var(--color-orange);border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:700;padding:5px 8px;position:absolute;right:18px;top:-13px}.plan-card__topline{align-items:center;display:flex;justify-content:space-between;gap:10px}.plan-type{color:var(--color-text-tertiary);font-size:14px;font-weight:700}.plan-card h2{font-size:24px;margin:22px 0 12px}.plan-traffic{display:grid;gap:4px;margin-bottom:16px}.plan-traffic strong{color:var(--color-text-primary);font-size:30px;letter-spacing:-.04em}.plan-traffic span{color:var(--color-text-tertiary);font-size:14px}.plan-price{color:var(--color-text-primary);font-size:26px;font-weight:700;margin-bottom:12px}.plan-price small{display:block;font-size:12px;font-weight:500}.plan-card ul{display:grid;gap:10px;margin:0 0 24px;padding-left:18px}.plan-card li{font-size:14px}.plan-card .button{margin-top:auto;width:100%}.rule-grid,.summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.rule-grid article{border-top:2px solid var(--color-brand-primary);padding:16px 0}.rule-grid h2{font-size:18px}.public-callout{border-left:4px solid var(--color-orange)}.status-hero{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);display:grid;gap:12px;padding:30px}.status-hero p{font-size:18px;margin:0}.status-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-component{min-height:190px}.status-component p{margin:22px 0}.timeline-card ol{display:grid;gap:20px;list-style:none;margin:24px 0 0;padding:0}.timeline-card li{border-left:2px solid var(--color-border-default);display:grid;gap:6px;padding-left:18px}.timeline-card li strong{color:var(--color-text-primary)}.guide-steps{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.guide-steps article{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:18px}.guide-steps span{color:var(--color-orange);font-weight:800}.guide-steps h2{font-size:18px;margin:20px 0 8px}.guide-steps p{font-size:14px}.search-field{display:grid;gap:8px;max-width:620px}.search-field span,.inline-form label,.auth-card label{color:var(--color-text-primary);font-size:14px;font-weight:700}.search-field input,.inline-form input,.inline-form textarea,.auth-card input{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);min-height:46px;padding:10px 12px;width:100%}.inline-form textarea{min-height:120px;resize:vertical}.document-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.document-grid article{min-height:190px}.document-grid h2{font-size:20px}.announcement-list{display:grid;gap:14px}.announcement-list article,.timeline-item{align-items:flex-start;border-bottom:1px solid var(--color-border-subtle);display:grid;gap:16px;grid-template-columns:max-content 1fr;padding:18px 0}.announcement-list article:last-child,.timeline-item:last-child{border-bottom:0}.announcement-list h2,.timeline-item h3{font-size:18px;margin-bottom:6px}.auth-page{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);max-width:1100px;min-height:calc(100vh - 190px);margin:0 auto;padding:72px 32px}.auth-page>aside{background:linear-gradient(145deg,var(--color-brand-soft),var(--color-orange-soft));border-radius:var(--radius-xl) 0 0 var(--radius-xl);padding:56px}.auth-page>aside h1{font-size:clamp(36px,4vw,52px);line-height:1.15}.auth-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:0 var(--radius-xl) var(--radius-xl) 0;display:grid;gap:18px;padding:56px}.auth-card h2{font-size:28px;margin:0}.auth-card label{display:grid;gap:8px}.turnstile-placeholder{background:var(--color-bg-subtle);border:1px dashed var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:14px;padding:16px;text-align:center}.form-message{background:var(--color-info-soft);border-left:3px solid var(--color-info);color:var(--color-text-primary);font-size:14px;margin:0;padding:10px 12px}.checkout-confirmation{align-items:center;background:var(--color-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.checkout-confirmation__panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:28px;width:100%}.checkout-confirmation__panel h2{font-size:26px}.checkout-confirmation__panel dl{display:grid;gap:12px;margin:20px 0}.checkout-confirmation__panel dl>div{border-top:1px solid var(--color-border-subtle);padding-top:10px}.checkout-confirmation__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.usage-bars{align-items:end;display:flex;gap:6px;height:180px;margin:20px 0;overflow-x:auto;padding:8px 0}.usage-bars__item{align-items:center;display:flex;flex:0 0 30px;flex-direction:column;height:100%;justify-content:end;min-width:30px}.usage-bars__bar{background:var(--color-accent-primary);border-radius:4px 4px 0 0;min-height:2px;width:18px}.usage-bars__item small{font-size:10px;margin-top:6px;writing-mode:vertical-rl}.checkout-return .auth-card{display:grid;gap:16px}.checkout-return__orders{display:grid;gap:12px;list-style:none;margin:0;padding:0}.checkout-return__orders li{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:12px}.standalone-proof-page{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);max-width:1100px;min-height:100vh;margin:0 auto;padding:72px 32px}.standalone-proof-page__intro{background:linear-gradient(145deg,var(--color-brand-soft),var(--color-orange-soft));border-radius:var(--radius-xl) 0 0 var(--radius-xl);padding:56px}.standalone-proof-page__intro h1{font-size:clamp(36px,4vw,52px);line-height:1.15}.standalone-proof-page__form{border-radius:0 var(--radius-xl) var(--radius-xl) 0}.form-help{font-size:14px;margin:0}.two-column-card{display:grid;gap:36px;grid-template-columns:1fr minmax(280px,.7fr)}.inline-form{display:grid;gap:14px;align-content:start}.legal-placeholder{max-width:760px}.not-found{display:grid;justify-items:start;margin:0 auto;max-width:760px;min-height:60vh;padding:120px 32px}.not-found h1{font-size:clamp(40px,6vw,60px)}.user-layout{display:flex;min-height:calc(100vh - 42px)}.side-nav{background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex:0 0 256px;flex-direction:column;min-height:calc(100vh - 42px);padding:24px 14px;position:fixed;top:42px;width:256px;z-index:18}.side-nav__brand{align-items:center;display:flex;justify-content:space-between;padding:6px 10px}.side-nav__label{color:var(--color-text-tertiary);font-size:12px;font-weight:700;letter-spacing:.08em;margin:30px 10px 10px;text-transform:uppercase}.side-nav nav{display:grid;gap:3px}.side-nav nav a,.side-nav__bottom>a{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;gap:10px;min-height:42px;padding:0 10px}.side-nav nav a.router-link-active{background:var(--color-brand-soft);color:var(--color-brand-primary)}.nav-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.side-nav__bottom{border-top:1px solid var(--color-border-subtle);display:grid;gap:6px;margin-top:auto;padding:16px 10px 0}.drawer-close{display:none}.user-content{margin-left:256px;min-width:0;width:calc(100% - 256px)}.user-topbar{align-items:center;background:color-mix(in srgb,var(--color-bg-canvas) 92%,transparent);border-bottom:1px solid var(--color-border-subtle);display:flex;gap:20px;justify-content:space-between;min-height:88px;padding:14px 36px;position:sticky;top:42px;z-index:12}.user-topbar h1{font-size:24px;margin:3px 0 0}.breadcrumb{color:var(--color-text-tertiary);font-size:12px;margin:0}.topbar-actions{align-items:center;display:flex;gap:12px}.status-entry,.notification-entry{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;min-height:38px;padding:9px 10px}.notification-entry span{background:var(--color-orange);border-radius:999px;color:#fff;font-size:11px;margin-left:4px;padding:2px 5px}.avatar{align-items:center;background:var(--color-brand-primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:38px;justify-content:center;width:38px}.user-page{margin:0 auto;max-width:1280px;padding:36px}.dashboard-view{display:grid;gap:22px}.welcome-banner{align-items:end;background:linear-gradient(120deg,var(--color-orange),var(--color-brand-primary));border-radius:var(--radius-xl);color:#fff;display:flex;gap:28px;justify-content:space-between;min-height:216px;overflow:hidden;padding:32px;position:relative}.welcome-banner:after{border:1px solid rgb(255 255 255 / 32%);border-radius:50%;content:"";height:260px;position:absolute;right:-80px;top:-110px;width:260px}.welcome-banner h2,.welcome-banner p{color:#fff;position:relative;z-index:1}.welcome-banner h2{font-size:clamp(26px,3vw,38px);margin-bottom:8px;max-width:18ch}.welcome-banner p:last-child{margin:0}.welcome-banner .eyebrow{color:#fff}.welcome-banner .button{position:relative;z-index:1}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;gap:14px;min-height:160px;padding:18px}.metric-card>strong{color:var(--color-text-primary);font-size:24px}.metric-card p{font-size:14px;margin:0}.skeleton-card{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--color-bg-subtle),var(--color-bg-surface),var(--color-bg-subtle));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:160px}@keyframes shimmer{50%{opacity:.55}}.dashboard-columns{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-list{display:grid;gap:14px;margin-top:20px}.bucket-list>div{border-top:1px solid var(--color-border-subtle);padding-top:12px}.bucket-list>div>div{align-items:center;display:flex;justify-content:space-between;gap:8px}.bucket-list span{color:var(--color-text-tertiary);font-size:12px;font-weight:700}.bucket-list p{font-size:14px;margin:5px 0 0}.dashboard-announcements{display:grid}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;line-height:1.2;padding:6px 9px;width:fit-content}.status-dot{background:currentColor;border-radius:50%;height:7px;width:7px}.tone-neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.tone-info{background:var(--color-info-soft);color:var(--color-info)}.tone-warning{background:var(--color-warning-soft);color:var(--color-warning)}.tone-danger{background:var(--color-danger-soft);color:var(--color-danger)}.tone-success{background:var(--color-success-soft);color:var(--color-success)}.empty-state{align-items:center;background:var(--color-bg-surface);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);display:grid;justify-items:center;min-height:200px;padding:28px;text-align:center}.empty-state h2{font-size:20px;margin:10px 0 4px}.empty-state p{max-width:520px}.empty-mark{color:var(--color-text-tertiary);font-size:44px}.orders-layout,.ticket-layout{display:grid;gap:18px;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.data-list{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.data-list__row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:10px;justify-content:space-between;padding:16px;text-align:left;width:100%}.data-list__row:last-child{border-bottom:0}.data-list__row.active{background:var(--color-brand-soft)}.data-list__row strong,.data-list__row span{display:block}.data-list__row span{color:var(--color-text-tertiary);font-size:12px;margin-top:4px}.detail-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);min-height:300px;padding:24px}.detail-panel h2{font-size:26px}.detail-panel dl,.account-grid dl,.ip-list dl{display:grid;gap:12px;margin:20px 0}.detail-panel dl>div,.account-grid dl>div,.ip-list dl>div{border-top:1px solid var(--color-border-subtle);padding-top:10px}dt{color:var(--color-text-tertiary);font-size:14px}dd{color:var(--color-text-primary);margin:4px 0 0}.traffic-detail-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-bucket{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:20px}.traffic-bucket.bucket-monthly{border-top:4px solid var(--color-brand-primary)}.traffic-bucket.bucket-one-time{border-top:4px solid var(--color-orange)}.traffic-bucket.bucket-permanent{border-top:4px solid var(--color-text-secondary)}.traffic-bucket>strong{color:var(--color-text-primary);display:block;font-size:24px;margin:22px 0 4px}.traffic-bucket p{font-size:14px}.progress-bar{background:var(--color-bg-subtle);border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:var(--color-brand-primary);display:block;height:100%}.bucket-one-time .progress-bar span{background:var(--color-orange)}.bucket-permanent .progress-bar span{background:var(--color-text-secondary)}.bar-chart{align-items:end;display:flex;gap:14px;height:180px;margin-top:24px;padding:0 10px}.bar-chart>div{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;height:100%;justify-content:end}.bar-chart span{background:linear-gradient(var(--color-brand-primary),var(--color-orange));border-radius:6px 6px 0 0;min-height:8px;width:100%}.bar-chart small{font-size:11px}.rule-list{display:grid;gap:12px}.ip-list{display:grid;gap:14px}.ip-list article{align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;gap:20px;grid-template-columns:1fr minmax(240px,.8fr);padding:20px}.ip-list h2{font-family:ui-monospace,monospace;font-size:17px}.summary-grid .content-card{min-height:220px}.summary-grid .status-badge{margin-bottom:18px}.money-value{color:var(--color-text-primary);display:block;font-size:28px;margin:12px 0}.reward-list{display:grid;gap:12px;margin-top:16px}.reward-list article{border-top:1px solid var(--color-border-subtle);display:grid;gap:10px;padding-top:14px}.reward-list dl{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.reward-list dt{font-size:12px}.reward-list dd{font-weight:700}.message-timeline{display:grid;gap:14px;margin:24px 0}.message-timeline>div{border-radius:var(--radius-md);max-width:88%;padding:14px}.message-timeline .message-user{background:var(--color-bg-subtle);justify-self:start}.message-timeline .message-support{background:var(--color-brand-soft);justify-self:end}.message-timeline strong{color:var(--color-text-primary);font-size:14px}.message-timeline p{margin:6px 0}.attachment-note{background:var(--color-warning-soft);border-left:3px solid var(--color-warning);font-size:14px;padding:12px}.attachment-metadata{color:var(--color-text-secondary);font-size:12px;margin:10px 0 0;padding-left:18px}.notification-list{display:grid;gap:12px}.notification-list article{align-items:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;gap:16px;grid-template-columns:max-content 1fr max-content;padding:18px}.notification-list article.is-read{opacity:.7}.notification-list h2{font-size:18px;margin-bottom:5px}.notification-list p{font-size:14px;margin-bottom:5px}.account-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-wide{grid-column:1 / -1}.danger-link{color:var(--color-danger);font-weight:700;text-decoration:underline;text-underline-offset:3px}.delete-steps{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.delete-steps li{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:grid;gap:6px;padding:14px}.delete-steps li.active{background:var(--color-danger-soft);border-color:var(--color-danger)}.delete-steps strong{color:var(--color-text-primary);font-size:14px}.delete-steps span{font-size:14px}.danger-panel{background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:24px}.node-card{align-items:center;display:flex;gap:24px;justify-content:space-between}.node-card h2{font-size:26px}.node-status{background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-md);display:grid;min-width:180px;padding:14px}.node-status strong{color:var(--color-warning)}.node-status span{color:var(--color-text-secondary);font-size:13px;margin-top:4px}@media(max-width:1023px){.side-nav{transform:translate(-100%);transition:transform .18s ease}.side-nav.is-open{box-shadow:var(--shadow-lg);transform:translate(0)}.drawer-scrim{background:var(--color-overlay);inset:42px 0 0;position:fixed;z-index:16}.drawer-close,.user-topbar .menu-toggle{display:inline-flex}.user-content{margin-left:0;width:100%}.user-topbar{padding:14px 24px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.local-preview-banner{align-items:flex-start;justify-content:flex-start;padding:8px 14px;text-align:left}.local-preview-banner a{margin-left:4px}.public-header{min-height:64px;padding:0 18px}.public-header>.menu-toggle{display:inline-flex}.public-nav{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-md);display:none;left:0;padding:16px 18px 20px;position:absolute;right:0;top:64px}.public-nav.is-open{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav>a,.public-nav .theme-control,.public-nav .theme-control select{width:100%}.nav-register{grid-column:span 2}.public-page,.home-view{padding:44px 18px 0}.public-footer{align-items:flex-start;flex-direction:column;gap:12px;margin-top:48px;padding:28px 18px}.home-hero{grid-template-columns:1fr;min-height:auto;padding:36px 0 48px}.home-hero:before{height:360px;transform:translate(-18px,-28px);width:calc(100% + 36px)}.home-hero h1{font-size:40px}.workflow-section{padding:24px}.workflow-section ol,.plan-grid,.plan-grid--three,.rule-grid,.summary-grid,.status-grid,.document-grid,.bucket-grid,.dashboard-columns,.traffic-detail-grid,.account-grid,.orders-layout,.ticket-layout{grid-template-columns:1fr}.workflow-section ol{gap:14px}.privacy-strip,.node-card{align-items:flex-start;flex-direction:column}.segmented-control{width:100%}.segmented-control button{flex:1;font-size:14px;padding:8px 5px}.auth-page{grid-template-columns:1fr;min-height:auto;padding:36px 18px}.auth-page>aside{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:30px}.standalone-proof-page{grid-template-columns:1fr;min-height:auto;padding:36px 18px}.standalone-proof-page__intro{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:30px}.standalone-proof-page__form{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.auth-card{border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:30px}.two-column-card{grid-template-columns:1fr}.user-topbar{gap:10px;min-height:76px;padding:12px 18px;top:42px}.user-topbar h1{font-size:19px}.breadcrumb,.status-entry{display:none}.topbar-actions{gap:8px}.user-page{padding:22px 18px}.welcome-banner{align-items:flex-start;flex-direction:column;min-height:260px;padding:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:150px}.ip-list article,.notification-list article{grid-template-columns:1fr}.notification-list .button{width:fit-content}.reward-list dl,.delete-steps{grid-template-columns:1fr}.account-wide{grid-column:auto}}@media(max-width:479px){.local-preview-banner,.local-preview-banner p,.local-preview-banner a{font-size:12px}.home-hero h1{font-size:34px}.page-header h1{font-size:30px}.metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.user-layout{background:#f8f9fe}.side-nav{flex-basis:250px;padding:18px 14px;width:250px}.side-nav__brand{min-height:46px;padding:4px 12px 14px}.side-nav nav{display:grid;gap:10px}.side-nav__group{display:grid;gap:4px}.side-nav__label{font-size:11px;letter-spacing:.12em;margin:14px 12px 6px}.side-nav nav a{border-radius:9px;gap:12px;min-height:42px;padding:0 13px}.side-nav nav a.router-link-active{background:linear-gradient(135deg,#f7872b,#825ee4);box-shadow:0 6px 16px #825ee433;color:#fff}.nav-icon{align-items:center;display:inline-flex;font-size:17px;height:22px;justify-content:center;width:22px}.nav-icon svg{height:19px;width:19px}.side-nav__bottom{margin:auto 4px 0;padding:14px 8px 0}.side-nav__logout{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--color-text-secondary);display:flex;gap:12px;min-height:42px;padding:0 8px;width:100%}.side-nav__logout:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text-primary)}.user-content{margin-left:250px;width:calc(100% - 250px)}.user-topbar{background:var(--color-bg-surface);min-height:64px;padding:8px 24px}.user-topbar h1{font-size:20px;margin:0}.user-topbar .breadcrumb{font-size:12px;margin:2px 0 0}.user-topbar .theme-control select{border-color:transparent}.notification-entry{border:0;font-size:13px}.avatar{background:linear-gradient(135deg,#f7872b,#825ee4)}.user-page{margin:0;max-width:none;padding:24px}.dashboard-view{gap:24px}.welcome-banner{align-items:center;background:linear-gradient(135deg,#f7872b,#825ee4);border-radius:12px;min-height:159px;padding:28px 36px}.welcome-banner:after{border-width:26px;height:220px;opacity:.18;right:-48px;top:-116px;width:220px}.welcome-banner h2{font-size:42px;line-height:1.15;margin:0 0 8px;max-width:none}.welcome-banner .button{min-width:112px}.dashboard-notice{align-items:center;background:#fff8ee;border:1px solid #ffe2bd;border-radius:10px;display:grid;gap:12px;grid-template-columns:max-content 1fr max-content;padding:13px 16px}.dashboard-notice strong{color:#a4510a}.dashboard-notice span{color:var(--color-text-secondary);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-notice a{color:#8153d8;font-size:13px;font-weight:700}.metric-grid{gap:24px}.metric-card{align-items:center;border:0;border-radius:12px;box-shadow:0 4px 28px #0000000d;display:grid;gap:16px;grid-template-columns:48px minmax(0,1fr);min-height:134px;padding:22px}.metric-card__icon{align-items:center;border-radius:13px;display:inline-flex;font-size:22px;height:48px;justify-content:center;width:48px}.metric-card__icon svg{height:24px;width:24px}.metric-card__icon--purple{background:#f2eaff;color:#875bdd}.metric-card__icon--mint{background:#e7f8f0;color:#2caa76}.metric-card__icon--blue{background:#e9f2ff;color:#4386db}.metric-card__icon--orange{background:#fff0df;color:#e78532}.metric-card div{min-width:0}.metric-card p{color:var(--color-text-tertiary);font-size:13px;margin:0 0 7px}.metric-card div>strong{color:var(--color-text-primary);display:block;font-size:clamp(17px,1.65vw,23px);overflow-wrap:anywhere}.metric-card small{display:block;font-size:12px;margin-top:5px}.skeleton-card{border:0;border-radius:12px;min-height:134px}.dashboard-columns{align-items:start;gap:24px}.dashboard-panel{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 4px 28px #0000000d;min-width:0;padding:28px}.dashboard-panel__heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.dashboard-panel__heading h2{font-size:20px;margin:0}.dashboard-panel__heading p{font-size:13px;margin:6px 0 0}.dashboard-panel__heading a{color:#8054d7;font-size:13px;font-weight:700}.dashboard-entitlement-list{border-bottom:1px solid var(--color-border-subtle);display:grid;margin-top:22px}.dashboard-entitlement{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;gap:16px;justify-content:space-between;padding:14px 0}.dashboard-entitlement:first-child{border-top:0}.dashboard-entitlement strong,.dashboard-entitlement span{display:block}.dashboard-entitlement>div:first-child>span{color:var(--color-text-tertiary);font-size:12px;margin-top:5px}.dashboard-entitlement__meta{align-items:flex-end;display:grid;gap:6px;justify-items:end}.dashboard-entitlement__meta>span{color:var(--color-text-secondary);font-size:12px}.dashboard-empty-inline{background:var(--color-bg-subtle);border-radius:10px;margin-top:20px;padding:16px}.dashboard-empty-inline p{font-size:13px;margin:4px 0 0}.dashboard-usage{margin-top:24px}.dashboard-usage__heading,.dashboard-usage__numbers{align-items:center;display:flex;font-size:13px;justify-content:space-between}.dashboard-usage__heading strong{color:#8153d8}.dashboard-usage__bar{background:#f0eff5;border-radius:999px;height:9px;margin:10px 0;overflow:hidden}.dashboard-usage__bar span{background:linear-gradient(90deg,#f7872b,#825ee4);border-radius:inherit;display:block;height:100%}.dashboard-usage__numbers{color:var(--color-text-tertiary)}.dashboard-usage>p{color:var(--color-text-tertiary);font-size:12px;margin:8px 0 0}.dashboard-import{background:var(--color-bg-subtle);border-radius:10px;margin-top:24px;padding:18px}.dashboard-import__heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.dashboard-import h3{font-size:15px;margin:0}.dashboard-import p{font-size:12px;margin:5px 0 0}.dashboard-import__actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.dashboard-import__actions .button{font-size:13px;min-height:40px;padding:8px 10px}.dashboard-device-tabs{border-bottom:1px solid var(--color-border-subtle);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.dashboard-device-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-size:11px;min-height:38px;padding:6px 2px;text-transform:uppercase}.dashboard-device-tabs button.active{border-bottom-color:#8559dc;color:#8559dc;font-weight:700}.dashboard-quick-import{background:#fff;border-color:var(--color-border-subtle);color:var(--color-text-primary);font-size:13px;justify-content:space-between;margin-top:12px;width:100%}.dashboard-import__qr{align-items:center;display:flex;gap:14px;margin-top:15px}.dashboard-import__qr img{border-radius:8px;height:128px;width:128px}.dashboard-import__message,.dashboard-import__unavailable{color:var(--color-text-secondary);font-size:12px;margin-top:12px}.dashboard-import--locked .button{font-size:13px;margin-top:12px}.dashboard-info-list{display:grid;margin:22px 0 0}.dashboard-info-list>div{align-items:center;border-top:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:17px 0}.dashboard-info-list dt,.dashboard-info-list dd{font-size:14px;margin:0}.dashboard-info-list dd{align-items:center;display:flex;font-weight:700;gap:8px;text-align:right}.dashboard-status-dot{background:var(--color-text-disabled);border-radius:50%;height:7px;width:7px}.dashboard-status-dot.active{background:#35b77b;box-shadow:0 0 0 4px #e9f8f1}.dashboard-reset{align-items:center;background:var(--color-bg-subtle);border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-top:18px;padding:18px}.dashboard-reset h3{font-size:15px;margin:0}.dashboard-reset p{font-size:12px;margin:5px 0 0}.dashboard-reset .button{flex:0 0 auto;font-size:13px;min-height:40px}.dashboard-action-message{background:var(--color-info-soft);border-radius:8px;font-size:13px;margin:14px 0 0;padding:10px}.dashboard-support-link{color:#8054d7;display:block;font-size:13px;font-weight:700;margin-top:24px}.dashboard-confirm{align-items:flex-start;color:var(--color-text-primary);display:flex;gap:9px}.dashboard-confirm input{margin-top:5px}.subscription-facts__summary{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0}.subscription-facts__summary>div{background:var(--color-bg-subtle);border-radius:10px;padding:14px}.subscription-facts__summary dd{font-size:18px;font-weight:700}.subscription-facts__entitlements{border-top:1px solid var(--color-border-subtle);display:grid}.subscription-facts__entitlements>div{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;gap:16px;justify-content:space-between;padding:13px 0}.subscription-facts__entitlements span{color:var(--color-text-tertiary);font-size:13px}.subscription-facts--unavailable{border-color:var(--color-warning)}:root[data-theme=dark] .user-layout{background:var(--color-bg-canvas)}:root[data-theme=dark] .dashboard-notice{background:var(--color-warning-soft);border-color:var(--color-warning)}:root[data-theme=dark] .dashboard-notice strong{color:var(--color-warning)}:root[data-theme=dark] .metric-card__icon--purple,:root[data-theme=dark] .metric-card__icon--blue{background:var(--color-brand-soft);color:var(--color-brand-primary)}:root[data-theme=dark] .metric-card__icon--mint{background:var(--color-success-soft);color:var(--color-success)}:root[data-theme=dark] .metric-card__icon--orange{background:var(--color-orange-soft);color:var(--color-orange)}@media(max-width:1100px){.metric-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.subscription-facts__summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1023px){.user-content{margin-left:0;width:100%}}@media(max-width:767px){.user-topbar{min-height:64px;padding:8px 16px}.user-topbar .theme-control{display:none}.user-page{padding:16px}.welcome-banner{align-items:flex-start;min-height:210px;padding:26px 22px}.welcome-banner h2{font-size:34px}.dashboard-notice{grid-template-columns:1fr}.dashboard-notice span{white-space:normal}.dashboard-panel{padding:20px}.subscription-facts__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:479px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:118px}.dashboard-entitlement,.dashboard-reset,.subscription-facts__entitlements>div{align-items:flex-start;flex-direction:column}.dashboard-entitlement__meta{align-items:start;justify-items:start}.dashboard-import__actions,.subscription-facts__summary{grid-template-columns:1fr}}