*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080e1a;--bg2: #0f1829;--bg3: #162033;--bg4: #1c2940;--border: #1e2d45;--border2: #263552;--text: #e2ecfc;--text2: #7a8fa6;--text3: #3e5470;--accent: #00d4aa;--accent-h: #00b894;--accent-glow: rgba(0, 212, 170, .22);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #818cf8;--purple: #c084fc;--grad-teal: linear-gradient(135deg, #00d4aa, #00b8d9);--grad-blue: linear-gradient(135deg, #6366f1, #3b82f6);--grad-green: linear-gradient(135deg, #22c55e, #16a34a);--grad-amber: linear-gradient(135deg, #f59e0b, #ea580c);--grad-purple: linear-gradient(135deg, #a855f7, #6366f1);--grad-sidebar:linear-gradient(180deg, #0f1829 0%, #0a1220 100%);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;min-width:252px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-teal);opacity:.8}.sidebar--collapsed{width:0;min-width:0}.sidebar-header{padding:22px 18px 18px;border-bottom:1px solid var(--border)}.logo{font-size:20px;font-weight:800;color:var(--accent);white-space:nowrap;letter-spacing:-.5px}.logo-sub{font-size:11px;color:var(--text3);margin-top:2px;white-space:nowrap}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-section{padding:14px 12px 5px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text3);white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--text2);text-decoration:none;transition:all .15s ease;white-space:nowrap;font-size:13.5px;font-weight:500;margin-bottom:1px;border-radius:8px}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item--active{background:#00d4aa1a;color:var(--accent);font-weight:600}.nav-item--active .nav-icon{color:var(--accent)}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:14px;border-top:1px solid var(--border)}.pay-link-box{background:#00d4aa0d;border:1px solid rgba(0,212,170,.18);border-radius:10px;padding:12px}.pay-link-label{font-size:10px;font-weight:700;color:var(--text3);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.pay-link-url{font-size:11px;color:var(--accent);word-break:break-all;margin-bottom:8px;line-height:1.4}.pay-link-actions{display:flex;gap:6px}.main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:58px;min-height:58px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:14px}.hamburger{background:none;border:none;color:var(--text2);font-size:18px;cursor:pointer;padding:6px;border-radius:6px;transition:all .15s;display:flex;align-items:center}.hamburger:hover{background:var(--bg3);color:var(--text)}.topbar-title{font-weight:700;color:var(--text);font-size:14px;flex:1;letter-spacing:-.2px}.topbar-brand{color:var(--accent);font-size:15px;font-weight:800;letter-spacing:-.5px}.topbar-user{display:flex;align-items:center;gap:10px}.user-name{color:var(--text2);font-size:13px;font-weight:500}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#000;flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:livePulse 2.2s infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 5px #22c55e00}}.content{flex:1;overflow-y:auto;padding:26px 28px;background:var(--bg)}.page{max-width:1440px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px;gap:12px}.page-header h2{font-size:23px;font-weight:800;color:var(--text);letter-spacing:-.6px}.page-header-sub{font-size:13px;color:var(--text2);margin-top:3px}.page-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-card--teal:before{background:var(--grad-teal)}.kpi-card--blue:before{background:var(--grad-blue)}.kpi-card--green:before{background:var(--grad-green)}.kpi-card--amber:before{background:var(--grad-amber)}.kpi-card--purple:before{background:var(--grad-purple)}.kpi-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.kpi-card__label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.7px}.kpi-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.kpi-icon--teal{background:#00d4aa1f}.kpi-icon--blue{background:#6366f11f}.kpi-icon--green{background:#22c55e1f}.kpi-icon--amber{background:#f59e0b1f}.kpi-icon--purple{background:#a855f71f}.kpi-card__value{font-size:30px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;line-height:1}.kpi-value--teal{color:var(--accent)}.kpi-value--blue{color:var(--info)}.kpi-value--green{color:var(--success)}.kpi-value--amber{color:var(--warning)}.kpi-value--purple{color:var(--purple)}.kpi-card__footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px}.kpi-trend--up{background:#22c55e1f;color:var(--success)}.kpi-trend--down{background:#ef44441f;color:var(--danger)}.kpi-trend--flat{background:#7a8fa61a;color:var(--text2)}.kpi-card__sub{font-size:12px;color:var(--text2)}.analytics-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;margin-bottom:18px}.analytics-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:18px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-weight:700;font-size:15px;color:var(--text)}.card-title{font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.2px}.card-subtitle{font-size:12px;color:var(--text2);margin-top:2px}.card-badge{font-size:11px;padding:3px 9px;border-radius:20px;background:#00d4aa1a;color:var(--accent);font-weight:600;border:1px solid rgba(0,212,170,.2)}.card-wide{flex:2}.card-actions{display:flex;gap:8px;margin-top:12px}.card-sub{font-size:12px;color:var(--text2);margin-top:8px}.cards-row{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.cards-row .card{flex:1;min-width:280px;margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:15px;margin-bottom:22px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px}.stat-label{font-size:11px;font-weight:700;color:var(--text2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.stat-value{font-size:26px;font-weight:800}.stat-sub{font-size:12px;color:var(--text2);margin-top:4px}.stat-green{color:var(--success)}.stat-yellow{color:var(--warning)}.stat-red{color:var(--danger)}.chart-legend{display:flex;align-items:center;gap:16px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.balance-total{font-size:34px;font-weight:800;color:var(--accent);letter-spacing:-1.5px;margin-bottom:4px}.balance-total-label{font-size:12px;color:var(--text2);margin-bottom:18px}.balance-bar{height:7px;background:var(--bg3);border-radius:4px;overflow:hidden;margin-bottom:18px;display:flex}.balance-bar__segment{height:100%;transition:width .6s ease}.balance-breakdown{display:flex;flex-direction:column;gap:11px}.balance-item{display:flex;align-items:center;gap:12px}.balance-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.balance-item__label{font-size:13px;color:var(--text2);flex:1}.balance-item__value{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.recent-tx-list{display:flex;flex-direction:column}.recent-tx-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(30,45,69,.6)}.recent-tx-item:last-child{border-bottom:none}.recent-tx__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--bg3)}.recent-tx__info{flex:1;min-width:0}.recent-tx__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-tx__sub{font-size:11px;color:var(--text2);margin-top:1px;font-family:monospace}.recent-tx__amount{font-size:14px;font-weight:700;text-align:right;flex-shrink:0}.recent-tx__time{font-size:11px;color:var(--text3);text-align:right;margin-top:2px}.method-grid{display:flex;flex-direction:column;gap:12px}.method-bar-item{display:flex;flex-direction:column;gap:5px}.method-bar-header{display:flex;justify-content:space-between;align-items:center}.method-bar-label{font-size:12px;font-weight:600;color:var(--text2)}.method-bar-count{font-size:12px;font-weight:700;color:var(--text)}.method-bar-track{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.method-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.quick-action-btn{display:flex;align-items:center;gap:10px;padding:13px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-decoration:none;transition:all .15s;color:var(--text)}.quick-action-btn:hover{border-color:var(--accent);background:#00d4aa0f}.quick-action-btn__icon{font-size:18px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg4);flex-shrink:0}.quick-action-btn__text{font-size:12px;font-weight:700;color:var(--text)}.quick-action-btn__sub{font-size:11px;color:var(--text2);margin-top:1px}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px}.no-data__icon{font-size:40px;margin-bottom:12px;opacity:.35}.no-data__text{font-size:14px;font-weight:600;color:var(--text2)}.no-data__sub{font-size:12px;color:var(--text3);margin-top:4px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border)}.data-table td{padding:11px 14px;border-bottom:1px solid rgba(30,45,69,.5);font-size:13px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.empty-row{text-align:center;color:var(--text2);padding:40px!important}.actions-cell{display:flex;gap:6px;align-items:center}.small-code{font-size:11px;color:var(--text2);font-family:JetBrains Mono,Fira Code,monospace}.state-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;background:#7a8fa61a}.state-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.form-grid{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 13px;font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa1a}.form-group select option{background:var(--bg3)}.form-hint{font-size:11px;color:var(--text2);margin-top:4px;line-height:1.5}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-right:44px}.toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--text2)}.btn-primary{background:var(--accent);color:#000;font-weight:700;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.2px}.btn-primary:hover{background:var(--accent-h);box-shadow:0 4px 14px #00d4aa59;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 16px;cursor:pointer;font-size:13px;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-outline:hover{border-color:var(--border2);background:var(--bg3)}.btn-ghost{background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;transition:all .15s}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-sm{padding:6px 13px;font-size:12px;border-radius:6px}.btn-xs{padding:4px 9px;font-size:11px;border-radius:5px;cursor:pointer;font-weight:600;border:1px solid var(--border);background:var(--bg3);color:var(--text2);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.btn-xs:hover{color:var(--text);border-color:var(--border2);background:var(--bg4)}.btn-danger{color:var(--danger)!important;border-color:#ef444459!important}.btn-danger:hover{background:#ef44441a!important}.btn-full{width:100%}.alert{padding:11px 15px;border-radius:8px;margin-bottom:18px;font-size:13px;display:flex;align-items:flex-start;gap:8px;line-height:1.5}.alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.28);color:var(--warning)}.alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.28);color:var(--danger)}.alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.28);color:var(--success)}.alert-info{background:#818cf814;border:1px solid rgba(129,140,248,.28);color:var(--info)}.alert a{color:inherit;font-weight:700;text-decoration:underline}.role-badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.role-admin{background:#818cf824;color:var(--info)}.role-superadmin{background:#00d4aa24;color:var(--accent)}.config-display{display:flex;flex-direction:column;gap:8px}.config-row{display:flex;align-items:center;gap:12px;font-size:13px;padding:9px 12px;background:var(--bg3);border-radius:8px;border:1px solid var(--border)}.config-row span{color:var(--text2);min-width:100px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.config-row code{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}.text-green{color:var(--success)!important}.pay-link-display{font-size:12px;color:var(--accent);word-break:break-all;padding:10px 13px;background:#00d4aa0a;border:1px solid rgba(0,212,170,.18);border-radius:8px;font-family:monospace}.divider{height:1px;background:var(--border);margin:16px 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(ellipse at 20% 20%,rgba(0,212,170,.07) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(99,102,241,.07) 0%,transparent 50%);padding:20px}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:44px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-teal)}.login-logo{font-size:46px;display:block;text-align:center;margin-bottom:8px}.login-title{font-size:28px;font-weight:800;text-align:center;color:var(--accent);letter-spacing:-1px;margin-bottom:4px}.login-subtitle{text-align:center;color:var(--text2);margin-bottom:32px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:18px}.error-msg{background:#ef444417;border:1px solid rgba(239,68,68,.28);color:var(--danger);padding:10px 14px;border-radius:8px;font-size:13px}.payment-page{min-height:100vh;background:var(--bg);background-image:radial-gradient(ellipse at top,rgba(0,212,170,.07) 0%,transparent 55%);display:flex;align-items:center;justify-content:center;padding:20px}.payment-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;overflow:hidden;box-shadow:var(--shadow-lg)}.payment-header{background:var(--bg3);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.payment-logo{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.5px}.payment-secure{font-size:12px;color:var(--success);font-weight:600}.payment-title{text-align:center;font-size:18px;font-weight:700;padding:18px 24px 4px;letter-spacing:.5px}.payment-subtitle{text-align:center;color:var(--text2);font-size:13px;padding-bottom:16px}.step-indicator{display:flex;justify-content:center;padding:0 24px 18px;border-bottom:1px solid var(--border)}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:14px;left:60%;width:80%;height:2px;background:var(--border)}.step--done:not(:last-child):after{background:var(--accent)}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--bg3);color:var(--text2);z-index:1;border:2px solid var(--border)}.step--active .step-num{background:var(--accent);color:#000;border-color:var(--accent)}.step--done .step-num{background:var(--success);color:#fff;border-color:var(--success)}.step-label{font-size:11px;color:var(--text2);margin-top:5px;font-weight:500}.step--active .step-label{color:var(--accent);font-weight:600}.step-content{padding:20px 24px}.step-heading{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--text3);margin-bottom:16px;text-align:center;text-transform:uppercase}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.amount-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 4px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.amount-btn:hover{border-color:var(--accent);color:var(--accent);background:#00d4aa0d}.amount-btn--selected{background:#00d4aa1f;border-color:var(--accent);color:var(--accent)}.custom-amount input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.custom-amount input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa1a}.btn-continue{margin-top:10px;font-size:15px;padding:13px;border-radius:10px}.pay-error{color:var(--danger);font-size:12px;margin-top:8px;text-align:center}.method-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.method-item{display:flex;align-items:center;gap:14px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .15s}.method-item--selected{border-color:var(--accent);background:#00d4aa12}.method-icon{font-size:26px}.method-name{font-weight:700;font-size:14px}.method-desc{font-size:12px;color:var(--text2)}.method-check{margin-left:auto;color:var(--accent);font-size:20px;font-weight:700}.step-nav{display:flex;gap:10px;margin-top:16px}.step-nav .btn-outline{flex:1}.step-nav .btn-primary{flex:2}.confirm-summary{background:var(--bg3);border-radius:10px;padding:16px;margin-bottom:16px}.confirm-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid rgba(30,45,69,.5)}.confirm-row:last-child{border-bottom:none}.confirm-value{font-weight:700;color:var(--accent)}.payment-footer{text-align:center;font-size:11px;color:var(--text3);padding:14px 24px;border-top:1px solid var(--border)}.payment-result-card{text-align:center;padding:44px 24px}.result-icon{font-size:68px;margin:20px 0;display:block}.result-title{font-size:26px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.result-amount{font-size:42px;font-weight:800;color:var(--success);margin-bottom:8px;letter-spacing:-2px}.result-order{font-size:13px;color:var(--text2);margin-bottom:8px}.result-msg{color:var(--text2);margin-bottom:28px;font-size:14px;line-height:1.6}.result-success .result-icon{filter:drop-shadow(0 0 20px rgba(34,197,94,.45))}.result-failed .result-icon{filter:drop-shadow(0 0 20px rgba(239,68,68,.45))}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.sidebar{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.analytics-grid-3{grid-template-columns:1fr}.cards-row{flex-direction:column}.amount-grid{grid-template-columns:repeat(3,1fr)}.content{padding:16px}.quick-actions{grid-template-columns:1fr}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.fee-preview{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.fee-preview__row{display:flex;justify-content:space-between;font-size:13px;color:var(--text2)}.fee-preview__row--fee{border-top:1px solid var(--border);padding-top:6px}.fee-preview__row--net{border-top:1px solid var(--border);padding-top:6px;font-size:14px}.label-hint{font-size:11px;color:var(--text3);font-weight:400}