:root{--color-bg-base:#f8f9fc;--color-bg-surface:#fff;--color-bg-elevated:#f3f4f8;--color-bg-overlay:#eceef5;--color-border-subtle:#e4e6ef;--color-border-default:#d0d4e4;--color-border-strong:#b8bdd4;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-dim:#2563eb1a;--color-accent-dim-strong:#2563eb2e;--color-success:#059669;--color-success-dim:#0596691a;--color-warning:#d97706;--color-warning-dim:#d977061a;--color-danger:#dc2626;--color-danger-dim:#dc26261a;--color-text-primary:#0f1523;--color-text-secondary:#4a5270;--color-text-muted:#8b92a8;--color-text-inverse:#fff;--font-display:"Cabinet Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--shadow-sm:0 1px 3px #0f152314, 0 1px 2px #0f15230f;--shadow-md:0 4px 16px #0f15231a, 0 2px 6px #0f152314;--shadow-lg:0 16px 48px #0f152324, 0 6px 16px #0f15231a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px}[data-theme=dark]{--color-bg-base:#0c0f1a;--color-bg-surface:#131829;--color-bg-elevated:#1a2035;--color-bg-overlay:#202640;--color-border-subtle:#252d47;--color-border-default:#2e3a58;--color-border-strong:#3a4a6e;--color-text-primary:#edf0fa;--color-text-secondary:#8b9cc4;--color-text-muted:#4a5672;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 16px 48px #0009, 0 6px 16px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background-color:var(--color-bg-base);height:100%;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-accent-dim-strong);color:var(--color-text-primary)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-animate{opacity:0;animation:fadeSlideUp var(--duration-slow) var(--ease-out) forwards}.section-animate-1{animation-delay:0s}.section-animate-2{animation-delay:60ms}.section-animate-3{animation-delay:.12s}.section-animate-4{animation-delay:.18s}.section-animate-5{animation-delay:.24s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-overlay) 25%, var(--color-border-default) 50%, var(--color-bg-overlay) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}.ant-layout{background:var(--color-bg-base)!important}.ant-layout-content{background:0 0!important}.ant-card{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)!important}.ant-card:hover{border-color:var(--color-border-default)!important}.ant-card-head{border-bottom:1px solid var(--color-border-subtle)!important;min-height:48px!important;font-family:var(--font-display)!important;color:var(--color-text-primary)!important;padding:0 20px!important;font-size:14px!important;font-weight:600!important}.ant-card-body{padding:20px!important}.ant-table{font-family:var(--font-body)!important;background:0 0!important}.ant-table-thead>tr>th{background:var(--color-bg-elevated)!important;border-bottom:1px solid var(--color-border-default)!important;color:var(--color-text-muted)!important;font-family:var(--font-body)!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important;padding:10px 14px!important;font-size:11px!important;font-weight:600!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border-subtle)!important;color:var(--color-text-primary)!important;transition:background var(--duration-fast) var(--ease-out)!important;padding:12px 14px!important}.ant-table-tbody>tr:hover>td{background:var(--color-bg-elevated)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.ant-select-selector{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;font-family:var(--font-body)!important;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)!important;font-size:14px!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-number:hover,.ant-picker:hover,.ant-select-selector:hover{border-color:var(--color-border-strong)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-number-focused,.ant-picker-focused,.ant-select-focused .ant-select-selector{border-color:var(--color-accent)!important;box-shadow:0 0 0 3px var(--color-accent-dim)!important}.ant-input::placeholder{color:var(--color-text-muted)!important}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:500!important}.ant-form-item-extra{font-family:var(--font-body)!important;color:var(--color-text-muted)!important;margin-top:4px!important;font-size:12px!important}.ant-btn{font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;transition:all var(--duration-fast) var(--ease-out)!important;box-shadow:none!important;font-weight:500!important}.ant-btn-primary{background:var(--color-accent)!important;border-color:var(--color-accent)!important}.ant-btn-primary:hover{background:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important;box-shadow:0 4px 12px var(--color-accent-dim-strong)!important;transform:translateY(-1px)!important}.ant-btn-primary:active{transform:translateY(0)!important}.ant-btn-default{background:var(--color-bg-surface)!important;border-color:var(--color-border-default)!important;color:var(--color-text-secondary)!important}.ant-btn-default:hover{border-color:var(--color-border-strong)!important;color:var(--color-text-primary)!important;background:var(--color-bg-elevated)!important}.ant-btn-link{color:var(--color-accent)!important}.ant-btn-link:hover{color:var(--color-accent-hover)!important}.ant-dropdown-menu{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:6px!important}.ant-dropdown-menu-item{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;transition:all var(--duration-fast) var(--ease-out)!important;font-size:13px!important}.ant-dropdown-menu-item:hover{background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important}.ant-select-dropdown{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-select-item{color:var(--color-text-secondary)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important}.ant-select-item-option-active{background:var(--color-bg-elevated)!important;color:var(--color-text-primary)!important}.ant-select-item-option-selected{background:var(--color-accent-dim)!important;color:var(--color-accent)!important;font-weight:500!important}.ant-modal-content{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-header{border-bottom:1px solid var(--color-border-subtle)!important;background:0 0!important;padding:20px 24px 16px!important}.ant-modal-title{font-family:var(--font-display)!important;color:var(--color-text-primary)!important;font-size:17px!important;font-weight:700!important}.ant-modal-body{padding:20px 24px!important}.ant-modal-footer{border-top:1px solid var(--color-border-subtle)!important;padding:16px 24px!important}.ant-steps-item-title{font-family:var(--font-body)!important;color:var(--color-text-secondary)!important;font-size:13px!important;font-weight:500!important}.ant-steps-item-finish .ant-steps-item-title,.ant-steps-item-process .ant-steps-item-title{color:var(--color-text-primary)!important}.ant-steps-item-process .ant-steps-item-icon{background:var(--color-accent)!important;border-color:var(--color-accent)!important}.ant-tabs-tab{font-family:var(--font-body)!important;color:var(--color-text-secondary)!important;transition:color var(--duration-fast) var(--ease-out)!important;font-size:14px!important}.ant-tabs-tab:hover{color:var(--color-text-primary)!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-accent)!important;font-weight:500!important}.ant-tabs-ink-bar{background:var(--color-accent)!important}.ant-pagination-item{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;font-size:12px!important}.ant-pagination-item-active{background:var(--color-accent-dim)!important;border-color:var(--color-accent)!important}.ant-pagination-item-active a{color:var(--color-accent)!important}.ant-breadcrumb-link{color:var(--color-text-muted)!important;font-family:var(--font-body)!important;transition:color var(--duration-fast) var(--ease-out)!important;font-size:13px!important}.ant-breadcrumb-link:hover{color:var(--color-text-secondary)!important}.ant-breadcrumb li:last-child .ant-breadcrumb-link{color:var(--color-text-primary)!important;font-weight:500!important}.ant-breadcrumb-separator{color:var(--color-border-strong)!important}.ant-statistic-title{color:var(--color-text-muted)!important;font-family:var(--font-body)!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:11px!important;font-weight:600!important}.ant-statistic-content-value{font-family:var(--font-display)!important;color:var(--color-text-primary)!important;font-weight:700!important}.ant-message-notice-content{background:var(--color-bg-surface)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-body)!important;color:var(--color-text-primary)!important}.ant-divider{border-color:var(--color-border-subtle)!important}.ant-tag{border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;border:none!important;padding:2px 8px!important;font-size:11px!important;font-weight:500!important}.ant-tooltip-inner{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;color:var(--color-text-primary)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important;font-size:12px!important}.ant-tooltip-arrow-content{background:var(--color-bg-elevated)!important}.premium-table .ant-table-tbody>tr{cursor:pointer}.platform-sidebar{transition:width var(--duration-base) var(--ease-in-out)!important}.hero-grid{pointer-events:none;background-image:linear-gradient(#2563eb0f 1px,#0000 1px),linear-gradient(90deg,#2563eb0f 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.hero-fade{pointer-events:none;background:linear-gradient(#0000,#0c0f1a);height:200px;position:absolute;bottom:0;left:0;right:0}@keyframes heroOrb{0%,to{opacity:.5;transform:translate(0)scale(1)}33%{opacity:.6;transform:translate(40px,-30px)scale(1.08)}66%{opacity:.4;transform:translate(-25px,20px)scale(.94)}}.hero-orb{filter:blur(90px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite heroOrb;position:absolute}@keyframes sectionReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:sectionReveal .6s var(--ease-out) forwards}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.reveal-delay-4{animation-delay:.4s}.reveal-delay-5{animation-delay:.5s}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out);padding:28px}.feature-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.hiw-step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.step-badge{background:var(--color-accent-dim);border:2px solid var(--color-accent);width:40px;height:40px;font-family:var(--font-display);color:var(--color-accent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:16px;font-size:15px;font-weight:700;display:flex;position:relative}.step-connector{background:linear-gradient(90deg, var(--color-accent), var(--color-border-subtle));height:1px;position:absolute;top:20px;left:calc(50% + 24px);right:calc(24px - 50%)}.pricing-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out);padding:28px 24px;position:relative}.pricing-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.popular{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-md)}.popular-badge{background:var(--color-accent);color:#fff;font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;border-radius:20px;padding:3px 12px;font-size:10px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.faq-item{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;padding:20px 0}.faq-item:first-child{border-top:1px solid var(--color-border-subtle)}.mockup-frame{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.mockup-chrome{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:8px;padding:10px 16px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.gradient-text{background:linear-gradient(135deg,#2563eb 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-cta-btn{background:var(--color-accent);color:#fff;font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hero-cta-btn:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%) -200%/200% 100%;position:absolute;inset:0}.hero-cta-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.hero-cta-btn:hover:after{animation:buttonShimmer .6s var(--ease-out) forwards}.secondary-cta{color:var(--color-text-secondary);font-family:var(--font-body);transition:color var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.secondary-cta:hover{color:var(--color-text-primary)}.landing-nav{z-index:100;transition:all var(--duration-base) var(--ease-out);position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0f1ad9;border-bottom:1px solid #2563eb1f}.landing-section{max-width:1140px;margin:0 auto;padding:0 24px}.stat-ticker{align-items:center;gap:6px;display:flex}.stat-ticker-value{font-family:var(--font-display);color:#edf0fa;font-size:22px;font-weight:700}.stat-ticker-label{font-family:var(--font-body);color:#edf0fa80;font-size:12px;line-height:1.3}@keyframes buttonShimmer{0%{background-position:-200%}to{background-position:200%}}@media (max-width:768px){.hero-orb,.step-connector{display:none}}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.pricing-grid{grid-template-columns:1fr!important}}.auth-page{background:var(--color-bg-base);min-height:100vh;display:flex}.auth-left{background:#0c0f1a;flex-direction:column;justify-content:space-between;width:45%;padding:40px 48px;display:flex;position:relative;overflow:hidden}@media (max-width:900px){.auth-left{display:none}.auth-right{width:100%!important}}.auth-right{border-left:1px solid var(--color-border-subtle);flex-direction:column;justify-content:center;align-items:center;width:55%;padding:48px 40px;display:flex}.auth-form-container{width:100%;max-width:400px}.google-btn{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;height:46px;font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.google-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.auth-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.auth-divider-line{background:var(--color-border-subtle);flex:1;height:1px}.auth-divider-text{font-family:var(--font-body);color:var(--color-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.auth-form .ant-input,.auth-form .ant-input-affix-wrapper,.auth-form .ant-input-password{height:46px!important}@media screen and (max-width:1024px){input,textarea,select,.ant-input,.ant-input-affix-wrapper,.ant-input-affix-wrapper input,.ant-input-password input,.ant-input-number-input,.ant-select-selection-search-input,.ant-picker-input input,[type=text],[type=email],[type=password],[type=tel],[type=number],[type=search]{font-size:16px!important}}.auth-submit-btn{letter-spacing:.01em!important;height:46px!important;font-size:15px!important;font-weight:600!important;position:relative!important;overflow:hidden!important}.auth-submit-btn:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%) -200%/200% 100%;position:absolute;inset:0}.auth-submit-btn:hover:after{animation:buttonShimmer .6s var(--ease-out) forwards}.auth-testimonial{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;padding:20px}.auth-animate{opacity:0;animation:fadeSlideUp var(--duration-slow) var(--ease-out) forwards}.auth-animate-1{animation-delay:0s}.auth-animate-2{animation-delay:60ms}.auth-animate-3{animation-delay:.12s}.auth-animate-4{animation-delay:.18s}.auth-animate-5{animation-delay:.24s}.auth-animate-6{animation-delay:.3s}@media (max-width:768px){.landing-section{padding:0 16px}}.nav-links-desktop{align-items:center;gap:32px;display:flex}.nav-actions-desktop{align-items:center;gap:12px;display:flex}.nav-mobile-menu-btn{cursor:pointer;color:#edf0facc;z-index:101;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px;display:none;position:relative}.nav-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0f1af7;border-top:1px solid #2563eb1f;flex-direction:column;gap:0;display:none}.nav-mobile-menu.open{display:flex}.nav-mobile-link{font-family:var(--font-body);color:#edf0facc;cursor:pointer;text-align:left;width:100%;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:1px solid #ffffff0d;padding:14px 24px;font-size:15px;font-weight:500;display:block}.nav-mobile-link:hover{color:#edf0fa;background:#2563eb14}.nav-mobile-cta{text-align:center;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-family:var(--font-body);transition:background var(--duration-fast) var(--ease-out);margin:12px 24px 16px;padding:12px 0;font-size:14px;font-weight:600;text-decoration:none;display:block}.nav-mobile-cta:hover{background:var(--color-accent-hover)}@media (max-width:768px){.nav-links-desktop,.nav-actions-desktop{display:none}.nav-mobile-menu-btn{justify-content:center;align-items:center;display:flex}}@media (max-width:1024px){.hero-headline{font-size:52px!important}.hero-subheadline{font-size:16px!important}}@media (max-width:768px){.hero-section{min-height:auto!important;padding:100px 0 60px!important}.hero-section>div{padding:0 16px!important}.hero-content{text-align:center;width:100%!important;max-width:100%!important;padding:0!important}.hero-headline{letter-spacing:-.02em!important;font-size:38px!important}.hero-subheadline{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;font-size:15px!important}.hero-cta-row{flex-direction:column!important;align-items:center!important;gap:12px!important}.hero-cta-btn{justify-content:center;width:100%}.hero-stats-row{flex-direction:column!important;align-items:center!important;gap:16px!important}.hero-stat-divider{display:none!important}.hero-announcement{font-size:12px!important}.hero-mockup-wrapper{border-radius:var(--radius-md);overflow:hidden;margin-top:40px!important}.hero-mockup-wrapper .mockup-frame{border-radius:var(--radius-md)!important;max-width:100%!important}.mockup-sidebar{display:none!important}.mockup-content{padding:16px!important}.mockup-app-shell{height:320px!important}}@media (max-width:480px){.hero-headline{font-size:32px!important}}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.features-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.features-section{padding:64px 0!important}.section-heading-lg{font-size:32px!important}.section-subheading{font-size:15px!important}.hiw-section{padding:64px 0!important}.hiw-steps-row{flex-direction:column!important;align-items:center!important;gap:40px!important}.hiw-step{width:100%!important;max-width:320px!important}.step-connector{display:none!important}}@media (max-width:900px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.pricing-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.pricing-section,.faq-section{padding:64px 0!important}.faq-container{max-width:100%!important}}@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px!important}.footer-col-brand{grid-column:1/-1!important}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:8px!important}}@media (max-width:768px){.footer-section{padding:48px 0 24px!important}.section-label-sm{font-size:11px!important}.pricing-card{padding:22px 18px!important}.feature-card{padding:22px!important}}html,body{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}html{touch-action:manipulation}input,textarea,select,button{touch-action:manipulation;font-size:16px!important}@media screen and (max-width:768px){html,body{overscroll-behavior-x:none!important;overflow-x:hidden!important}body{width:100%!important;min-width:0!important;position:relative!important}*{-webkit-tap-highlight-color:transparent}}.onboarding-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px}.template-option{border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.template-option:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-option.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-md)}.template-option-check{background:var(--color-accent);opacity:0;width:24px;height:24px;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.6)}.template-option.selected .template-option-check{opacity:1;transform:scale(1)}.template-thumbnail{background:var(--color-bg-overlay);justify-content:center;align-items:center;height:140px;display:flex}.slug-input-group{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);background:var(--color-bg-surface);align-items:center;display:flex;overflow:hidden}.slug-input-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.slug-prefix{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-subtle);height:46px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;display:flex}.slug-suffix{background:var(--color-bg-elevated);border-left:1px solid var(--color-border-subtle);height:46px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 12px;font-size:13px;display:flex}.slug-input{flex:1;height:46px;box-shadow:none!important;font-family:var(--font-mono)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0 12px!important;font-size:14px!important}.slug-availability{font-family:var(--font-body);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.done-card{text-align:center;padding:56px 40px}@keyframes doneCheckmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}60%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.done-checkmark{border:2px solid var(--color-success);width:72px;height:72px;animation:doneCheckmark .5s var(--ease-out) forwards;background:#0596691f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.done-subdomain{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--color-accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;gap:8px;margin:20px 0;padding:10px 20px;font-size:14px;display:inline-flex}.done-subdomain:hover{border-color:var(--color-accent);background:var(--color-accent-dim)}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-stat-value{animation:countUp .4s var(--ease-out) both}.dashboard-stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base) var(--ease-out);padding:24px;position:relative;overflow:hidden}.dashboard-stat-card:before{content:"";background:var(--card-accent,var(--color-accent));transform-origin:0;height:3px;transition:transform var(--duration-base) var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.dashboard-stat-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-3px)}.dashboard-stat-card:hover:before{transform:scaleX(1)}.sparkline{align-items:flex-end;gap:3px;height:32px;display:flex}.sparkline-bar{background:var(--card-accent,var(--color-accent));opacity:.25;transition:opacity var(--duration-fast) var(--ease-out);border-radius:2px 2px 0 0;flex:1;min-height:4px}.sparkline-bar.active{opacity:.9}.dashboard-stat-card:hover .sparkline-bar{opacity:.4}.dashboard-stat-card:hover .sparkline-bar.active{opacity:1}.shipment-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:flex}.shipment-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm);transform:translate(3px)}.credit-meter{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:20px 24px}.credit-meter-bar-track{background:var(--color-bg-overlay);border-radius:3px;height:6px;margin:12px 0 8px;overflow:hidden}.credit-meter-bar-fill{height:100%;transition:width .8s var(--ease-out);border-radius:3px}.status-ring-container{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:24px}.quick-action-bar{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:14px 20px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.kbd{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);font-family:var(--font-mono);color:var(--color-text-muted);border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:11px;line-height:1.6;display:inline-flex}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dashboard-section-title{font-family:var(--font-display);color:var(--color-text-primary);font-size:15px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--color-bg-overlay) 25%, var(--color-bg-elevated) 50%, var(--color-bg-overlay) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover:none) and (pointer:coarse){.kbd,.keyboard-hint{display:none!important}}.onboarding-progress-mobile{padding:14px 20px 0;display:none}.onboarding-progress-track{align-items:center;gap:0;margin-bottom:6px;display:flex}.onboarding-progress-step{flex:1;align-items:center;display:flex}.onboarding-progress-dot{width:28px;height:28px;font-family:var(--font-mono);transition:all var(--duration-base) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.onboarding-progress-dot.completed{background:var(--color-accent);color:#fff}.onboarding-progress-dot.active{background:var(--color-accent);color:#fff;box-shadow:0 0 0 3px var(--color-accent-dim)}.onboarding-progress-dot.pending{background:var(--color-bg-overlay);border:1px solid var(--color-border-default);color:var(--color-text-muted)}.onboarding-progress-line{background:var(--color-border-subtle);height:2px;transition:background var(--duration-base) var(--ease-out);flex:1}.onboarding-progress-line.completed{background:var(--color-accent)}.onboarding-progress-labels{justify-content:space-between;padding:0 4px;display:flex}.onboarding-progress-label{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;flex:1;font-size:10px;line-height:1.3}.onboarding-progress-label.active{color:var(--color-accent);font-weight:500}@media (max-width:640px){.onboarding-steps-desktop{display:none!important}.onboarding-progress-mobile{display:block}.onboarding-layout-body{padding:0!important}.onboarding-card{min-height:calc(100vh - 110px);box-shadow:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;padding:20px 16px!important}.ant-form-item{margin-bottom:14px!important}.step-pill-desktop{display:none!important}.onboarding-step-heading{margin-bottom:4px!important;font-size:22px!important}.onboarding-step-subheading{margin-bottom:20px!important;font-size:13px!important}.onboarding-step-header{margin-bottom:20px!important}.onboarding-logo-upload{flex-direction:row!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important}.onboarding-logo-preview{border-radius:8px!important;width:48px!important;height:48px!important}.onboarding-two-col{grid-template-columns:1fr!important;gap:0!important}.onboarding-cta-row{background:var(--color-bg-surface)!important;border-top:1px solid var(--color-border-subtle)!important;margin:16px -16px -20px!important;padding:12px 16px!important;position:sticky!important;bottom:0!important}.template-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.template-thumbnail{height:100px!important}.slug-prefix,.slug-suffix{padding:0 8px!important;font-size:11px!important}.slug-input{font-size:13px!important}}@media (max-width:380px){.onboarding-two-col,.template-grid-mobile{grid-template-columns:1fr!important}}@media (max-width:640px){.done-card{padding:40px 20px!important}.done-cta-row{flex-direction:column!important;width:100%!important}.done-cta-row .ant-btn{width:100%!important}}@media (max-width:768px){.kbd-hint{display:none!important}.dashboard-header-actions{width:100%}.dashboard-header-actions .ant-btn{flex:1}}.shipment-form-section{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);margin-bottom:16px;overflow:hidden}.shipment-form-section:focus-within{border-color:var(--color-border-default)}.shipment-form-section-header{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);align-items:center;gap:10px;padding:14px 20px;display:flex}.shipment-form-section-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.shipment-form-section-title{font-family:var(--font-display);color:var(--color-text-primary);font-size:14px;font-weight:600}.shipment-form-section-subtitle{font-family:var(--font-body);color:var(--color-text-muted);margin-left:auto;font-size:12px}.shipment-form-section-body{padding:20px}.field-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-grid-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.shipment-summary-panel{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);position:sticky;top:80px;overflow:hidden}.shipment-summary-header{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);font-family:var(--font-display);color:var(--color-text-primary);padding:14px 20px;font-size:14px;font-weight:600}.shipment-summary-body{flex-direction:column;gap:16px;padding:20px;display:flex}.summary-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.summary-label{font-family:var(--font-body);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:12px;font-weight:500}.summary-value{font-family:var(--font-body);color:var(--color-text-primary);text-align:right;word-break:break-word;font-size:13px}.summary-value.mono{font-family:var(--font-mono);font-size:12px}.summary-divider{background:var(--color-border-subtle);height:1px}.summary-route{font-family:var(--font-mono);color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.summary-route-arrow{color:var(--color-text-muted);font-size:16px}.country-select .ant-select-selector{height:40px!important}.country-option{font-family:var(--font-body);align-items:center;gap:8px;font-size:13px;display:flex}.country-flag{text-align:center;width:20px;font-size:16px}.currency-input-group{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);background:var(--color-bg-surface);display:flex;overflow:hidden}.currency-input-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.currency-prefix{background:var(--color-bg-elevated);border-right:1px solid var(--color-border-subtle);height:40px;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;padding:0 12px;font-size:12px;display:flex}.currency-input{flex:1;height:40px;box-shadow:none!important;font-family:var(--font-mono)!important;background:0 0!important;border:none!important;border-radius:0!important;font-size:14px!important}.optional-section-toggle{cursor:pointer;font-family:var(--font-body);color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);text-align:left;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.optional-section-toggle:hover{border-color:var(--color-border-default);color:var(--color-text-primary);background:var(--color-bg-overlay)}.shipment-submit-area{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.credit-cost-badge{background:var(--color-accent-dim);border-radius:var(--radius-sm);border:1px solid #2563eb33;align-items:center;gap:8px;padding:8px 14px;display:flex}@media (max-width:768px){.shipment-form-layout{flex-direction:column!important}.shipment-summary-panel{order:-1;position:static!important}.field-grid-2{grid-template-columns:1fr!important}.field-grid-3{grid-template-columns:1fr 1fr!important}.shipment-submit-area{flex-direction:column!important;align-items:stretch!important}.shipment-form-section-body{padding:16px!important}}@media (max-width:480px){.field-grid-3{grid-template-columns:1fr!important}}.shipments-filter-bar{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.shipments-search .ant-input-affix-wrapper{background:var(--color-bg-elevated)!important;border-color:var(--color-border-subtle)!important;width:260px!important;height:36px!important;transition:all var(--duration-fast) var(--ease-out)!important;border-radius:20px!important}.shipments-search .ant-input-affix-wrapper:focus-within{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-dim)!important;background:var(--color-bg-surface)!important;width:300px!important}.shipments-search .ant-input{background:0 0!important;font-size:13px!important}.shipments-filter-select .ant-select-selector{background:var(--color-bg-elevated)!important;border-color:var(--color-border-subtle)!important;border-radius:8px!important;height:36px!important}.shipments-filter-select.ant-select-open .ant-select-selector,.shipments-filter-select.has-value .ant-select-selector{border-color:var(--color-accent)!important;background:var(--color-accent-dim)!important}.shipments-date-picker.ant-picker{background:var(--color-bg-elevated)!important;border-color:var(--color-border-subtle)!important;border-radius:8px!important;height:36px!important;font-size:13px!important}.shipments-date-picker.ant-picker-focused{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-dim)!important}.filter-clear-btn{background:var(--color-accent-dim);font-family:var(--font-body);color:var(--color-accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #2563eb33;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.filter-clear-btn:hover{background:#2563eb26}.shipments-stat-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-pill{font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.stat-pill:hover{opacity:.8;transform:translateY(-1px)}.stat-pill.all{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-secondary)}.stat-pill.all.active{background:var(--color-bg-overlay);border-color:var(--color-border-strong);color:var(--color-text-primary)}.stat-pill.in-transit{color:var(--color-accent);background:#2563eb14;border-color:#2563eb33}.stat-pill.in-transit.active{background:var(--color-accent-dim);border-color:var(--color-accent)}.stat-pill.delivered{color:var(--color-success);background:#05966914;border-color:#05966933}.stat-pill.delivered.active{background:var(--color-success-dim);border-color:var(--color-success)}.stat-pill.on-hold{color:var(--color-danger);background:#dc262614;border-color:#dc262633}.stat-pill.on-hold.active{background:var(--color-danger-dim);border-color:var(--color-danger)}.shipments-table .ant-table-tbody>tr{cursor:pointer}.shipments-table .ant-table-tbody>tr:hover>td{background:var(--color-bg-elevated)!important}.tracking-id-cell{flex-direction:column;gap:2px;display:flex}.tracking-id-value{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.02em;font-size:12px;font-weight:600}.tracking-id-date{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.route-cell{font-family:var(--font-mono);color:var(--color-text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.route-arrow{color:var(--color-text-muted);font-size:14px}.receiver-cell{flex-direction:column;gap:2px;display:flex}.receiver-name{font-family:var(--font-body);color:var(--color-text-primary);font-size:13px;font-weight:500}.receiver-email{font-family:var(--font-mono);color:var(--color-text-muted);font-size:11px}.update-count-cell{align-items:center;gap:6px;display:flex}.update-count-bar{background:var(--color-bg-overlay);border-radius:2px;width:48px;height:4px;overflow:hidden}.update-count-fill{background:var(--color-accent);height:100%;transition:width .4s var(--ease-out);border-radius:2px}@media (max-width:768px){.shipments-table-desktop{display:none!important}.shipments-cards-mobile{display:flex!important}.shipments-filter-bar{padding:12px 14px!important}.shipments-search .ant-input-affix-wrapper{width:100%!important}.shipments-filter-bar>*{flex:1;min-width:0}}@media (min-width:769px){.shipments-cards-mobile{display:none!important}}.shipment-mobile-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:14px 16px;text-decoration:none;display:block}.shipment-mobile-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.filtered-empty{text-align:center;padding:56px 24px}.shipments-pagination{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-tab-bar{border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:0;margin-bottom:28px;display:flex;overflow-x:auto}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.settings-tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.settings-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}.settings-card-header{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);padding:14px 20px}.settings-card-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.settings-card-subtitle{font-family:var(--font-body);color:var(--color-text-muted);font-size:12px}.settings-card-body{padding:20px}.template-option-card{border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.template-option-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.template-option-card.selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.template-check{background:var(--color-accent);opacity:0;width:22px;height:22px;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;transform:scale(.6)}.template-option-card.selected .template-check{opacity:1;transform:scale(1)}.support-option{border:2px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:var(--color-bg-surface);align-items:center;gap:14px;padding:14px 16px;display:flex}.support-option:hover{border-color:var(--color-border-default)}.support-option.selected{border-color:var(--color-accent);background:var(--color-accent-dim)}.domain-display{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-accent);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.color-picker-row{align-items:center;gap:12px;display:flex}.color-swatch{border:2px solid var(--color-border-default);cursor:pointer;width:36px;height:36px;transition:border-color var(--duration-fast) ease;border-radius:8px;flex-shrink:0}.color-swatch:hover{border-color:var(--color-border-strong)}.settings-save-bar{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:12px;margin:0 -20px -20px;padding:14px 20px;display:flex;position:sticky;bottom:0}@media (max-width:768px){.settings-tab{padding:10px 14px;font-size:13px}.settings-card-body{padding:16px}}