:root{--bg-page:#16181d;--bg-card:#1e2127;--bg-input:#2d3139;--bg-hover:#374151;--bg-hover-light:#3d4450;--border-default:#2d3139;--border-input:#374151;--border-hover:#4b5563;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-disabled:#6b7280;--text-brand:#3b82f6;--text-warning:#fbbf24;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-danger:#ef4444;--color-success:#10b981;--radius-sm:2px;--radius-md:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--font-family:system-ui, -apple-system, sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--transition-fast:.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-page);border-right:1px solid var(--border-default);width:56px;transition:width var(--transition-fast);flex-direction:column;flex-shrink:0;display:flex}.sidebar.collapsed{border-right:none;width:0;overflow:hidden}.sidebar-logo{color:#fff;height:48px;font-weight:var(--font-weight-semibold);letter-spacing:1px;background-color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.sidebar-menu{flex:1}.sidebar-bottom{margin-top:auto}.sidebar-menu,.sidebar-bottom{flex-direction:column;display:flex}.menu-item{cursor:pointer;height:52px;transition:background-color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.menu-item:hover{background-color:#ffffff0a}.menu-item.active,.menu-item.active:hover{background-color:var(--bg-card)}.menu-item.active:before{content:"";background-color:var(--color-primary);border-radius:0 2px 2px 0;width:3px;height:56%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu-icon{color:var(--text-secondary);transition:color var(--transition-fast);margin-bottom:3px;font-size:20px}.menu-item:hover .menu-icon{color:var(--text-primary)}.menu-item.active .menu-icon{color:var(--color-primary)}.avatar-icon{color:#fff;background-color:#60a5fa;border-radius:50%;padding:4px;font-size:18px}.menu-item:hover .avatar-icon{color:#fff}.menu-text{color:var(--text-secondary);transition:color var(--transition-fast);font-size:10px}.menu-item:hover .menu-text,.menu-item.active .menu-text{color:var(--text-primary)}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.top-nav{background-color:var(--bg-card);border-bottom:1px solid var(--border-default);height:48px;padding:0 var(--spacing-2xl);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.nav-left{align-items:center;gap:0;display:flex}.sidebar-toggle{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);margin-right:var(--spacing-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-size:18px;display:flex}.sidebar-toggle:hover{color:var(--text-primary);background-color:var(--bg-input);border-color:var(--border-input)}.nav-tabs{margin-left:var(--spacing-xl);gap:var(--spacing-xs);display:flex}.nav-tab{padding:0 var(--spacing-lg);height:48px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast);align-items:center;display:flex;position:relative}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{color:var(--text-brand)}.nav-tab.active:after{content:"";background-color:var(--color-primary);border-radius:1px 1px 0 0;width:calc(100% - 24px);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-right{align-items:center;gap:var(--spacing-lg);display:flex}.fund-number{color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.prototype-switch{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);align-items:center;height:32px;padding:2px;display:inline-flex}.prototype-switch button{border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;padding:0 12px}.prototype-switch button.active{background:var(--color-primary);color:#fff}.content{padding:var(--spacing-2xl);flex:1;overflow-y:auto}.card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--spacing-sm);display:flex}.title-icon{color:var(--text-secondary)}.form-container{margin-bottom:var(--spacing-xl)}.form-row{margin-bottom:var(--spacing-lg);align-items:center;display:flex}.form-label{text-align:right;width:72px;margin-right:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.form-control{background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);height:38px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex:1;justify-content:space-between;align-items:center;display:flex}.form-control:hover{border-color:var(--border-hover)}.select-placeholder{color:var(--text-disabled)}.select-arrow{color:var(--text-disabled);flex-shrink:0;font-size:14px}.selected-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag{background-color:var(--bg-hover);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;transition:background-color var(--transition-fast);align-items:center;gap:5px;padding:3px 8px;display:flex}.tag:hover{background-color:var(--bg-hover-light)}.tag-close{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;line-height:1}.tag-close:hover{color:var(--text-primary)}.radio-group,.checkbox-group{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.radio-item,.checkbox-item{cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.radio-item input[type=radio],.checkbox-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:15px;height:15px}.radio-text,.checkbox-text{color:var(--text-primary);-webkit-user-select:none;user-select:none}.radio-item:hover .radio-text,.checkbox-item:hover .checkbox-text{color:var(--text-brand)}.select-group{gap:var(--spacing-md);flex:1;display:flex}.rule-link{color:var(--text-brand);font-size:var(--font-size-sm);margin-left:var(--spacing-lg);white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast);text-decoration:none}.rule-link:hover{opacity:.8}.card-actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.btn{height:36px;padding:0 var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);border:none;align-items:center;gap:6px;display:flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-outline{border:1px solid var(--border-input);color:var(--text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--border-hover);background-color:#ffffff08}.btn-sm{height:28px;padding:0 var(--spacing-md);font-size:var(--font-size-xs)}.btn-icon{font-size:14px}.btn-sm .btn-icon{font-size:13px}.quote-actions{align-items:center;gap:8px;display:inline-flex}.card-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-default);display:flex}.tab{padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast);align-items:center;gap:6px;display:flex;position:relative}.tab:hover,.tab.active{color:var(--text-primary)}.tab.active:after{content:"";background-color:var(--color-primary);border-radius:1px 1px 0 0;width:calc(100% - 20px);height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.tab-icon{font-size:15px}.filter-row{margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);display:flex}.filter-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.filter-select{flex:none;width:140px}.more-link{color:var(--text-brand);font-size:var(--font-size-sm);transition:opacity var(--transition-fast);margin-right:auto;text-decoration:none}.more-link:hover{opacity:.8}.inquiry-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.inquiry-item{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.item-header{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-card);align-items:center;gap:var(--spacing-lg);display:flex}.item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.item-scale{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:auto}.inquiry-table{border-collapse:collapse;width:100%}.inquiry-table th{background-color:var(--bg-hover);color:var(--text-secondary);text-align:left;padding:10px var(--spacing-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);white-space:nowrap}.inquiry-table td{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-default);font-size:var(--font-size-sm);color:var(--text-primary);height:44px}.inquiry-table tbody tr{transition:background-color var(--transition-fast)}.inquiry-table tbody tr:hover{background-color:#ffffff05}.text-disabled{color:var(--text-disabled)}.text-warning{color:var(--text-warning)}.item-footer{padding:var(--spacing-sm) var(--spacing-xl);text-align:right;color:var(--text-secondary);font-size:var(--font-size-xs);border-top:1px solid var(--border-default)}.floating-btn{background-color:var(--color-primary);cursor:pointer;color:#fff;width:44px;height:44px;transition:background-color var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 8px #0000004d}.floating-btn:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.mobile-prototype-page{background:#111827;justify-content:center;align-items:center;min-height:100vh;padding:56px 24px 32px;display:flex;position:relative}.mobile-mode-bar{z-index:10;align-items:center;gap:10px;display:flex;position:fixed;top:18px;right:24px}.legacy-reference-toggle{color:#cbd5e1;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b866;border-radius:999px;height:30px;padding:0 12px;font-size:12px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.legacy-reference-toggle.active{color:#fff;background:#3b82f638;border-color:#60a5fa}.mobile-prototype-stage{justify-content:center;align-items:center;gap:24px;width:min(980px,100%);display:flex}.mobile-device{background:#0b0f16;border-radius:36px;width:390px;height:844px;padding:10px;box-shadow:0 28px 80px #00000073}.legacy-app-reference-panel{background:#0f172ab8;border:1px solid #94a3b847;border-radius:24px;flex-direction:column;gap:12px;width:496px;height:844px;padding:12px;display:flex;box-shadow:0 22px 70px #00000047}.legacy-reference-header{justify-content:space-between;align-items:baseline;gap:16px;padding:2px 4px 0;display:flex}.legacy-reference-header span{color:#94a3b8;font-size:13px;font-weight:700}.legacy-reference-header strong{color:#f8fafc;font-size:18px;font-weight:800}.legacy-reference-viewer{flex:1;grid-template-columns:74px minmax(0,1fr);gap:12px;min-height:0;display:grid}.legacy-reference-thumbs{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.legacy-reference-thumb{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #94a3b838;border-radius:12px;gap:6px;width:100%;min-height:104px;padding:6px;transition:border-color .15s,background-color .15s,color .15s;display:grid}.legacy-reference-thumb.active{color:#fff;background:#3b82f62e;border-color:#60a5fa}.legacy-reference-thumb img{object-fit:contain;background:#dbe3ee;border-radius:7px;width:100%;height:68px;display:block}.legacy-reference-thumb span{text-align:center;font-size:12px;font-weight:700}.legacy-reference-preview{background:#ffffff14;border:1px solid #94a3b83d;border-radius:20px;min-width:0;height:100%;min-height:0;margin:0;padding:10px}.legacy-reference-preview img{object-fit:contain;background:#dbe3ee;border-radius:14px;width:100%;height:100%;display:block}.mobile-screen{color:#1f2937;background:#eef3f9;border-radius:28px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.mobile-status-bar{color:#0f172a;background:linear-gradient(#dbeafe 0%,#eef3f9 100%);flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding:0 24px;font-size:14px;font-weight:700;display:flex}.mobile-account-header{background:#eef3f9;flex-shrink:0;grid-template-columns:40px 1fr 32px;align-items:center;gap:12px;height:88px;padding:0 18px;display:grid}.mobile-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mobile-account-title{color:#1f2937;font-size:17px;font-weight:800}.mobile-account-title span{color:#4b5563;font-size:13px;font-weight:600}.mobile-account-subtitle{color:#4b5563;margin-top:4px;font-size:13px;font-weight:700}.mobile-header-icon{color:#1f2937;font-size:24px}.mobile-market-warning{color:#4b5563;background:#0000001f;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:44px;font-size:16px;font-weight:700;display:flex}.mobile-market-warning svg{color:#d97706}.mobile-tabs{background:#f8fafc;flex-shrink:0;align-items:center;gap:32px;height:52px;padding:0 22px;display:flex}.mobile-tabs span{color:#7c8794;font-size:18px;font-weight:800;position:relative}.mobile-tabs span.active{color:#1f2937}.mobile-tabs span.active:after{content:"";background:#3b82f6;border-radius:999px;width:28px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.mobile-content{flex:1;padding:16px 14px 92px;overflow-y:auto}.mobile-section-title{color:#6b7280;margin:0 2px 10px;font-size:15px;font-weight:700}.mobile-quote-card{background:#ffffffc2;border:1px solid #dbe3ee;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 8px 24px #0f172a14}.mobile-quote-card.muted{opacity:.74}.mobile-quote-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mobile-stock-title{color:#1f2937;align-items:center;gap:6px;font-size:17px;font-weight:800;line-height:1.2;display:flex}.mobile-stock-code{color:#6b7280;margin-top:4px;font-size:13px}.mobile-market-badge{color:#dc2626;background:#fef2f2;border:1px solid #ef444433;border-radius:4px;padding:1px 5px 2px;font-size:12px;font-weight:700;line-height:1.2}.mobile-order-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:58px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #3b82f63d}.mobile-order-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.mobile-match-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:9px;justify-content:center;align-items:center;min-width:56px;height:32px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #2563eb1a}.mobile-contract-focus{gap:8px;margin-top:12px;display:flex}.mobile-contract-focus span{color:#2563eb;background:#eff6ff;border:1px solid #3b82f647;border-radius:8px;justify-content:center;align-items:center;min-width:86px;height:32px;font-size:15px;font-weight:800;display:inline-flex}.mobile-quote-grid{grid-template-columns:1fr 1.1fr;gap:10px 14px;margin-top:12px;display:grid}.mobile-quote-grid div{gap:3px;display:grid}.mobile-quote-grid span{color:#8b95a1;font-size:12px}.mobile-quote-grid strong{color:#374151;font-size:14px}.mobile-quote-grid .blue{color:#3b82f6;font-size:20px}.mobile-rule-strip{color:#8b95a1;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.mobile-rule-emphasis{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-weight:800;display:inline-flex}.mobile-progress{color:#d97706;font-size:13px}.mobile-announcement{color:#4b5563;background:#e2e8f0eb;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;display:flex;position:absolute;bottom:64px;left:0;right:0}.mobile-bottom-nav{background:#f8fafcf5;border-top:1px solid #dbe3ee;grid-template-columns:repeat(3,1fr);align-items:center;height:64px;display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-nav span{color:#4b5563;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.mobile-bottom-nav svg{font-size:22px}.mobile-bottom-nav span.active{color:#3b82f6}@media (width<=980px){.mobile-prototype-page{align-items:flex-start;overflow-y:auto}.mobile-prototype-stage{flex-direction:column}.legacy-app-reference-panel{width:min(390px,100%);height:auto}.legacy-reference-viewer{grid-template-columns:1fr}.legacy-reference-thumbs{flex-direction:row;overflow:auto hidden}.legacy-reference-thumb{width:92px;min-width:92px}.legacy-reference-preview{height:844px}}.om-overlay{z-index:1200;background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.om-modal{width:min(920px,100vw - 48px);max-height:calc(100vh - 48px);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.om-match-modal{width:min(980px,100vw - 48px)}.om-header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.om-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.om-subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.om-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.om-close:hover{color:var(--text-primary);background:var(--bg-input)}.om-body{flex:1;padding:20px 24px 24px;overflow-y:auto}.om-order-summary{border:1px solid var(--border-input);background:#252a31;border-radius:8px;grid-template-columns:minmax(320px,1.1fr) 160px 160px;align-items:start;gap:16px;padding:16px;display:grid}.om-instrument-meta{color:var(--text-secondary);align-items:baseline;gap:8px;margin-top:6px;font-size:13px;display:flex}.om-instrument-sep{background:#4f5d6d;border-radius:50%;flex-shrink:0;align-self:center;width:3px;height:3px;display:inline-block}.om-instrument-field{align-items:baseline;gap:4px;display:inline-flex}.om-instrument-field em{color:var(--text-disabled);font-size:12px;font-style:normal}.om-instrument-field strong{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.om-instrument-name{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.om-instrument-code{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.om-summary-metric{flex-direction:column;gap:6px;display:flex}.om-summary-label{color:var(--text-secondary);font-size:12px}.om-summary-number{color:var(--text-primary);font-size:15px;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.om-summary-metric.primary .om-summary-number{color:var(--color-primary);font-size:26px;line-height:1}.om-summary-groups{border-top:1px solid var(--border-default);grid-column:1/-1;padding-top:12px;display:flex}.om-summary-group{min-width:0}.om-summary-group-label{color:var(--text-disabled);margin-bottom:8px;font-size:12px;display:block}.om-summary-tags{flex-wrap:wrap;gap:8px;display:flex}.om-summary-tags span{border-radius:var(--radius-sm);color:#93c5fd;font-size:12px;font-weight:var(--font-weight-medium);background:#3b82f626;border:1px solid #3b82f640;padding:5px 10px}.om-tag-warn{color:#fbbf24!important;font-weight:var(--font-weight-semibold)!important;background:#fbbf242e!important;border-color:#fbbf2459!important}.om-content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px;margin-top:16px;display:grid}.om-match-grid{grid-template-columns:minmax(0,1fr) 300px}.om-panel{border:1px solid var(--border-input);background:#20242b;border-radius:8px;padding:16px}.om-cost-panel{flex-direction:column;min-height:100%;display:flex}.om-section-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:14px}.om-field{align-items:center;gap:12px;display:flex}.om-field+.om-field,.om-inline-market+.om-field,.om-field+.om-inline-market{margin-top:14px}.om-field.compact{align-items:flex-start}.om-label{width:104px;color:var(--text-secondary);flex-shrink:0;font-size:13px}.om-field-body{align-items:center;gap:8px;min-width:0;display:flex}.om-unit,.om-field-hint{color:var(--text-secondary);font-size:13px}.om-stepper{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);align-items:center;width:180px;height:36px;display:flex;overflow:hidden}.om-stepper-btn{width:36px;height:100%;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.om-stepper-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.om-stepper-btn:disabled{color:var(--text-disabled);cursor:not-allowed;background:0 0}.om-stepper-btn:disabled:hover{color:var(--text-disabled);background:0 0}.om-stepper-input{border-left:1px solid var(--border-input);border-right:1px solid var(--border-input);height:100%;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border-top:none;border-bottom:none;border-radius:0;outline:none;flex:1;font-size:14px}.om-stepper-input:focus{background:#3b82f614}.om-segmented{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);display:flex;overflow:hidden}.om-segmented.wrap{flex-wrap:wrap}.om-segmented-btn{border:none;border-right:1px solid var(--border-input);height:36px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;padding:0 14px;font-size:13px}.om-segmented-btn:last-child{border-right:none}.om-segmented-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.om-segmented-btn.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.om-inline-market{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff08;align-items:baseline;gap:8px;margin-top:12px;margin-left:116px;padding:8px 10px;font-size:13px;display:inline-flex}.om-inline-market strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px}.om-input{width:150px;height:36px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast);outline:none;padding:0 10px;font-size:13px}.om-input::-webkit-outer-spin-button{appearance:none;margin:0}.om-input::-webkit-inner-spin-button{appearance:none;margin:0}.om-input:focus{border-color:var(--color-primary)}.om-input.error{border-color:var(--color-danger);background:#ef444414}.om-input::placeholder{color:var(--text-disabled)}.om-field-message{margin-top:8px;margin-left:116px;font-size:12px}.om-field-message.error{color:var(--color-danger)}.om-limit-row{flex-wrap:wrap}.om-twap-section{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);gap:12px;margin-top:14px;padding:12px;display:grid}.om-twap-section .om-label{width:76px}.om-twap-section .om-field-body{flex:1}.om-twap-section .om-segmented.wrap{align-items:stretch}.om-twap-section .om-segmented.wrap .om-segmented-btn{flex:none}.om-duration-grid{grid-template-columns:repeat(5,56px);gap:8px;display:grid}.om-duration-btn{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-card);height:32px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);font-size:13px}.om-duration-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-hover)}.om-duration-btn.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.om-duration-btn:nth-last-child(-n+2){grid-column:span 2}.om-duration-grid.compact{grid-template-columns:repeat(5,56px)}.om-duration-grid.compact .om-duration-btn:nth-last-child(-n+2){grid-column:span 2}.om-time-row{flex-wrap:wrap}.om-time-input-wrap{align-items:center;display:flex;position:relative}.om-time-input{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-card);width:128px;height:36px;color:var(--text-primary);font-variant-numeric:tabular-nums;transition:border-color var(--transition-fast);outline:none;padding:0 32px 0 10px;font-size:13px}.om-time-input:focus{border-color:var(--color-primary)}.om-time-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:32px;height:100%;position:absolute;right:0}.om-time-icon{color:var(--text-disabled);pointer-events:none;font-size:14px;position:absolute;right:10px}.om-time-sep{color:var(--text-disabled);font-size:16px}.om-twap-footer{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;padding-left:88px;font-size:12px;display:flex}.om-twap-footer-divider,.om-twap-disclaimer{color:var(--text-disabled)}.om-cost-card{background:#3b82f614;border:1px solid #3b82f62e;border-radius:8px;margin-top:14px;padding:14px}.om-cost-label{color:var(--text-secondary);font-size:12px;display:block}.om-cost-main{align-items:baseline;gap:6px;margin-top:8px;display:flex}.om-cost-main strong{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.om-cost-main span{color:var(--text-secondary);font-size:13px}.om-cost-formula{color:var(--text-disabled);opacity:.65;margin-top:8px;font-size:11px}.om-check-list{border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.om-check-list div{border-bottom:1px solid var(--border-default);justify-content:space-between;gap:16px;padding:10px 12px;font-size:13px;display:flex}.om-check-list div:last-child{border-bottom:none}.om-check-list span{color:var(--text-secondary)}.om-check-list strong{color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:right}.om-match-field+.om-field,.om-field+.om-match-field{margin-top:14px}.om-match-field-head{align-items:center;min-height:20px;margin-bottom:8px;display:flex}.om-match-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.om-match-method{border:1px solid var(--border-input);background:var(--bg-input);min-height:94px;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:8px;padding:12px}.om-match-method:hover{border-color:var(--border-hover);background:var(--bg-hover)}.om-match-method.active{background:#3b82f624;border-color:#3b82f6b8}.om-match-method-title{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;gap:10px;display:flex}.om-match-rate{height:22px;font-size:12px;font-weight:var(--font-weight-semibold);border-radius:999px;flex-shrink:0;align-items:center;padding:0 8px;display:inline-flex}.om-match-rate.high{color:#d1fae5;background:#10b98138;border:1px solid #10b9816b}.om-match-rate.low{color:#fde68a;background:#fbbf242e;border:1px solid #fbbf2461}.om-match-method small{color:var(--text-secondary);margin-top:8px;font-size:12px;line-height:1.45;display:block}.om-match-rules{border:1px solid var(--border-input);background:#ffffff08;border-radius:8px;gap:10px;margin-top:14px;margin-bottom:18px;padding:12px;display:grid}.om-match-after-rules{border-top:1px solid var(--border-default);padding-top:16px}.om-match-rules-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.om-match-rules-head span{color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-semibold)}.om-match-rules-head strong{color:var(--color-primary);font-size:12px;font-weight:var(--font-weight-semibold)}.om-match-rules p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.om-match-time-hint{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.om-match-duration-seg{flex-shrink:0}.om-match-duration-seg .om-segmented-btn{min-width:62px}.om-match-time-hint strong{color:#d1fae5;height:24px;font-size:12px;font-weight:var(--font-weight-semibold);background:#10b98129;border:1px solid #10b9816b;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.om-match-time-hint span{color:var(--text-disabled);font-size:12px}.om-match-twap{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);gap:10px;margin-top:14px;padding:12px;display:grid}.om-match-twap .om-label{width:76px}.om-match-note{color:var(--text-secondary);align-items:center;gap:6px;padding-left:88px;font-size:12px;display:flex}.om-match-note svg{color:var(--text-disabled);flex-shrink:0}.om-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.om-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.om-checkbox a{color:var(--color-primary);text-decoration:none}.om-checkbox a:hover{opacity:.8}.om-footer{border-top:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex}.om-actions{flex-shrink:0;gap:8px;display:flex}.om-btn-cancel,.om-btn-submit{border-radius:var(--radius-md);height:36px;font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);padding:0 22px}.om-btn-cancel{color:var(--text-primary);border:1px solid var(--border-input);background:0 0}.om-btn-cancel:hover{border-color:var(--border-hover);background:#ffffff08}.om-btn-submit{color:#fff;background:var(--color-primary);border:none}.om-btn-submit:hover:not(:disabled){background:var(--color-primary-hover)}.om-btn-submit:disabled{opacity:.45;cursor:not-allowed}.om-body{scrollbar-width:thin;scrollbar-color:#4f5d6d #202731}.om-body::-webkit-scrollbar{width:8px;height:8px}.om-body::-webkit-scrollbar-track{background:#202731;border-radius:8px}.om-body::-webkit-scrollbar-thumb{background:#4f5d6d;border:2px solid #202731;border-radius:8px}.om-body::-webkit-scrollbar-thumb:hover{background:#65758a}.om-overlay.app-preview{background:#0f172a5c;align-items:flex-end;padding:0;position:absolute}.om-overlay.app-preview.keyboard-open{background:#0f172a70}.app-sheet{color:#1f2937;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:94%;animation:.2s ease-out appSheetIn;display:flex;position:relative;overflow:hidden;box-shadow:0 -12px 40px #0f172a38}.keyboard-open .app-sheet{max-height:100%}@keyframes appSheetIn{0%{opacity:.8;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-handle{background:#d1d5db;border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:8px auto 0}.app-header{flex-shrink:0;justify-content:center;align-items:center;height:48px;padding:0 16px;display:flex;position:relative}.app-title{color:#1f2937;margin:0;font-size:17px;font-weight:600}.app-title-wrap{justify-items:center;gap:2px;display:grid}.app-title-wrap>span{color:#2563eb;font-size:12px;font-weight:700;line-height:1.1}.app-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:absolute;right:12px}.app-body{flex-direction:column;gap:10px;padding:0 16px 12px;display:flex;overflow-y:auto}.keyboard-open .app-body{padding-bottom:236px}.app-match-body{gap:10px;padding-bottom:10px}.app-match-hero{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:10px 12px}.app-match-hero-main{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.app-match-hero-main>div:first-child{min-width:0}.app-match-hero h3{color:#1f2937;min-width:0;margin:0;font-size:17px;line-height:1.2}.app-match-hero h3 em{color:#64748b;margin-left:4px;font-size:12px;font-style:normal;font-weight:600}.app-match-hero-tags{flex-wrap:wrap;gap:6px;width:100%;margin-top:7px;display:flex}.app-match-hero-tags span{color:#475569;background:#fff;border-radius:999px;align-items:center;height:24px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.app-match-rate-box{text-align:right;flex-shrink:0;gap:2px;display:grid}.app-match-rate-box span{color:#64748b;font-size:12px}.app-match-rate-box strong{color:#2563eb;font-variant-numeric:tabular-nums;font-size:22px;line-height:1}.app-match-section,.app-match-form,.app-match-avg-box{background:#fff;border:1px solid #edf0f4;border-radius:12px;padding:12px}.app-match-section-title{color:#1f2937;font-size:15px;font-weight:700}.app-match-method-list{gap:8px;margin-top:10px;display:grid}.app-match-method{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:11px}.app-match-method.active{background:#eff6ff;border-color:#93c5fd}.app-match-method span{color:#1f2937;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.app-match-method small{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4;display:block}.app-match-rate-tag{border-radius:999px;flex-shrink:0;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.app-match-rate-tag.high{color:#047857;background:#d1fae5}.app-match-rate-tag.low{color:#b45309;background:#fef3c7}.app-match-rule-note{background:#f8fafc;border-radius:10px;align-items:flex-start;gap:8px;margin-top:-2px;padding:8px 10px;display:flex}.app-match-rule-note span{color:#64748b;flex-shrink:0;font-size:12px;font-weight:700}.app-match-rule-note p{color:#94a3b8;margin:0;font-size:12px;line-height:1.4}.app-match-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.app-match-success-chip{color:#047857;white-space:nowrap;background:#d1fae5;border-radius:999px;align-items:center;height:24px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.app-match-time-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.app-match-time-grid button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:10px;height:38px;font-size:14px;font-weight:700}.app-match-time-grid button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-match-muted{color:#94a3b8;margin-top:8px;font-size:12px;line-height:1.4}.app-match-form{flex-direction:column;gap:12px;display:flex}.app-match-form .app-field{margin-bottom:0}.app-match-input-line{flex:1}.app-input.error{background:#fef2f2;border-color:#ef4444}.app-match-error{color:#ef4444;margin-top:-6px;padding-left:82px;font-size:12px}.app-match-min-hint{color:#64748b;margin-top:-6px;padding-left:82px;font-size:12px}.app-match-avg-box{background:#f8fafc;flex-direction:column;gap:8px;padding:10px;display:flex}.app-card{background:#f8fafc;border:1px solid #edf0f4;border-radius:12px;padding:12px 14px}.app-instrument-quote-card{background:#fff;border-color:#e5e7eb;padding:12px}.app-product-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.app-stock-main{gap:2px;min-width:0;display:grid}.app-quote-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.app-qualification-tag{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;padding:0 5px;font-size:13px;font-weight:600;line-height:1.4}.app-market-tag{color:#fff;background:#ef4444;border:1px solid #ef4444;border-radius:4px;flex-shrink:0;padding:0 5px;font-size:13px;line-height:1.4}.app-stock-name{color:#111827;font-size:18px;font-weight:700;line-height:1.2}.app-stock-code{color:#8b95a1;margin-left:0;font-size:13px}.app-product-tags{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.app-contract-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;height:24px;padding:0 8px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.app-muted{color:#8b95a1;flex-shrink:0;margin-left:auto;font-size:12px}.app-quote-card{padding:12px 14px}.app-quote-compact{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:stretch;gap:12px;margin-top:12px;padding-top:12px;display:flex}.app-quote-primary{gap:3px;min-width:0;display:grid}.app-quote-amount-card{text-align:right;background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;align-content:center;gap:4px;min-width:126px;padding:8px 10px;display:grid}.app-quote-amount-card span{color:#8b95a1;font-size:12px}.app-quote-amount-card strong{color:#374151;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.25}.app-quote-label{color:#8b95a1;font-size:13px}.app-quote-number{color:#3b82f6;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.1}.app-quote-pct{font-size:18px;font-weight:600}.app-rule-line{color:#6b7280;background:#f8fafc;border-top:none;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.app-rule-emphasis{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-weight:800;display:inline-flex}.app-dot{background:#c7cdd6;border-radius:50%;flex-shrink:0;width:3px;height:3px;margin:0 4px}.app-config{flex-direction:column;display:flex}.app-field{align-items:center;gap:10px;margin-bottom:12px;display:flex}.app-label{color:#4b5563;flex-shrink:0;width:72px;font-size:15px}.app-field-right{align-items:center;gap:8px;min-width:0;display:flex}.app-unit{color:#9ca3af;flex-shrink:0;font-size:14px}.app-stepper{background:#fff;border:1px solid #d9dee6;border-radius:8px;flex:1;align-items:center;min-width:0;height:38px;display:flex;overflow:hidden}.app-stepper button{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:38px;height:100%;font-size:18px}.app-stepper button:active{background:#f3f4f6}.app-stepper button[aria-disabled=true]{color:#cbd5e1}.app-stepper input{color:#1f2937;text-align:center;background:0 0;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;outline:none;flex:1;min-width:0;height:100%;font-size:16px;font-weight:500}.app-seg{background:#fff;border:1px solid #d9dee6;border-radius:8px;display:flex;overflow:hidden}.app-seg-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-right:1px solid #e5e7eb;height:34px;padding:0 14px;font-size:14px;transition:background-color .12s,color .12s}.app-seg-btn:last-child{border-right:none}.app-seg-btn:active{background:#f3f4f6}.app-seg-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-price-ref{color:#6b7280;background:#f0f7ff;border:1px solid #d4e6fc;border-radius:8px;align-items:baseline;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.app-market-ref{color:#9ca3af;background:0 0;border:none;margin-bottom:10px;padding:0 0 0 4px;font-size:12px}.app-ref-label{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:12px}.app-ref-sep{background:#c7cdd6;flex-shrink:0;width:1px;height:16px;margin:0 2px}.app-input{color:#1f2937;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d9dee6;border-radius:8px;outline:none;width:120px;height:36px;padding:0 10px;font-size:15px}.app-limit-ref{gap:6px}.app-input:focus{border-color:#3b82f6}.app-input::placeholder{color:#c0c6cf;font-size:13px}.app-twap{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:10px;display:flex}.app-twap-row{align-items:center;gap:10px;display:flex}.app-twap-row-stack{align-items:flex-start}.app-twap-label{color:#6b7280;flex-shrink:0;width:72px;font-size:14px;line-height:34px}.app-duration-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex:1;gap:6px;min-width:0;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%)}.app-duration-grid::-webkit-scrollbar{display:none}.app-duration-btn{color:#4b5563;cursor:pointer;white-space:nowrap;scroll-snap-align:start;background:#fff;border:1px solid #d9dee6;border-radius:999px;flex:none;min-width:56px;height:34px;padding:0 10px;font-size:13px;font-weight:500;line-height:1.15;transition:background-color .12s,border-color .12s,color .12s}.app-duration-btn:active{background:#f3f4f6}.app-duration-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.app-duration-btn:last-child{min-width:96px}.app-check{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.app-check input[type=checkbox]{accent-color:#3b82f6;flex-shrink:0;width:16px;height:16px}.app-check a{color:#3b82f6;text-decoration:none}.app-time-range{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.app-time-wrap{flex:1;align-items:center;min-width:0;display:flex;position:relative}.app-time-input{color:#1f2937;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d9dee6;border-radius:8px;outline:none;width:100%;min-width:0;height:34px;padding:0 28px 0 10px;font-size:14px}.app-time-input:focus{border-color:#3b82f6}.app-time-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:28px;height:100%;position:absolute;right:0}.app-time-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;right:8px}.app-time-arrow{color:#9ca3af;flex-shrink:0;font-size:15px}.app-twap-note{color:#9ca3af;align-items:center;gap:5px;font-size:12px;display:flex}.app-premium-bar{background:#eff6ff;border-radius:12px;align-items:baseline;gap:8px;padding:12px;display:flex}.app-premium-bar>span:first-child{color:#4b5563;margin-right:auto;font-size:15px}.app-premium-bar strong{color:#3b82f6;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.app-premium-ccy{color:#3b82f6;font-size:14px}.app-ack{margin-top:4px}.app-actions{background:#fff;border-top:1px solid #eef2f7;flex-shrink:0;grid-template-columns:1fr 1.6fr;gap:14px;padding:12px 16px 20px;display:grid}.app-match-actions{grid-template-columns:1fr 1.6fr;row-gap:8px;padding:8px 16px 14px}.app-actions-premium{grid-column:1/-1;gap:4px;padding:0 2px;display:grid}.app-actions-premium-main{align-items:baseline;gap:8px;display:flex}.app-actions-premium-main span{color:#4b5563;margin-right:auto;font-size:14px;font-weight:600}.app-actions-premium-main strong{color:#2563eb;font-variant-numeric:tabular-nums;font-size:21px;line-height:1}.app-actions-premium-main em{color:#2563eb;font-size:13px;font-style:normal;font-weight:600}.app-actions-premium-rate{color:#8b95a1;font-size:12px;line-height:1.25}.keyboard-open .app-actions{display:none}.app-btn-cancel,.app-btn-submit{cursor:pointer;border-radius:999px;height:46px;font-size:16px;font-weight:500}.app-btn-cancel{color:#374151;background:#fff;border:1px solid #c7cdd6}.app-btn-submit{color:#fff;background:#3b82f6;border:none}.app-btn-submit:disabled{cursor:not-allowed;background:#9ec3fb}.app-keyboard{z-index:5;background:#e5e7eb;border-top:1px solid #cbd5e1;padding:8px 10px 12px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #0f172a2e}.app-keyboard-toolbar{color:#64748b;justify-content:space-between;align-items:center;height:28px;padding:0 4px 8px;font-size:12px;display:flex}.app-keyboard-toolbar button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.app-keyboard-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.app-keyboard-grid button{color:#111827;cursor:pointer;background:#fff;border:none;border-radius:8px;height:42px;font-size:22px;font-weight:500;box-shadow:0 1px #0f172a29}.app-keyboard-grid button:active{background:#dbeafe}@media (width<=860px){.om-overlay{padding:12px}.om-modal{width:100%;max-height:calc(100vh - 24px)}.om-body{padding:16px}.om-order-summary,.om-content-grid{grid-template-columns:1fr}.om-field{flex-direction:column;align-items:flex-start}.om-label{width:auto}.om-inline-market{margin-left:0}.om-twap-section .om-label{width:auto}.om-twap-footer{padding-left:0}.om-segmented.wrap{width:100%}.om-duration-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.om-duration-btn:nth-last-child(-n+2){grid-column:span 1}.om-footer{flex-direction:column;align-items:stretch;height:auto;padding:12px 16px}.om-actions{justify-content:flex-end}}