:root{--apple-blue: var(--ae-brand);--apple-blue-light: var(--ae-info);--apple-green: var(--ae-success);--apple-red: var(--ae-danger);--apple-orange: var(--ae-warning);--apple-gray-1: #1d1d1f;--apple-gray-2: var(--ae-text-secondary);--apple-gray-3: var(--ae-bg);--text-primary: var(--ae-text);--text-secondary: var(--ae-text-secondary);--text-tertiary: var(--ae-text-tertiary);--font-display: var(--ae-font-display);--font-text: var(--ae-font);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 21px;--text-2xl: 28px;--text-3xl: 48px;--text-4xl: 80px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-smooth: var(--ae-ease-standard);--ease-bounce: var(--ae-ease-spring)}body{margin:0;min-height:100vh;background:var(--ae-surface);color:var(--text-primary);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--ae-glass-bg);backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));border-bottom:1px solid var(--ae-border-soft);animation:slideDown .6s var(--ease-smooth)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--space-2xl);display:flex;justify-content:space-between;align-items:center;height:72px}.navbar-brand{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);text-decoration:none;transition:all var(--duration-fast) var(--ease-smooth)}.navbar-brand:hover{transform:scale(1.05)}.navbar-logo{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--apple-gray-1),var(--apple-blue));box-shadow:0 4px 12px #007aff33}.navbar-nav{display:flex;gap:var(--space-xl);align-items:center}.navbar-user{display:flex;align-items:center;gap:var(--space-md)}.navbar-phone{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.navbar-link{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);text-decoration:none;transition:all var(--duration-fast) var(--ease-smooth);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.navbar-link:hover{color:var(--apple-blue);background:#007aff14}.navbar-link.active{color:var(--apple-blue);font-weight:var(--weight-semibold)}.navbar-cta{padding:12px 24px;border-radius:980px;background:var(--apple-blue);color:#fff;border:none;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:0 4px 16px #007aff4d}.navbar-cta:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 8px 24px #007aff66}.main-container{padding-top:72px;min-height:100vh}.hero-section{position:relative;padding:var(--space-4xl) var(--space-2xl);min-height:90vh;display:flex;align-items:center;background:linear-gradient(180deg,#fff,#f9fbfd);overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,122,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.product-hero:before{display:none}.product-hero{background:linear-gradient(180deg,#fff,#f5f7fa);min-height:82vh}.product-preview{position:relative;min-height:430px}.preview-window{overflow:hidden;border:1px solid rgba(210,218,230,.9);border-radius:18px;background:#fff;box-shadow:0 24px 70px #1118271f}.preview-titlebar{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid #edf1f6;background:#f8fafc}.preview-titlebar span{width:10px;height:10px;border-radius:999px;background:#cfd7e3}.preview-content{display:grid;gap:18px;padding:28px}.preview-income{display:grid;gap:8px}.preview-income small,.preview-grid span,.floating-preview span{color:#69707a;font-size:13px}.preview-income strong{font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:56px;color:#111318;letter-spacing:0}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-grid div{display:grid;gap:8px;padding:16px;border:1px solid #edf1f6;border-radius:14px;background:#f8fafc}.preview-grid b,.floating-preview strong{font-family:Cascadia Mono,SF Mono,Consolas,monospace;color:#111318}.floating-preview{position:absolute;right:22px;bottom:24px;display:grid;gap:4px;min-width:188px;padding:16px 18px;border:1px solid rgba(210,218,230,.9);border-radius:20px;background:#fffffff0;box-shadow:0 18px 48px #11182724}.compact-grid{grid-template-columns:repeat(4,1fr)}.workflow-section{padding:var(--space-4xl) var(--space-2xl);background:#f5f7fa}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}.workflow-card{display:grid;gap:12px;padding:26px;border:1px solid rgba(210,218,230,.9);border-radius:16px;background:#fff;box-shadow:0 10px 34px #1118270f}.workflow-card span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#007aff1a;color:var(--apple-blue);font-weight:700}.workflow-card h3,.workflow-card p{margin:0}.workflow-card p{color:#69707a;line-height:1.6}.product-cta .cta-button{display:inline-flex;text-decoration:none}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-50px) scale(1.1)}}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4xl);align-items:center;position:relative;z-index:1}.hero-text{animation:appleSlideUp .8s var(--ease-smooth)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;border-radius:980px;background:#007aff1a;color:var(--apple-blue);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-xl);letter-spacing:.3px}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-lg);word-wrap:break-word}.hero-title .highlight{background:linear-gradient(135deg,var(--apple-blue),var(--apple-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:600px;word-break:keep-all;overflow-wrap:break-word}.hero-cta-group{display:flex;gap:var(--space-lg);align-items:center;flex-wrap:wrap}.hero-cta-primary{padding:18px 36px;border-radius:980px;background:var(--apple-blue);color:#fff;border:none;font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:0 8px 24px #007aff4d}.hero-cta-primary:hover{background:#0051d5;transform:translateY(-3px);box-shadow:0 12px 32px #007aff66}.hero-cta-secondary{padding:18px 36px;border-radius:980px;background:transparent;color:var(--text-primary);border:2px solid rgba(0,0,0,.1);font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth)}.hero-cta-secondary:hover{border-color:var(--apple-blue);color:var(--apple-blue);transform:translateY(-2px)}.hero-visual{position:relative;animation:appleScaleIn 1s var(--ease-smooth) .2s both}.hero-image{width:100%;height:auto;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000026;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--text-tertiary)}.features-section{padding:var(--space-4xl) var(--space-2xl);background:#fff}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-4xl);animation:appleSlideUp .8s var(--ease-smooth)}.section-eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.5px;text-transform:uppercase;color:var(--apple-blue);margin-bottom:var(--space-md)}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-lg);word-wrap:break-word}.section-subtitle{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);max-width:600px;margin:0 auto;text-align:center;word-break:keep-all;overflow-wrap:break-word}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.feature-card{padding:var(--space-2xl);background:linear-gradient(135deg,#fff,#f9fbfd);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.04);transition:all var(--duration-normal) var(--ease-smooth);animation:appleScaleIn .6s var(--ease-smooth) both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001a;border-color:#007aff33}.feature-icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--apple-blue),var(--apple-blue-light));display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);margin-bottom:var(--space-lg);box-shadow:0 8px 24px #007aff40}.feature-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4}.feature-description{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);word-break:keep-all;overflow-wrap:break-word}.pricing-section{padding:var(--space-4xl) var(--space-2xl);background:linear-gradient(180deg,#f9fbfd,#fff)}.pricing-table{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-3xl);align-items:stretch}.pricing-card{padding:var(--space-3xl);background:#fff;border-radius:var(--radius-2xl);border:2px solid rgba(0,0,0,.06);position:relative;transition:all var(--duration-normal) var(--ease-smooth);animation:appleScaleIn .6s var(--ease-smooth) both;display:flex;flex-direction:column;min-width:240px}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-card:nth-child(4){animation-delay:.4s}.pricing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 64px #0000001f}.pricing-card.featured{border-color:var(--apple-blue);box-shadow:0 16px 48px #007aff26}.pricing-card.featured:hover{transform:translateY(-12px) scale(1.02)}.pricing-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:980px;background:linear-gradient(135deg,var(--apple-blue),#0051d5);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px #007aff66}.pricing-header{text-align:center;padding-bottom:var(--space-xl);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--space-xl)}.pricing-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md);white-space:nowrap}.pricing-price{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-xs);white-space:nowrap}.pricing-period{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.pricing-features{display:grid;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-grow:1;align-content:start}.pricing-feature{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.pricing-feature-icon{width:20px;height:20px;border-radius:50%;background:#30d15826;color:var(--apple-green);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--weight-bold);flex-shrink:0;margin-top:2px}.pricing-cta{width:100%;padding:16px 32px;border-radius:980px;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:none}.pricing-cta.primary{background:var(--apple-blue);color:#fff;box-shadow:0 4px 16px #007aff4d}.pricing-cta.primary:hover{background:#0051d5;transform:translateY(-2px);box-shadow:0 8px 24px #007aff66}.pricing-cta.secondary{background:var(--apple-gray-3);color:var(--text-primary)}.pricing-cta.secondary:hover{background:#e8e8ed;transform:translateY(-2px)}.social-proof-section{padding:var(--space-4xl) var(--space-2xl);background:#fff;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3xl);max-width:1200px;margin:var(--space-3xl) auto 0}.stat-card{animation:appleSlideUp .6s var(--ease-smooth) both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--apple-blue);letter-spacing:-.03em;margin-bottom:var(--space-sm)}.stat-label{font-size:var(--text-base);color:var(--text-secondary)}.cta-section{padding:var(--space-4xl) var(--space-2xl);background:linear-gradient(135deg,var(--apple-gray-1),var(--apple-blue));color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.cta-subtitle{font-size:var(--text-lg);line-height:1.6;opacity:.9;margin-bottom:var(--space-2xl);word-break:keep-all;overflow-wrap:break-word}.cta-button{padding:18px 48px;border-radius:980px;background:#fff;color:var(--apple-blue);border:none;font-size:var(--text-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:0 8px 32px #0003}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #0000004d}.footer{padding:var(--space-3xl) var(--space-2xl);background:var(--apple-gray-1);color:#ffffffb3}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl)}.footer-brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:#fff;margin-bottom:var(--space-md)}.footer-description{font-size:var(--text-sm);line-height:1.6;opacity:.7;word-break:keep-all;overflow-wrap:break-word}.footer-section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:#fff;margin-bottom:var(--space-md)}.footer-links{display:grid;gap:var(--space-sm)}.footer-link{font-size:var(--text-sm);color:#ffffffb3;text-decoration:none;transition:all var(--duration-fast) var(--ease-smooth)}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-bottom{max-width:1400px;margin:var(--space-2xl) auto 0;padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:var(--text-sm);opacity:.5}@media(max-width:1400px){.pricing-table{max-width:1200px;gap:var(--space-md)}.pricing-card{padding:var(--space-2xl)}}@media(max-width:1200px){.pricing-table{grid-template-columns:repeat(2,1fr);max-width:800px;gap:var(--space-xl)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-cta-group{justify-content:center}.features-grid,.stats-grid,.compact-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}.footer-container{grid-template-columns:1fr 1fr}}@media(max-width:768px){.navbar-nav{display:none}.hero-title{font-size:var(--text-2xl)}.section-subtitle{font-size:var(--text-base);max-width:100%}.features-grid{grid-template-columns:1fr}.pricing-table{grid-template-columns:1fr;gap:var(--space-lg)}.compact-grid,.workflow-grid,.preview-grid{grid-template-columns:1fr}.product-preview{min-height:auto}.floating-preview{position:static;margin-top:16px}.pricing-card{min-width:unset}.pricing-price{font-size:var(--text-3xl)}.stats-grid,.footer-container{grid-template-columns:1fr}}@keyframes appleSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes appleScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-3xl);max-width:480px;width:90%;box-shadow:0 24px 64px #0003;position:relative;animation:slideUpModal .4s var(--ease-smooth)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:40px;height:40px;border-radius:50%;border:none;background:var(--apple-gray-3);color:var(--text-secondary);font-size:24px;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:var(--apple-gray-2);color:var(--text-primary);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:var(--space-2xl)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.modal-header p{font-size:var(--text-base);color:var(--text-secondary)}.login-form{display:grid;gap:var(--space-lg)}.form-group{display:grid;gap:var(--space-sm)}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.form-group input{width:100%;padding:16px 20px;border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);background:#fff;font-size:var(--text-base);font-family:var(--font-text);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-smooth);outline:none}.form-group input:hover{border-color:#00000026}.form-group input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 4px #007aff1a}.form-group input:disabled{background:var(--apple-gray-3);cursor:not-allowed}.code-input-group{display:grid;grid-template-columns:1fr auto;gap:var(--space-md)}.send-code-btn{padding:16px 24px;border-radius:var(--radius-sm);background:var(--apple-gray-3);color:var(--text-primary);border:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);white-space:nowrap}.send-code-btn:hover:not(:disabled){background:var(--apple-blue);color:#fff}.send-code-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--space-md);border-radius:var(--radius-sm);background:#ff3b301a;color:var(--apple-red);font-size:var(--text-sm);text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-submit-btn{width:100%;padding:18px 32px;border-radius:980px;background:var(--apple-blue);color:#fff;border:none;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:0 4px 16px #007aff4d;margin-top:var(--space-md)}.login-submit-btn:hover:not(:disabled){background:#0051d5;transform:translateY(-2px);box-shadow:0 8px 24px #007aff66}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-tips{text-align:center;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}.login-tips p{margin:var(--space-xs) 0}.login-tips a{color:var(--apple-blue);text-decoration:none;transition:all var(--duration-fast) var(--ease-smooth)}.login-tips a:hover{text-decoration:underline}.dashboard-container{max-width:1400px;margin:0 auto;padding:48px 32px;background:linear-gradient(135deg,#f5f7fa,#fff);min-height:100vh}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000a}.welcome-content{flex:1}.welcome-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.welcome-subtitle{font-size:16px;color:var(--color-text-secondary)}.btn-refresh{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#f5f5f7;border:none;border-radius:980px;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#e8e8ed;transform:translateY(-1px)}.membership-hero{display:flex;justify-content:space-between;align-items:center;padding:48px;background:linear-gradient(135deg,var(--color-primary) 0%,#5ac8fa 100%);border-radius:20px;margin-bottom:48px;box-shadow:0 8px 24px #007aff40;color:#fff}.membership-badge{display:flex;align-items:center;gap:24px}.badge-icon{width:80px;height:80px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-content{display:grid;gap:8px}.badge-title{font-size:34px;font-weight:700;margin:0}.badge-subtitle{font-size:16px;opacity:.9;margin:0}.btn-upgrade,.btn-renew{padding:14px 32px;background:#fff;color:var(--color-primary);border:none;border-radius:980px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.btn-upgrade:hover,.btn-renew:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-renew{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:64px}.stat-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;display:flex;align-items:center;gap:20px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.stat-icon{width:56px;height:56px;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-content{flex:1;display:grid;gap:8px}.stat-value{font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1}.stat-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.stat-hint{font-size:12px;color:var(--color-text-tertiary)}.quick-actions-section{margin-bottom:64px}.section-title{font-size:21px;font-weight:600;color:var(--color-text-primary);margin-bottom:24px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.quick-action-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;gap:16px;border:2px solid transparent}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#007aff33}.action-icon{width:48px;height:48px;background:linear-gradient(135deg,#f5f7fa,#e8eef5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.action-content{display:grid;gap:8px}.action-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.action-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0}.recent-section{margin-bottom:64px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.recent-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000a}.recent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.recent-card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.recent-card-link{font-size:14px;color:var(--color-primary);text-decoration:none;transition:opacity .2s}.recent-card-link:hover{opacity:.8}.recent-list{display:grid;gap:16px}.recent-item{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#f9fbfd,#fff);border-radius:12px;transition:all .2s ease}.recent-item:hover{background:linear-gradient(135deg,#f5f7fa,#fff);transform:translate(4px)}.recent-item-icon{width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 4px #0000000a}.recent-item-content{flex:1;display:grid;gap:4px}.recent-item-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.recent-item-meta{font-size:12px;color:var(--color-text-secondary)}.recent-item-value{font-size:14px;font-weight:600;color:var(--color-text-primary)}.recent-empty{text-align:center;padding:32px;color:var(--color-text-tertiary);font-size:14px}@media(max-width:1200px){.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:32px 20px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:20px}.membership-hero{flex-direction:column;align-items:flex-start;gap:24px}.stats-grid,.quick-actions-grid,.recent-grid{grid-template-columns:1fr}}.purchase-modal{max-width:560px}.purchase-details{background:linear-gradient(135deg,#f9fbfd,#fff);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid rgba(0,0,0,.06)}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.purchase-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.06)}.purchase-item span{font-size:var(--text-base);color:var(--text-secondary)}.purchase-item strong{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.price-highlight{color:var(--apple-blue)!important;font-size:var(--text-2xl)!important;font-family:var(--font-display)}.modal-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-xl)}.modal-actions .button{padding:16px 32px;border-radius:980px;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.modal-actions .button.primary{background:var(--apple-blue);color:#fff;box-shadow:0 4px 16px #007aff4d}.modal-actions .button.primary:hover:not(:disabled){background:#0051d5;transform:translateY(-2px);box-shadow:0 8px 24px #007aff66}.modal-actions .button.secondary{background:var(--apple-gray-3);color:var(--text-primary)}.modal-actions .button.secondary:hover:not(:disabled){background:#e8e8ed;transform:translateY(-1px)}.modal-actions .button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-info{display:grid;gap:var(--space-xl)}.payment-qr{display:flex;justify-content:center;padding:var(--space-2xl);background:linear-gradient(135deg,#f9fbfd,#fff);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.06)}.qr-placeholder{width:200px;height:200px;background:#fff;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);border:2px dashed rgba(0,0,0,.1)}.qr-placeholder span{font-size:48px}.qr-placeholder p{font-size:var(--text-sm);color:var(--text-secondary)}.payment-details{display:grid;gap:var(--space-md)}.payment-item{display:grid;gap:var(--space-xs)}.payment-item span{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold)}.payment-item code{font-family:SF Mono,Cascadia Mono,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary);background:var(--apple-gray-3);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);word-break:break-all}.payment-tips{background:#007aff0d;border:1px solid rgba(0,122,255,.15);border-radius:var(--radius-md);padding:var(--space-lg)}.payment-tips p{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-xs) 0;line-height:1.6}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--apple-green),#28a745);color:#fff;font-size:48px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 8px 32px #30d1584d;animation:successPop .6s var(--ease-bounce)}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-message{text-align:center;padding:var(--space-xl);background:linear-gradient(135deg,#f9fbfd,#fff);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.06)}.success-message p{font-size:var(--text-base);color:var(--text-secondary);margin:var(--space-sm) 0;line-height:1.6}.success-message strong{color:var(--apple-blue);font-weight:var(--weight-semibold)}.admin-login-page,.admin-shell{min-height:100vh;background:#f5f7fa;color:#111318;font-family:Microsoft YaHei UI,Segoe UI,sans-serif}.admin-login-page{display:grid;place-items:center;padding:24px}.admin-login-card{width:min(420px,100%);display:grid;gap:18px;padding:28px;border:1px solid #dfe6ef;border-radius:18px;background:#ffffffe0;box-shadow:0 24px 70px #1625401a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-login-brand,.admin-brand{color:#111318;text-decoration:none}.admin-login-card h1,.admin-page-header h2,.admin-topbar h1{margin:0;letter-spacing:0}.admin-login-card p,.admin-page-header p,.admin-section-head p{margin:6px 0 0;color:#69707a;line-height:1.7}.admin-login-card label{display:grid;gap:8px;color:#4b5563;font-size:13px;font-weight:700}.admin-login-card input{min-height:44px;border:1px solid #ccd6e4;border-radius:12px;padding:10px 12px;color:#111318;font-size:14px}.admin-eyebrow{color:#69707a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-error,.admin-error-state{border:1px solid rgba(255,59,48,.24);border-radius:12px;background:#ff3b3014;color:#b42318;padding:12px}.admin-shell{display:grid;grid-template-columns:264px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px;border-right:1px solid #dfe6ef;background:#ffffffd1;box-shadow:0 8px 32px #1f268712;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#1d1d1f,#007aff)}.admin-brand strong,.admin-brand small,.admin-nav strong,.admin-nav small,.admin-account strong,.admin-account small{display:block}.admin-brand small,.admin-nav small,.admin-account small{margin-top:2px;color:#69707a;font-size:12px}.admin-nav{display:grid;gap:6px}.admin-nav a{min-height:52px;padding:10px 12px;border-radius:12px;color:#4b5563;text-decoration:none}.admin-nav a:hover,.admin-nav a.active{background:#007aff1a;color:#007aff}.admin-account{display:grid;gap:8px;margin-top:auto;padding:14px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc}.admin-account button{min-height:34px;border:1px solid #ccd6e4;border-radius:10px;background:#fff;cursor:pointer}.admin-main{min-width:0;padding:24px}.admin-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;margin:-24px -24px 24px;padding:18px 24px;border-bottom:1px solid #dfe6ef;background:#f5f7fae0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-page{max-width:1360px;margin:0 auto}.admin-page-header{margin-bottom:18px}.admin-metric-grid,.admin-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-card,.admin-panel{border:1px solid #dfe6ef;border-radius:16px;background:#ffffffe6;box-shadow:0 12px 34px #1625400f}.admin-metric-card{display:grid;gap:8px;padding:18px}.admin-metric-card span,.admin-kv-item span{color:#69707a;font-size:13px;font-weight:700}.admin-metric-card strong{color:#111318;font-size:28px}.admin-metric-card small{color:#69707a}.admin-panel{margin-bottom:16px;padding:18px}.admin-section-head{margin-bottom:14px}.admin-section-row,.admin-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-actions{align-items:center;flex-wrap:wrap}.admin-section-head h2{margin:0;font-size:18px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;min-width:840px;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #edf1f6;padding:10px;text-align:left;vertical-align:top;font-size:13px}.admin-table th{color:#69707a;background:#f8fafc;font-weight:800}.admin-table td{color:#1f2937;max-width:260px;overflow-wrap:anywhere}.admin-select-table tr.active td{background:#007aff14}.admin-link-button{min-height:32px;border:1px solid rgba(0,122,255,.22);border-radius:10px;background:#007aff14;color:#007aff;font-weight:700;cursor:pointer}.admin-diagnostic-list{display:grid;gap:10px}.admin-diagnostic-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border:1px solid #edf1f6;border-radius:12px;background:#f8fafc}.admin-diagnostic-item strong{width:max-content;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#4b5563;font-size:12px}.admin-diagnostic-item.ok strong{background:#34c75924;color:#138a45}.admin-diagnostic-item.warning strong{background:#ff950029;color:#9a6500}.admin-diagnostic-item.error strong{background:#ff3b301f;color:#b42318}.admin-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-kv-item{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid #edf1f6;border-radius:12px;background:#f8fafc}.admin-kv-item strong{color:#111318;font-size:13px;overflow-wrap:anywhere}.admin-loading,.admin-empty{padding:28px;color:#69707a;text-align:center}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-account{margin-top:0}.admin-metric-grid,.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.admin-main{padding:16px}.admin-topbar{margin:-16px -16px 16px;padding:16px;align-items:flex-start;flex-direction:column}.admin-nav,.admin-metric-grid,.admin-two-column,.admin-kv-grid{grid-template-columns:1fr}}:root{--color-primary: #007aff;--color-primary-hover: #0051d5;--color-primary-light: #e8f2ff;--color-primary-dark: #0040a0;--color-success: #34c759;--color-success-light: rgba(52, 199, 89, .12);--color-warning: #ff9500;--color-warning-light: rgba(255, 149, 0, .15);--color-danger: #ff3b30;--color-danger-light: rgba(255, 59, 48, .12);--color-info: #5ac8fa;--color-info-light: rgba(90, 200, 250, .12);--color-text-primary: #111318;--color-text-secondary: #69707a;--color-text-tertiary: #9ca3af;--color-text-disabled: #d1d5db;--color-text-inverse: #ffffff;--color-bg-base: #f5f7fa;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-soft: #f9fbfe;--color-border-light: #edf1f6;--color-border-medium: #dfe5ee;--color-border-dark: #ccd6e4;--color-hover: rgba(0, 0, 0, .04);--color-active: rgba(0, 0, 0, .08);--color-disabled: #f5f7fa}:root{--font-family-base: "Microsoft YaHei UI", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "Cascadia Mono", "SF Mono", Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 21px;--font-size-2xl: 28px;--font-size-3xl: 34px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}:root{--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--padding-xs: var(--spacing-2);--padding-sm: var(--spacing-3);--padding-md: var(--spacing-4);--padding-lg: var(--spacing-6);--padding-xl: var(--spacing-8);--margin-xs: var(--spacing-2);--margin-sm: var(--spacing-3);--margin-md: var(--spacing-4);--margin-lg: var(--spacing-6);--margin-xl: var(--spacing-8);--gap-xs: var(--spacing-2);--gap-sm: var(--spacing-3);--gap-md: var(--spacing-4);--gap-lg: var(--spacing-6);--gap-xl: var(--spacing-8)}:root{--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-card: 0 18px 44px rgba(22, 37, 64, .07);--shadow-float: 0 10px 22px rgba(0, 122, 255, .24);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}:root{color-scheme:light;--ae-brand: #007aff;--ae-brand-hover: #0062d6;--ae-brand-active: #004fb0;--ae-brand-soft: rgba(0, 122, 255, .1);--ae-brand-tint: #e8f2ff;--ae-success: #34c759;--ae-warning: #ff9500;--ae-danger: #ff3b30;--ae-info: #5ac8fa;--ae-bg: #f5f5f7;--ae-bg-strong: #eceff3;--ae-surface: #ffffff;--ae-surface-soft: #f9fbfe;--ae-surface-raised: rgba(255, 255, 255, .86);--ae-overlay: rgba(17, 19, 24, .44);--ae-text: #111318;--ae-text-secondary: #69707a;--ae-text-tertiary: #9ca3af;--ae-text-inverse: #ffffff;--ae-border: #d8dde6;--ae-border-soft: rgba(17, 19, 24, .08);--ae-border-strong: #bdc6d2;--ae-glass-bg: rgba(255, 255, 255, .66);--ae-glass-border: rgba(255, 255, 255, .42);--ae-glass-blur: 14px;--ae-glass-shadow: 0 10px 30px rgba(22, 37, 64, .06);--ae-font: "Microsoft YaHei UI", "Segoe UI", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--ae-font-display: "Microsoft YaHei UI", "Segoe UI", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--ae-font-mono: "Cascadia Mono", "SF Mono", Consolas, monospace;--ae-text-xs: 12px;--ae-text-sm: 13px;--ae-text-base: 14px;--ae-text-md: 16px;--ae-text-lg: 18px;--ae-text-xl: 21px;--ae-text-2xl: 28px;--ae-text-3xl: 34px;--ae-text-4xl: 48px;--ae-weight-regular: 400;--ae-weight-medium: 500;--ae-weight-semibold: 600;--ae-weight-bold: 700;--ae-space-1: 4px;--ae-space-2: 8px;--ae-space-3: 12px;--ae-space-4: 16px;--ae-space-5: 20px;--ae-space-6: 24px;--ae-space-8: 32px;--ae-space-10: 40px;--ae-space-12: 48px;--ae-space-16: 64px;--ae-space-24: 96px;--ae-radius-sm: 8px;--ae-radius-md: 12px;--ae-radius-lg: 16px;--ae-radius-xl: 18px;--ae-radius-floating: 20px;--ae-radius-full: 999px;--ae-shadow-xs: 0 1px 2px rgba(22, 37, 64, .04);--ae-shadow-sm: 0 6px 18px rgba(22, 37, 64, .05);--ae-shadow-md: 0 12px 32px rgba(22, 37, 64, .07);--ae-shadow-lg: 0 22px 56px rgba(22, 37, 64, .1);--ae-shadow-focus: 0 0 0 4px rgba(0, 122, 255, .16);--ae-ease-standard: cubic-bezier(.25, .8, .25, 1);--ae-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ae-duration-fast: .15s;--ae-duration-base: .22s;--ae-duration-slow: .36s;--ae-grid-gutter: 24px;--ae-content-max: 1200px;--color-primary: var(--ae-brand);--color-primary-hover: var(--ae-brand-hover);--color-primary-light: var(--ae-brand-tint);--color-primary-dark: var(--ae-brand-active);--color-success: var(--ae-success);--color-success-light: rgba(52, 199, 89, .12);--color-warning: var(--ae-warning);--color-warning-light: rgba(255, 149, 0, .15);--color-danger: var(--ae-danger);--color-danger-light: rgba(255, 59, 48, .12);--color-info: var(--ae-info);--color-info-light: rgba(90, 200, 250, .12);--color-text-primary: var(--ae-text);--color-text-secondary: var(--ae-text-secondary);--color-text-tertiary: var(--ae-text-tertiary);--color-text-disabled: #c9d1dc;--color-text-inverse: var(--ae-text-inverse);--color-bg-base: var(--ae-bg);--color-bg-primary: var(--ae-bg);--color-bg-secondary: var(--ae-surface-soft);--color-bg-elevated: var(--ae-surface);--color-bg-overlay: var(--ae-overlay);--color-bg-soft: var(--ae-surface-soft);--color-border-light: var(--ae-border-soft);--color-border-medium: var(--ae-border);--color-border-dark: var(--ae-border-strong);--color-hover: rgba(0, 122, 255, .06);--color-active: rgba(0, 122, 255, .12);--color-disabled: #f1f4f8;--color-gray-50: #f8fafc;--color-gray-100: #eef3f8;--color-gray-200: #dfe5ee;--color-gray-300: #c7d1df;--font-family-base: var(--ae-font);--font-family-mono: var(--ae-font-mono);--font-size-xs: var(--ae-text-xs);--font-size-sm: var(--ae-text-sm);--font-size-base: var(--ae-text-base);--font-size-md: var(--ae-text-md);--font-size-lg: var(--ae-text-lg);--font-size-xl: var(--ae-text-xl);--font-size-2xl: var(--ae-text-2xl);--font-size-3xl: var(--ae-text-3xl);--font-weight-normal: var(--ae-weight-regular);--font-weight-medium: var(--ae-weight-medium);--font-weight-semibold: var(--ae-weight-semibold);--font-weight-bold: var(--ae-weight-bold);--letter-spacing-tight: 0;--letter-spacing-normal: 0;--letter-spacing-wide: 0;--spacing-1: var(--ae-space-1);--spacing-2: var(--ae-space-2);--spacing-3: var(--ae-space-3);--spacing-4: var(--ae-space-4);--spacing-5: var(--ae-space-5);--spacing-6: var(--ae-space-6);--spacing-8: var(--ae-space-8);--spacing-10: var(--ae-space-10);--spacing-12: var(--ae-space-12);--spacing-16: var(--ae-space-16);--spacing-24: var(--ae-space-24);--radius-sm: var(--ae-radius-sm);--radius-md: var(--ae-radius-md);--radius-lg: var(--ae-radius-lg);--radius-xl: var(--ae-radius-floating);--radius-2xl: 24px;--radius-full: var(--ae-radius-full);--shadow-sm: var(--ae-shadow-xs);--shadow-md: var(--ae-shadow-sm);--shadow-lg: var(--ae-shadow-md);--shadow-xl: var(--ae-shadow-lg);--shadow-card: var(--ae-shadow-md);--shadow-float: 0 10px 26px rgba(0, 122, 255, .2);--transition-fast: var(--ae-duration-fast) var(--ae-ease-standard);--transition-base: var(--ae-duration-base) var(--ae-ease-standard);--transition-slow: var(--ae-duration-slow) var(--ae-ease-spring);--ease-in-out: var(--ae-ease-standard);--apple-blue: var(--ae-brand);--apple-blue-light: var(--ae-info);--apple-green: var(--ae-success);--apple-red: var(--ae-danger);--apple-orange: var(--ae-warning);--apple-gray-1: #1d1d1f;--apple-gray-2: #69707a;--apple-gray-3: #f5f7fa;--text-primary: var(--ae-text);--text-secondary: var(--ae-text-secondary);--text-tertiary: var(--ae-text-tertiary);--font-display: var(--ae-font-display);--font-text: var(--ae-font);--text-xs: var(--ae-text-xs);--text-sm: var(--ae-text-base);--text-base: var(--ae-text-md);--text-lg: var(--ae-text-lg);--text-xl: var(--ae-text-xl);--text-2xl: var(--ae-text-2xl);--text-3xl: var(--ae-text-4xl);--text-4xl: 64px;--weight-normal: var(--ae-weight-regular);--weight-medium: var(--ae-weight-medium);--weight-semibold: var(--ae-weight-semibold);--weight-bold: var(--ae-weight-bold);--space-xs: var(--ae-space-1);--space-sm: var(--ae-space-2);--space-md: var(--ae-space-3);--space-lg: var(--ae-space-4);--space-xl: var(--ae-space-6);--space-2xl: var(--ae-space-8);--space-3xl: var(--ae-space-12);--space-4xl: var(--ae-space-24);--duration-fast: var(--ae-duration-fast);--duration-normal: var(--ae-duration-base);--duration-slow: var(--ae-duration-slow);--ease-smooth: var(--ae-ease-standard);--ease-bounce: var(--ae-ease-spring);--bg-gradient: radial-gradient(circle at top left, rgba(255, 255, 255, .95), rgba(245, 245, 247, .92) 42%, #eef2f7 100%);--bg-primary: var(--ae-surface)}[data-theme=nature]{--ae-brand: #28a745;--ae-brand-hover: #21883a;--ae-brand-active: #17672a;--ae-brand-soft: rgba(40, 167, 69, .1);--ae-brand-tint: #eaf7ee}[data-theme=violet]{--ae-brand: #6e56cf;--ae-brand-hover: #5b46b0;--ae-brand-active: #47338f;--ae-brand-soft: rgba(110, 86, 207, .1);--ae-brand-tint: #f0edff}[data-theme=orange]{--ae-brand: #ff8a00;--ae-brand-hover: #d97706;--ae-brand-active: #a95d05;--ae-brand-soft: rgba(255, 138, 0, .12);--ae-brand-tint: #fff3e2}[data-theme=red]{--ae-brand: #c2413b;--ae-brand-hover: #a73531;--ae-brand-active: #842723;--ae-brand-soft: rgba(194, 65, 59, .1);--ae-brand-tint: #faeceb}[data-theme=graphite]{--ae-brand: #4b5563;--ae-brand-hover: #374151;--ae-brand-active: #1f2937;--ae-brand-soft: rgba(75, 85, 99, .1);--ae-brand-tint: #eef1f5}[data-color-mode=dark]{color-scheme:dark;--ae-bg: #101114;--ae-bg-strong: #0b0c0f;--ae-surface: #1b1d22;--ae-surface-soft: #20232a;--ae-surface-raised: rgba(30, 30, 30, .72);--ae-text: #f4f7fb;--ae-text-secondary: #b6beca;--ae-text-tertiary: #87909d;--ae-border: rgba(255, 255, 255, .12);--ae-border-soft: rgba(255, 255, 255, .08);--ae-border-strong: rgba(255, 255, 255, .18);--ae-glass-bg: rgba(30, 30, 30, .72);--ae-glass-border: rgba(255, 255, 255, .08);--ae-glass-shadow: 0 8px 32px rgba(0, 0, 0, .24);--bg-gradient: linear-gradient(180deg, #171a21 0%, #101114 100%)}.ae-glass,.apple-glass{background:var(--ae-glass-bg);border:1px solid var(--ae-glass-border);box-shadow:var(--ae-glass-shadow);backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ae-glass-blur))}.ae-card{background:var(--ae-surface-raised);border:1px solid var(--ae-border-soft);border-radius:var(--ae-radius-lg);box-shadow:var(--ae-shadow-md)}.ae-button,button,a{-webkit-tap-highlight-color:transparent}.ae-button,.button,.btn,.btn-primary,.btn-secondary,.btn-danger{position:relative;overflow:hidden;transition:transform var(--ae-duration-base) var(--ae-ease-spring),box-shadow var(--ae-duration-base) var(--ae-ease-standard),background-color var(--ae-duration-base) var(--ae-ease-standard),border-color var(--ae-duration-base) var(--ae-ease-standard),color var(--ae-duration-base) var(--ae-ease-standard)}.ae-button:hover,.button:hover,.btn:hover{transform:translateY(-1px)}.ae-button:focus-visible,.button:focus-visible,.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ae-shadow-focus)}.ae-ripple-host{position:relative;overflow:hidden}.ae-ripple{position:absolute;width:18px;height:18px;pointer-events:none;border-radius:50%;background:color-mix(in srgb,var(--ae-brand) 38%,transparent);transform:translate(-50%,-50%) scale(0);opacity:.5;animation:aeRipple .4s cubic-bezier(.25,.8,.25,1) forwards}.ae-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ae-grid-gutter)}.ae-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes aeRipple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes appleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appleSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes appleScaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:575.98px){:root{--ae-grid-gutter: 14px;--ae-text-4xl: 36px;--text-4xl: 40px}.ae-grid-12{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:576px)and (max-width:767.98px){:root{--ae-grid-gutter: 16px}.ae-grid-12{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:768px)and (max-width:991.98px){:root{--ae-grid-gutter: 20px}.ae-grid-12{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1400px){:root{--ae-content-max: 1320px;--ae-grid-gutter: 28px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-wrapper{min-height:100vh;background:var(--bg-gradient)}.portal-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr);background:linear-gradient(180deg,#ffffffc2,#f5f7fae6),var(--bg-gradient)}.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-5);background:#ffffffc2;border-right:1px solid var(--ae-border-soft);box-shadow:var(--ae-glass-shadow);backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ae-glass-blur))}.portal-brand{min-height:52px;display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-text-primary);text-decoration:none}.portal-brand-mark{width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,#1d1d1f,var(--color-primary));box-shadow:0 14px 32px #007aff33}.portal-brand strong,.portal-account-panel strong,.portal-nav-item strong{display:block;color:var(--color-text-primary)}.portal-brand small,.portal-account-panel small,.portal-nav-item small{display:block;margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.portal-nav{display:grid;gap:var(--spacing-1)}.portal-nav-item{min-height:58px;display:flex;align-items:center;gap:var(--spacing-3);padding:10px 12px;border-radius:14px;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base)}.portal-nav-item:hover,.portal-nav-item.active{background:var(--ae-brand-soft);color:var(--color-primary)}.portal-nav-item.active{box-shadow:inset 3px 0 0 var(--color-primary)}.portal-nav-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#f5f7fae6;color:var(--color-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-weight:var(--font-weight-bold)}.portal-account-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-3);align-items:center;margin-top:auto;padding:var(--spacing-4);border:1px solid var(--color-border-light);border-radius:18px;background:#f5f7fac2}.portal-account-dot{width:10px;height:10px;border-radius:999px;background:var(--color-text-tertiary);box-shadow:0 0 0 4px #69707a1a}.portal-account-dot.online{background:#34c759;box-shadow:0 0 0 4px #34c75924}.portal-account-panel button{grid-column:1 / -1;min-height:36px;border:1px solid var(--color-border-medium);border-radius:12px;background:#fff;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);cursor:pointer}.portal-main{min-width:0;padding:var(--spacing-6)}.portal-topbar{position:sticky;top:0;z-index:40;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);margin:calc(var(--spacing-6) * -1) calc(var(--spacing-6) * -1) var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:#f5f7fad1;border-bottom:1px solid var(--ae-border-soft);backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ae-glass-blur))}.portal-eyebrow{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.portal-topbar h1{margin:2px 0 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);line-height:1.2}.portal-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3)}.portal-mobile-nav{display:none}.portal-main .page-container,.portal-main .dashboard-container{max-width:1280px;min-height:auto;margin:0 auto;padding:0;background:transparent}.portal-main .dashboard-welcome,.portal-main .membership-hero,.portal-main .stat-card,.portal-main .quick-action-card,.portal-main .recent-card,.portal-panel,.device-status-card,.info-box,.device-card{border-radius:16px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-card)}.portal-main .dashboard-welcome,.portal-main .membership-hero,.portal-main .stats-grid,.portal-main .quick-actions-section,.portal-main .recent-section{margin-bottom:var(--spacing-6)}.portal-main .membership-hero{padding:var(--spacing-6)}.portal-main .stat-card,.portal-main .quick-action-card,.portal-main .recent-card{padding:var(--spacing-5)}.navbar{position:sticky;top:0;z-index:100;background:var(--ae-glass-bg);border-bottom:1px solid var(--ae-border-soft);box-shadow:var(--ae-glass-shadow);backdrop-filter:saturate(180%) blur(var(--ae-glass-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ae-glass-blur))}.navbar-container{max-width:var(--ae-content-max);min-height:68px;margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.navbar-brand,.navbar-nav,.navbar-user{display:flex;align-items:center}.navbar-brand{gap:var(--spacing-3);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-bold)}.navbar-logo{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--apple-gray-1),var(--color-primary));box-shadow:0 10px 28px #007aff38}.navbar-nav{gap:var(--spacing-2);flex-wrap:wrap;justify-content:flex-end}.navbar-user{gap:var(--spacing-2)}.navbar-link,.navbar-cta{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;border:0;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.navbar-link:hover,.navbar-link.active{color:var(--color-primary);background:var(--ae-brand-soft)}.navbar-cta{color:var(--color-text-inverse);background:var(--color-primary);padding-inline:16px}.navbar-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-phone{max-width:132px;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.page-container{max-width:1200px;margin:0 auto;padding:var(--spacing-6);min-height:100vh}.page-header{margin-bottom:var(--spacing-8)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4);text-align:center}.error-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#007aff1a;color:var(--color-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:16px;font-weight:var(--font-weight-bold)}.error-state h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.error-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4);text-align:center}.empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#007aff1a;color:var(--color-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:16px;font-weight:var(--font-weight-bold)}.empty-state h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.btn-primary{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{padding:12px 24px;background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-danger{padding:12px 24px;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#e02020;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.portal-panel{background:var(--ae-surface-raised);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:var(--shadow-card);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.portal-panel h2{margin:0 0 var(--spacing-3);color:var(--color-text-primary);font-size:var(--font-size-xl)}.portal-panel p{margin:0;color:var(--color-text-secondary);line-height:1.7}.download-panel{display:grid;gap:var(--spacing-6)}.release-summary{display:grid;gap:var(--spacing-3)}.release-pill{width:max-content;padding:6px 10px;border-radius:999px;background:#007aff1a;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.info-table,.payment-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.info-item,.payment-meta>div{display:grid;gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:12px}.info-item.wide{grid-column:1 / -1}.info-item span,.payment-meta span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.info-item strong,.payment-meta strong{color:var(--color-text-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:var(--font-size-sm);overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.button-row.centered{justify-content:center}.clean-list{margin:var(--spacing-3) 0 0;padding-left:20px;color:var(--color-text-secondary);line-height:1.8}.checkout-page{max-width:1180px}.checkout-layout{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);gap:var(--spacing-5);align-items:start}.checkout-summary,.checkout-payment{margin-bottom:0}.checkout-plan{display:grid;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-5);border:1px solid rgba(0,122,255,.16);border-radius:16px;background:linear-gradient(180deg,#007aff14,#ffffffdb)}.checkout-plan span{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.checkout-plan strong{color:var(--color-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:var(--font-size-3xl)}.checkout-plan small{color:var(--color-text-secondary)}.checkout-qr{display:grid;justify-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding:var(--spacing-6);border:1px solid var(--color-border-light);border-radius:18px;background:#fff;text-align:center}.checkout-qr img,.checkout-qr .qr-placeholder{width:224px;height:224px;border-radius:16px}.checkout-qr img{display:block;border:10px solid #fff;box-shadow:0 10px 28px #11131814}.checkout-qr .qr-placeholder{display:grid;place-items:center;border:1px dashed var(--color-border-medium);background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-weight:var(--font-weight-bold)}.checkout-qr strong{color:var(--color-text-primary);font-size:var(--font-size-lg)}.checkout-qr small{max-width:420px;color:var(--color-text-secondary);line-height:1.7}.checkout-qr.is-muted{opacity:.62;filter:grayscale(1)}.checkout-info-table{margin-bottom:var(--spacing-4)}.checkout-message{margin:0 0 var(--spacing-4)!important;padding:var(--spacing-3) var(--spacing-4);border:1px solid rgba(0,122,255,.16);border-radius:12px;background:#007aff14;color:var(--color-primary)!important;font-weight:var(--font-weight-semibold)}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-4)}.benefit-card{background:var(--ae-surface-raised);border:1px solid var(--color-border-light);border-radius:14px;padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.compact-benefit{box-shadow:none}.benefit-title{margin:0 0 var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-base)}.benefit-description{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.pricing-table-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5)}.compact-loading,.compact-state{min-height:180px}.orders-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:var(--spacing-5);align-items:start}.orders-panel,.order-detail-panel{margin-bottom:0}.status-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.filter-btn{border:1px solid var(--color-border-medium);background:var(--color-bg-elevated);color:var(--color-text-secondary);border-radius:999px;padding:10px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.filter-btn.active{border-color:var(--color-primary);background:#007aff1a;color:var(--color-primary)}.compact-orders-list{display:grid;gap:var(--spacing-3)}.order-list-item{width:100%;display:flex;gap:var(--spacing-4);align-items:center;justify-content:space-between;border:1px solid var(--color-border-light);background:var(--color-bg-elevated);border-radius:14px;padding:var(--spacing-4);text-align:left;cursor:pointer}.order-list-item.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1f}.order-list-item span{display:grid;gap:6px;min-width:0}.order-list-item small{color:var(--color-text-secondary)}.order-list-item b{color:var(--color-text-primary);font-family:Cascadia Mono,SF Mono,Consolas,monospace}.status-badge{width:max-content;display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-bold)}.status-success{color:#138a45;background:#34c75924}.status-warning{color:#9a6500;background:#ff950029}.status-error{color:var(--color-danger);background:#ff3b301f}.status-neutral{color:var(--color-text-secondary);background:#eef2f7}.device-status-card,.info-box{background:#fff;border:1px solid var(--color-border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.status-header,.device-card-header,.device-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.status-title,.info-box-title{margin:0;color:var(--color-text-primary)}.status-badge-large{padding:8px 12px;border-radius:999px;background:#007aff1a;color:var(--color-primary);font-weight:var(--font-weight-bold)}.status-progress{height:8px;margin:var(--spacing-5) 0 var(--spacing-3);overflow:hidden;border-radius:999px;background:#edf1f6}.status-progress-bar{height:100%;border-radius:inherit;background:var(--color-primary)}.status-text{margin:0}.status-text-success{color:#138a45}.status-text-warning{color:#9a6500}.devices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.device-card{display:grid;gap:var(--spacing-5);background:#fff;border:1px solid var(--color-border-light);border-radius:16px;box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.device-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f5f7fa;font-size:20px}.device-info{flex:1}.device-name{margin:0 0 4px;color:var(--color-text-primary)}.device-platform,.info-box-list{color:var(--color-text-secondary)}.device-card-body{display:grid;gap:var(--spacing-3)}.device-detail-row{display:grid;grid-template-columns:92px 1fr;gap:var(--spacing-3)}.detail-value-mono{font-family:Cascadia Mono,SF Mono,Consolas,monospace;overflow-wrap:anywhere}.support-card{margin-bottom:0}.section-header-left{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.section-header-left h2{margin:0}.support-template{margin:0;padding:var(--spacing-4);background:#111318;color:#f5f7fa;border-radius:12px;overflow-x:auto;white-space:pre-wrap;line-height:1.7;font-family:Cascadia Mono,SF Mono,Consolas,monospace;font-size:var(--font-size-sm)}.legal-page{max-width:920px}.legal-date{margin-bottom:var(--spacing-4)!important}.payment-result-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:var(--spacing-6);background:linear-gradient(180deg,#f5f7fa,#fff)}.payment-result-card{width:min(560px,100%);display:grid;gap:var(--spacing-5);justify-items:center;text-align:center;padding:var(--spacing-8);background:#fff;border:1px solid var(--color-border-light);border-radius:18px;box-shadow:var(--shadow-lg)}.payment-result-card h1{margin:0;color:var(--color-text-primary);font-size:var(--font-size-3xl)}.payment-result-card p{margin:0;color:var(--color-text-secondary);line-height:1.7}.payment-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;font-size:36px;font-weight:var(--font-weight-bold)}.payment-result-card.success .payment-icon{background:#34c75924;color:#138a45}.payment-result-card.failed .payment-icon{background:#ff950029;color:#a96a00}@media(max-width:1024px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{display:none}.portal-main{padding:var(--spacing-4)}.portal-topbar{margin:calc(var(--spacing-4) * -1) calc(var(--spacing-4) * -1) var(--spacing-4);padding:var(--spacing-4);align-items:flex-start;flex-direction:column}.portal-topbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.portal-mobile-nav{display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-2)}.portal-mobile-nav a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:999px;background:#fff;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.portal-mobile-nav a.active{border-color:var(--color-primary);background:#007aff1a;color:var(--color-primary)}}@media(max-width:768px){.page-header-row,.section-header-left{flex-direction:column;align-items:stretch}.info-table,.payment-meta,.support-grid,.benefits-grid,.pricing-table-inner,.checkout-layout,.orders-layout,.devices-grid{grid-template-columns:1fr}.status-header,.device-card-header,.device-card-footer,.order-list-item{align-items:stretch;flex-direction:column}}