:root{--bg:#f7f8fa;--surface:#fff;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--accent:#f5a623;--accent-dark:#d9901a;--accent-soft:#fef3e2;--success:#16a34a;--success-soft:#dcfce7;--warning:#f5a623;--warning-soft:#fef3e2;--info:#3b82f6;--info-soft:#dbeafe;--danger:#ef4444;--danger-soft:#fee2e2;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0000000f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:240px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-logo{padding:6px 10px 18px;font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.side-section{color:var(--text-muted);letter-spacing:.04em;margin:14px 10px 4px;font-size:11px;font-weight:600}.side-item{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.side-item:hover{background:var(--bg)}.side-item.active{background:var(--accent-soft);color:var(--accent-dark)}.side-icon{font-size:16px}.sidebar-tip{background:var(--accent-soft);border-radius:var(--radius);color:var(--accent-dark);padding:14px;font-size:12px}.sidebar-tip p{color:var(--text-muted);margin:6px 0 0}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.topbar-status{color:var(--text-muted);align-items:center;font-size:13px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-icon{font-size:16px;position:relative}.notif-badge{background:var(--danger);color:#fff;border-radius:20px;padding:1px 5px;font-size:10px;position:absolute;top:-6px;right:-10px}.topbar-user{font-size:14px;font-weight:600}.content{flex:1;padding:28px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:20;padding:10px 0 16px;display:none;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;display:flex}.nav-item.active{color:var(--accent-dark)}.nav-icon{font-size:20px}.nav-icon svg{width:20px;height:20px;margin:0 auto;display:block}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:15;justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:700;display:none;position:sticky;top:0}.mobile-topbar-icon{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:relative}.mobile-sidebar-backdrop{display:none}@media (width<=1023px){.mobile-topbar{display:flex}.sidebar.mobile-open{z-index:50;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026;display:flex!important}.mobile-sidebar-backdrop.open{z-index:40;background:#0006;display:block;position:fixed;inset:0}.sidebar,.topbar{display:none}.content{padding:16px 16px 90px}.bottom-nav{display:flex}}@media (width>=1024px){.bottom-nav{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:18px}.grid-2{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=1023px){.grid-2{grid-template-columns:1fr}}.stats-row{flex-wrap:wrap;gap:24px;display:flex}.stat-block{min-width:110px}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.stat-value{font-size:20px;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 18px;font-size:14px;font-weight:600}.btn-block{width:100%}.btn-primary{background:var(--accent);color:#241a00}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-danger-outline{color:var(--danger);border:1px solid var(--danger);background:0 0}.field{margin-bottom:16px}.field label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}.field input,.field select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:11px 14px;font-size:14px}.field-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--accent-dark)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--bg);color:var(--text-muted)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--text-muted)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 10px;font-weight:600}td{border-bottom:1px solid var(--border);padding:12px 10px}.banner{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #f5d99c;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;font-size:13px;display:flex}.stepper{justify-content:space-between;margin:20px 0;display:flex}.step{text-align:center;flex:1;position:relative}.step:not(:first-child):before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:14px;left:calc(14px - 50%);right:calc(50% + 14px)}.step.done:not(:first-child):before,.step.active:not(:first-child):before{background:linear-gradient(90deg,#ffd166,#f5a623)}.step-circle{background:var(--bg);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 6px;font-size:13px;display:flex;position:relative}.step.active .step-circle{color:#241a00;background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%);border-color:#f5a623;font-weight:700}.step.done .step-circle{color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a);border-color:#16a34a}.step-label{color:var(--text-muted);font-size:11px}.step.active .step-label{color:var(--text);font-weight:700}.step.done .step-label{color:var(--text);font-weight:600}.trade-meta-box{max-width:640px;margin-bottom:16px}.trade-meta-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.trade-meta-label{color:var(--text-muted);font-size:12px}.escrow-info-grid{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding:14px 16px;display:grid}.address-box{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px}.address-box-row{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.address-value{font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}.copy-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.copy-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.error-msg{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.badge-gradient-success{color:#fff;background:linear-gradient(135deg,#4ade80,#16a34a)}.badge-gradient-warning{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706)}.badge-gradient-danger{color:#fff;background:linear-gradient(135deg,#f87171,#dc2626)}.badge-gradient-muted{color:#fff;background:linear-gradient(135deg,#cbd5e1,#64748b)}.btn-gradient{color:#241a00;background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%)}.btn-gradient:hover{background:linear-gradient(135deg,#ffd166 0%,#d9901a 100%)}.avatar-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.stats-grid-3x2{grid-template-columns:repeat(3,1fr);gap:16px 12px;margin-top:20px;display:grid}.stats-grid-3x2 .stat-label{font-size:11px}.stats-grid-3x2 .stat-value{font-size:15px;font-weight:600}.btn-icon-circle{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.trade-row-card{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.trade-row-info{flex:1;min-width:0}.trade-row-label{color:var(--text-muted);font-size:11px}.trade-row-id{margin:2px 0;font-size:14px;font-weight:700}.trade-row-partner{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trade-row-mid{text-align:right;flex-shrink:0}.trade-row-amount{white-space:nowrap;margin-top:6px;font-size:13px;font-weight:700}.trade-row-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;width:auto;padding:8px 14px;font-size:12px;display:inline-flex}.activity-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.activity-row:last-child{border-bottom:none}.activity-title{font-size:13px;font-weight:600}.activity-time{color:var(--text-muted);margin-top:2px;font-size:12px}.ad-row-card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:14px}.ad-row-card:last-child{margin-bottom:0}.ad-row-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ad-row-title{font-size:14px;font-weight:700}.ad-row-network{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:20px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.ad-row-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.ad-row-value{margin-top:2px;font-size:14px;font-weight:600}.ad-row-date{color:var(--text-muted);font-size:12px}@media (width<=420px){.trade-row-card{flex-wrap:wrap}.trade-row-mid{text-align:left;flex:1;order:3}.trade-row-btn{order:2}.stats-grid-3x2{gap:14px 8px}.stat-value{font-size:17px}}.auth-wrapper{max-width:400px;margin:60px auto;padding:0 16px}#app:has(.auth-page){box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.auth-page{flex-direction:column;width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:flex}.auth-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.auth-body{flex:1;grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.auth-body{grid-template-columns:1fr}.auth-left{display:none}}.auth-left{background:var(--bg);padding:24px 60px 60px}.auth-right{justify-content:center;align-items:center;padding:24px;display:flex}.auth-logo{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.auth-topbar-actions{color:var(--text-muted);align-items:center;gap:22px;font-size:14px;display:flex}.auth-topbar-actions svg{vertical-align:-2px}.auth-lang{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.auth-theme-toggle{cursor:pointer;align-items:center;display:inline-flex}.auth-link{color:var(--accent-dark);cursor:pointer;font-weight:600}.auth-badge{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.auth-hero-title{margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.15}.auth-hero-title .accent{color:var(--accent)}.auth-hero-desc{color:var(--text-muted);max-width:440px;margin-bottom:32px;font-size:15px}.feature-row{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.feature-icon{background:#eef1f5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feature-icon-inner{background:#f5a623;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.auth-badge-icon{background:#f5a623;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.feature-title{margin-bottom:2px;font-size:14px;font-weight:700}.feature-desc{color:var(--text-muted);font-size:13px}.auth-illustration{text-align:center;margin:28px 0}.auth-illustration img{width:100%;max-width:320px}.auth-infobox{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #f5d99c;gap:10px;margin-top:8px;padding:14px 16px;font-size:13px;display:flex}.auth-right>div{width:92%;max-width:1000px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);padding:10px 40px 40px}.auth-tabs{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.auth-tab{text-align:center;color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:10px;font-weight:600}.auth-tab.active{color:var(--text);border-color:var(--accent)}.auth-card .btn-primary{background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%)}.auth-card .btn-primary:hover{background:linear-gradient(135deg,#ffd166 0%,#d9901a 100%)}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:38px}.input-icon-wrap input.has-toggle{padding-right:38px}.input-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-checkbox-row{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.auth-checkbox-row input{accent-color:var(--accent);margin-top:3px}.auth-trust-row{color:var(--text-muted);justify-content:center;gap:24px;max-width:440px;margin-top:16px;font-size:12px;display:flex}.auth-trust-row span{align-items:center;gap:6px;display:inline-flex}.breadcrumb{color:var(--text-muted);margin-bottom:4px;font-size:13px}.breadcrumb a{color:var(--text-muted)}.breadcrumb .current{color:var(--text);font-weight:600}.form-section-title{margin:28px 0 16px;font-size:15px;font-weight:700}.form-section-title:first-child{margin-top:0}.order-form-page .field label{color:var(--text);font-weight:600}.network-info-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.filter-preset-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.filter-preset-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.filter-preset-btn:hover{border-color:var(--accent)}.filter-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#241a00}.filter-toggle-btn{align-items:center;display:inline-flex}.filter-count-badge{background:var(--accent);color:#241a00;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:22px;line-height:1}.buyer-card-header{align-items:flex-start;gap:12px;display:flex}.buyer-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex}.buyer-info{flex:1;min-width:0}.buyer-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.buyer-name-row strong{font-size:15px}.buyer-status-text{color:var(--text-muted);font-size:12px}.buyer-stars{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.buyer-trust{text-align:right;flex-shrink:0}.buyer-trust-label{color:var(--text-muted);font-size:11px}.buyer-trust-value{font-size:18px;font-weight:700}.buyer-network-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;margin-top:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}@media (width<=1023px){.hide-mobile{display:none}}.network-cards{gap:10px;display:flex}.network-card{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;flex:1;padding:12px;font-size:13px;font-weight:600}.network-card.active{border-color:var(--accent);color:#241a00;background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%)}.network-icon{margin-bottom:6px;font-size:20px;display:block}.input-suffix-wrap{position:relative}.input-suffix-wrap input{padding-right:60px}.input-suffix{color:var(--text-muted);pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.highlight-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px}.highlight-box .label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.highlight-box .value{font-size:20px;font-weight:700}.radio-group{flex-wrap:wrap;gap:16px;display:flex}.radio-option{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;padding:11px 14px;font-family:inherit;font-size:14px}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row .label{color:var(--text-muted)}.how-it-works-step{gap:14px;margin-bottom:22px;display:flex;position:relative}.how-it-works-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:-22px;left:13px}.step-num{color:#241a00;z-index:1;background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;position:relative}.step-text-title{margin-bottom:2px;font-size:14px;font-weight:700}.step-text-desc{color:var(--text-muted);font-size:12px;line-height:1.45}.no-kyc-card{background:var(--accent-soft);border-color:#f5d99c}.no-kyc-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.no-kyc-icon{color:#d9901a;background:#fff;border:1px solid #f5d99c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.no-kyc-header strong{font-size:15px}.no-kyc-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.collapsible-header{cursor:pointer;border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;font-weight:600;display:flex}.chat-row{margin-bottom:12px;display:flex}.chat-row.mine{justify-content:flex-end}.chat-bubble{background:var(--bg);border-radius:14px;max-width:75%;padding:10px 14px}.chat-row.mine .chat-bubble{background:var(--accent-soft)}.chat-meta{color:var(--text-muted);margin-bottom:4px;font-size:11px}.chat-text{font-size:13px}.chat-link{color:var(--accent-dark);font-size:12px}.auth-mobile-header,.auth-mobile-infobox{display:none}@media (width<=900px){.auth-topbar{display:none}.auth-mobile-header{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 20px 8px;display:flex}.auth-mobile-header h2{margin:4px 0 0;font-size:20px}.auth-mobile-header p{color:var(--text-muted);margin:0;font-size:13px}.auth-mobile-illustration{width:100%;max-width:150px;margin-top:8px}.auth-body{flex:none}.auth-right{align-items:flex-start;padding:12px 16px 32px}.auth-card{width:100%;padding:20px}.auth-trust-row{display:none}.auth-mobile-infobox{border-radius:var(--radius);background:#eafaf0;border:1px solid #bbf0cd;align-items:center;gap:12px;max-width:100%;margin-top:16px;padding:16px;display:flex}.auth-mobile-infobox strong{margin-bottom:4px;font-size:14px;display:block}.auth-mobile-infobox p{color:var(--text-muted);margin:0;font-size:12px}.auth-mobile-infobox-icon{flex-shrink:0;margin-top:2px}.auth-mobile-infobox-text{flex:1;min-width:0}.auth-mobile-infobox-text p{line-height:1.5}.auth-mobile-infobox-badge{flex-shrink:0;width:32px;height:32px}.auth-mobile-infobox-badge svg{width:32px;height:32px}}.history-row-card{border-bottom:1px solid var(--border);color:inherit;padding:14px 16px;text-decoration:none;display:block}.history-row-card:last-child{border-bottom:none}.history-row-card:hover{background:var(--bg-soft,#f8f9fb)}.history-row-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.history-row-id{font-size:14px;font-weight:700}.history-row-mid{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.history-row-role{color:var(--text);font-weight:600}.history-row-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.history-row-grid>div{flex-direction:column;gap:2px;display:flex}.history-row-label{color:var(--text-muted);font-size:11px}.history-row-grid strong{font-size:13px}.history-row-date{color:var(--text-muted);font-size:11px}@media (width<=640px){.history-row-grid{grid-template-columns:repeat(2,1fr)}}.home-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#14171f;--text-muted:#6b7280;--border:#e5e7eb;background:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);font-family:inherit;overflow:hidden visible}#app:has(.home-page){box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.home-page .card{color:#14171f;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.home-page table{color:#14171f!important}.home-page table thead th{color:#6b7280!important;background:0 0!important;border-bottom:1px solid #e5e7eb!important}.home-page table tbody td{border-bottom:1px solid #f0f1f4!important}.home-nav{color:#14171f;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 64px;display:flex;position:sticky;top:0}.home-nav-left{align-items:center;gap:44px;display:flex}.home-logo{white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.home-nav-links{gap:28px;display:flex}.home-nav-links a{color:#4b5563;white-space:nowrap;font-size:14px;font-weight:400;text-decoration:none}.home-nav-actions{color:#4b5563;align-items:center;gap:14px;font-size:13px;display:flex}.btn-home-outline,.btn-home-primary{border-radius:10px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.btn-home-outline{color:#14171f;border:1px solid #d1d5db}.btn-home-primary{color:#1a1a1a;background:#f5a623}.home-hero{color:#14171f;background:linear-gradient(135deg,#fff9ee 0%,#fff 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:56px 64px;display:flex}.home-hero-text{flex:1.3;min-width:340px}.home-hero h1{margin:0 0 14px;font-size:48px;font-weight:700;line-height:1.15}.home-hero h1 .accent{background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.home-calc-card input{color:#14171f;background:0 0;border:none;outline:none;width:100%;font-size:14px}.home-hero-desc{color:#6b7280;max-width:460px;margin-bottom:22px;font-size:14px}.home-feature-badges{flex-wrap:wrap;gap:12px;display:flex}.home-feature-badge{color:#4b5563;white-space:nowrap;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:10px;flex:none;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:grid}.home-feature-icon{width:18px;height:18px}.home-feature-icon svg{display:block}.home-feature-badge>div{text-align:left;flex-direction:column;gap:2px;display:flex}.home-feature-badge strong{color:#14171f;margin:0;font-size:12px;font-weight:600}.home-calc-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex:0 0 360px;padding:20px;box-shadow:0 1px 3px #0000000d}.home-calc-input-row{color:#14171f;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.home-currency-chip{color:#4b5563;white-space:nowrap;background:#eef0f4;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.home-calc-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:16px;display:flex}.home-calc-tab{text-align:center;color:#6b7280;cursor:pointer;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding-bottom:10px;font-size:13px;font-weight:600}.home-calc-tab.active{color:#14171f;border-bottom-color:#2ecc71}.home-calc-card .field{margin-bottom:14px}.home-calc-card label{color:#6b7280;margin-bottom:6px;font-size:11px;display:block}.btn-home-cta{text-align:center;color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#ffd166 0%,#f5a623 100%);border:none;border-radius:8px;width:100%;margin-top:6px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:block}.home-calc-rate{text-align:center;color:#6b7280;margin-top:10px;font-size:11px}.home-hero-illustration{text-align:center;flex:0 0 360px}.home-stats{padding:20px 64px 0}.home-sidebar-stack{flex-direction:column;gap:10px;display:flex}.home-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.home-card-header h3{margin:0;font-size:16px}.home-stats-card{border-radius:16px;padding:20px 24px}.home-stats-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.home-stats-header-icon{background:#4ade801f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.home-stats-header h3{color:var(--text);margin:0 0 2px;font-size:15px}.home-stats-header p{color:var(--text-muted);margin:0;font-size:12px}.home-stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.home-stats-grid .home-stat-block{border-right:1px solid var(--border)}.home-stats-grid .home-stat-block:last-child{border-right:none}.home-stat-block{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;display:flex}.home-stat-icon-lg{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-stat-icon-lg.green{background:#4ade801f}.home-stat-icon-lg.orange{background:#fb923c1f}.home-stat-icon-lg.blue{background:#60a5fa1f}.home-stat-value-lg{font-size:19px;font-weight:700}.home-stat-value-lg.green{color:#16a34a}.home-stat-value-lg.orange{color:#ea7c1f}.home-stat-value-lg.blue{color:#2563eb}.home-stat-label-lg{color:var(--text-muted);margin-top:-3px;font-size:12px}.home-stat-pill{border-radius:20px;align-items:center;gap:4px;margin-top:2px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.home-stat-pill.green{color:#16a34a;background:#4ade801f}.home-stat-pill.orange{color:#ea7c1f;background:#fb923c1f}.home-stat-pill.blue{color:#2563eb;background:#60a5fa1f}.home-content{padding:10px 64px}.home-btn-green{color:#fff!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border:none!important}.home-green-gradient-text{background:linear-gradient(135deg,#4ade80 0%,#16a34a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.home-card-title{border-bottom:1px solid var(--border);margin:0 0 4px;padding-bottom:10px;font-size:16px}.home-info-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.home-info-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-payment-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px;display:grid}.home-payment-item{flex-direction:column;align-items:center;gap:6px;display:flex}.home-payment-icon{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-payment-icon.green{background:linear-gradient(135deg,#4ade80,#16a34a)}.home-payment-icon.blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.home-payment-icon.red{background:linear-gradient(135deg,#f87171,#dc2626)}.home-payment-icon.pink{background:linear-gradient(135deg,#f472b6,#db2777)}.home-payment-icon.gray{background:linear-gradient(135deg,#cbd5e1,#64748b)}.home-payment-item span{color:var(--text-muted);font-size:11px;font-weight:500}.home-payment-list{flex-direction:column;margin-top:4px;display:flex}.home-payment-row{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:12px 0;display:grid}.home-payment-row:last-child{border-bottom:none}.home-payment-row .home-payment-icon{flex-shrink:0}.home-payment-row strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.home-payment-row span{color:var(--text-muted);font-size:12px}.home-banner{color:#92660b;background:#fff7e6;border:1px solid #ffe4a3;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 64px 40px;padding:16px 24px;font-size:13px;display:flex}.home-banner-icon{background:#ffe9b3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.btn-home-banner-cta{color:#1a1a1a;white-space:nowrap;background:#f5a623;border:1px solid #f5a623;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none}.home-view-all-btn{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 16px;font-size:12px;font-weight:600;text-decoration:none}.home-card-header{align-items:flex-start}.home-merchant-avatar{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:6px;display:inline-flex}.home-payment-cell{align-items:center;gap:8px;display:inline-flex}.home-payment-count{color:var(--text-muted);background:#eef0f4;border-radius:10px;padding:2px 7px;font-size:11px}@media (width<=900px){.home-nav{padding:12px 16px}.home-nav-left{gap:12px}.home-logo span{font-size:14px}.home-nav-links,.home-lang-switch{display:none}.home-nav-actions{gap:8px}.btn-home-outline,.btn-home-primary{white-space:nowrap;padding:7px 12px;font-size:12px}.home-hero{flex-direction:column;align-items:stretch;padding:32px 20px}.home-hero-text{text-align:center;flex:none;min-width:0}.home-hero h1{font-size:32px}.home-hero-desc{max-width:none;margin-left:auto;margin-right:auto}.home-hero{gap:20px}.home-feature-badges{flex-direction:column;align-items:stretch}.home-feature-badge{width:100%}.home-calc-card{flex:none;width:100%}.home-hero-illustration{flex:none;order:-1}.home-hero-illustration img{max-width:200px!important}.home-stats{padding:20px 20px 0}.home-stats-card{padding:16px 14px}.home-stats-grid{grid-template-columns:1fr 1fr}.home-stats-grid .home-stat-block{padding:14px 10px;border-right:none!important}.home-stats-grid .home-stat-block:first-child,.home-stats-grid .home-stat-block:nth-child(2){border-bottom:1px solid var(--border)!important}.home-stats-grid .home-stat-block:first-child,.home-stats-grid .home-stat-block:nth-child(3){border-right:1px solid var(--border)!important}.home-content{padding:20px}.home-content.grid-2{grid-template-columns:1fr;gap:16px}.home-content .card table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.home-payment-grid{grid-template-columns:repeat(2,1fr)}.home-banner{margin:0 20px 28px;padding:16px 20px}.btn-home-banner-cta{text-align:center;width:100%}.home-content.grid-2>*,.home-content .card{min-width:0}}