*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#root,body{margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;margin:0;position:relative;width:100%}.header{background-color:#27a844;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 16px}.header-content{align-items:center;display:flex;justify-content:center;position:relative}.header-actions{align-items:center;display:flex;gap:8px;position:absolute;right:16px}.header-title{color:#fff;font-size:16px;font-weight:600;margin:0;text-align:center}.header-language{align-items:center;cursor:pointer;display:flex;gap:6px;position:absolute;right:16px}.language-icon{color:#fff;font-size:18px}.language-text{font-size:14px}.announcement-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:10px 16px}.announcement-icon{color:#27a844;line-height:1}.announcement-icon,.announcement-text{align-items:center;display:flex;font-size:14px}.announcement-text{color:#333;line-height:1.4}.image-slider{margin-bottom:20px;position:relative;width:100%}.slider-container{background-color:#f0f0f0;overflow:hidden}.slider-container,.slider-wrapper{display:block;height:175px;position:relative;width:100%}.slide{display:none;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;transition:opacity .5s ease-in-out}.slide,.slide.active{height:100%;width:100%}.slide.active{display:block;opacity:1}.slide-image{display:block;height:175px;margin:0;object-fit:fill;object-position:center;padding:0;width:100%}.slider-button{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s;width:40px;z-index:10}.slider-button:hover{background-color:#000000b3}.slider-button-prev{left:10px}.slider-button-next{right:10px}.slider-dots{align-items:center;bottom:10px;display:flex;gap:8px;justify-content:center;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:10}.dot{background-color:#ccc;border:none;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s;width:10px}.dot.active{background-color:#ff6b35}.dot:hover{background-color:#999}.market-data{background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:16px 16px 100px}.market-data-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.market-data-title{font-weight:600;margin:0}.market-data-title,.update-time{color:#000;font-size:14px}.market-data-table{width:100%}.table-header{grid-gap:8px;background-color:#fff;border-bottom:2px solid #27a844;border-radius:4px;display:grid;font-weight:600;gap:8px;grid-template-columns:2fr 2fr 1.5fr;margin-bottom:8px;padding:12px 8px}.table-header,.table-header>div{color:#000;font-size:12px}.table-header .table-col-name{text-align:left}.table-header .table-col-price{align-items:center;display:flex;justify-content:center;text-align:center}.table-header .table-col-transaction{align-items:center;display:flex;justify-content:flex-end;text-align:right}.table-row{border-bottom:1px solid #e0e0e0;padding:12px 8px}.table-row:last-child{border-bottom:none;margin-bottom:20px}.table-row-main{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:2fr 2fr 1.5fr;padding:0}.table-row-main .table-col-name{text-align:left}.table-row-main .table-col-price{align-items:center;display:flex;justify-content:center;text-align:center}.table-row-main .table-col-transaction{align-items:center;display:flex;justify-content:flex-end;text-align:right}.table-col-name{align-items:center;color:#00f;display:flex;font-size:12px;font-weight:700;gap:8px}.gold-icon-wrapper{align-items:center;background-color:#d69a00;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.gold-icon{height:24px;object-fit:contain;width:24px}.oil-icon-wrapper{align-items:center;background-color:#1a1e21;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.oil-icon{height:24px;object-fit:contain;width:24px}.copper-icon-wrapper{align-items:center;background-color:#c26a44;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.copper-icon{height:24px;object-fit:contain;width:24px}.diamond-icon-wrapper,.jade-icon-wrapper,.london-gold-icon-wrapper,.ny-copper-icon-wrapper,.soybean-icon-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.jade-icon-wrapper{background-color:#40c0ad}.diamond-icon-wrapper{background-color:#0245b2}.soybean-icon-wrapper{background-color:#388e3c}.london-gold-icon-wrapper{background-color:#d69a00}.ny-copper-icon-wrapper{background-color:#96002d}.jade-icon-wrapper{background-color:initial}.diamond-icon,.jade-icon,.london-gold-icon,.ny-copper-icon,.soybean-icon{height:24px;object-fit:contain;width:24px}.jade-icon{border-radius:50%;height:32px;object-fit:cover;width:32px}.table-col-price{align-items:center;display:flex;justify-content:center}.price-container{align-items:center;display:flex;gap:4px}.price-arrow{font-size:12px}.price-arrow.up{color:#4caf50}.price-arrow.down{color:#f44336}.price-value{font-size:12px;font-weight:500}.price-value.positive{color:#4caf50}.price-value.negative{color:#f44336}.price-loading{color:#999;font-size:12px;font-style:italic}.table-col-transaction{display:flex;justify-content:flex-end}.transaction-button{background-color:#ff976a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .3s}.transaction-button:hover{background-color:#ff7a4a}.transaction-button:active{transform:scale(.98)}.table-row-details{background-color:#faf8f3;border-radius:4px;margin-top:12px;padding:12px}.details-grid-3col{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:2fr 2fr 1.5fr}.detail-col-center,.detail-col-left{display:flex;flex-direction:column;gap:8px}.detail-col-center{align-items:center;justify-content:flex-start}.detail-col-center .detail-cell{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.detail-col-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px;text-align:right}.detail-cell{color:#000;font-size:10px;font-weight:400}@media (max-width:480px){.table-header{font-size:12px;grid-template-columns:1.5fr 2fr 1fr}.table-col-name{font-size:13px}.gold-icon-wrapper{height:28px;width:28px}.gold-icon{height:20px;width:20px}.oil-icon-wrapper{height:28px;width:28px}.oil-icon{height:20px;width:20px}.copper-icon-wrapper{height:28px;width:28px}.copper-icon{height:20px;width:20px}.diamond-icon-wrapper,.jade-icon-wrapper,.london-gold-icon-wrapper,.ny-copper-icon-wrapper,.soybean-icon-wrapper{height:28px;width:28px}.diamond-icon,.jade-icon,.london-gold-icon,.ny-copper-icon,.soybean-icon{height:20px;width:20px}.jade-icon{height:28px;width:28px}.price-value{font-size:13px}.transaction-button{font-size:11px;padding:6px 12px}.details-grid{gap:8px;grid-template-columns:1fr}}.bottom-navigation{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;justify-content:space-around;left:0;padding:4px 0;position:fixed;width:100%;z-index:100}.bottom-navigation,.nav-item{align-items:center;display:flex}.nav-item{background:none;border:none;color:#999;cursor:pointer;flex-direction:column;gap:4px;padding:4px 16px;transition:all .3s}.nav-item.active,.nav-item:hover{color:#27a844}.nav-icon{font-size:20px;line-height:1}.nav-label{font-size:12px;font-weight:500}.orders-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.orders-header{background-color:#27a844;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 16px;text-align:center}.orders-title{color:#fff;font-size:16px;font-weight:600;margin:0}.orders-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex}.orders-tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;position:relative;transition:color .3s}.orders-tab:hover{color:#eba63f}.orders-tab.active{color:#27a844}.orders-tab.active:after{background-color:#ff69b4;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.orders-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:10px 10px 80px}.orders-list{display:flex;flex-direction:column;gap:6px}.order-card{border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px;min-height:120px;padding:16px;position:relative}.order-card,.order-card-history{background-color:#fff;box-shadow:0 1px 3px #0000001a}.order-status-badge{align-items:center;background-color:initial;color:#999;display:flex;font-size:12px;font-weight:400;justify-content:center;position:absolute;right:16px;top:16px;z-index:1}.spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#27a844;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-left{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-start;text-align:left}.order-detail-row{align-items:center;display:flex;flex-direction:row;gap:16px;width:100%}.order-detail-row>.order-detail:first-child{flex:0 0 auto;text-align:left;white-space:nowrap}.order-detail-row>.order-detail:last-child{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:200px;text-align:left}.order-left>.order-detail{text-align:left}.order-left>.order-detail,.order-left>.order-product-name{min-height:calc(1.2em + 4px)}.order-center{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:flex-start;padding-left:0}.order-center>.order-detail{font-size:12px;line-height:1.2;max-width:100%;min-height:calc(1.2em + 4px);text-align:left;width:100%}.order-left>.order-product-name{font-size:14px;line-height:1.2}.order-detail-empty,.order-left>.order-detail{font-size:12px;line-height:1.2}.order-detail-empty{display:block;flex-shrink:0;height:calc(1.2em + 4px);margin:0;min-height:calc(1.2em + 4px);padding:0;visibility:hidden}.order-right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-start;margin-left:20px;text-align:left}.order-right>.order-status{color:#666;text-align:right}.order-product-name{color:#000;font-size:14px;font-weight:400;line-height:1.2;margin:0}.order-detail{font-size:12px;font-weight:400;line-height:1.2;margin:0}.order-detail-black{color:#000}.order-detail-gray{color:#666}.order-status{color:#666;font-size:14px;font-weight:400;margin:0}.no-data-message{align-items:center;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.account-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.account-header{background-color:#27a844;box-shadow:0 2px 4px #0000001a;color:#fff;padding:12px 16px;text-align:center}.account-title{color:#fff;font-size:16px;font-weight:600;margin:0}.account-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:16px}.account-profile-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px}.profile-top-section{align-items:center;display:flex;gap:16px}.profile-balance-section{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:16px}.profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-avatar{align-items:center;background:#e0e0e0;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;width:70px}.profile-avatar i{color:#999;font-size:35px}.profile-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-camera-icon{align-items:center;background-color:#27a844;border:2px solid #fff;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:0;transition:background-color .3s;width:24px;z-index:10}.profile-camera-icon:hover{background-color:#1e8e3a}.profile-camera-icon i{color:#fff;font-size:12px}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.profile-balance{align-items:center;display:flex;gap:8px}.balance-label{font-weight:500}.balance-amount{font-size:20px;font-weight:700}.account-info-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.account-info-row{line-height:1.2;margin-bottom:0}.account-info-row:last-of-type{margin-bottom:0}.account-balance-row{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.account-balance-row-top{border-bottom:1px solid #e0e0e0;border-top:none;margin-bottom:16px;margin-top:0;padding-bottom:16px;padding-top:0}.balance-info{align-items:center;display:flex;flex-direction:row;gap:4px}.account-label{color:#333;display:inline-block;font-size:16px;font-weight:700}.account-info-row-normal .account-label{font-size:12px;font-weight:400}.account-label:after{content:"";margin-right:0}.balance-amount{color:#27a844;font-weight:600}.top-up-button{background-color:#27a844;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .3s}.top-up-button:hover{background-color:#1e8e3a}.account-menu-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.menu-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .3s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:#f8f8f8}.menu-item-left{align-items:center;display:flex;gap:12px}.menu-icon{color:#27a844;font-size:18px;text-align:center;width:24px}.menu-text{color:#333;font-size:14px;font-weight:400}.menu-arrow{color:#999;font-size:14px}.logout-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:320px;padding:24px;width:90%}.logout-modal-icon{align-items:center;background-color:#ffebee;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.logout-modal-icon i{color:#f44336;font-size:32px}.logout-modal-title{color:#333;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.logout-modal-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.logout-modal-buttons{display:flex;gap:12px}.logout-modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s}.logout-modal-button.cancel{background-color:#f5f5f5;color:#333}.logout-modal-button.cancel:hover{background-color:#e0e0e0}.logout-modal-button.confirm{background-color:#f44336;color:#fff}.logout-modal-button.confirm:hover{background-color:#d32f2f}.notification-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:320px;padding:24px;width:90%}.notification-modal-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.notification-modal-icon.success{background-color:#d4edda}.notification-modal-icon.success i{color:#27a844;font-size:32px}.notification-modal-icon.error{background-color:#f8d7da}.notification-modal-icon.error i{color:#dc3545;font-size:32px}.notification-modal-title{color:#333;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.notification-modal-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.notification-modal-buttons{display:flex;gap:12px;justify-content:center}.notification-modal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .3s}.notification-modal-button.confirm{background-color:#27a844;color:#fff}.notification-modal-button.confirm:hover{background-color:#1e8e3a}.notification-toast{align-items:center;animation:slideDownFadeIn .3s ease,slideUpFadeOut .3s ease 2.7s forwards;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;left:50%;max-width:90%;min-width:280px;padding:16px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}.notification-toast.success{border-left:4px solid #27a844}.notification-toast.error{border-left:4px solid #dc3545}.notification-toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-toast.success .notification-toast-icon{background-color:#d4edda}.notification-toast.success .notification-toast-icon i{color:#27a844;font-size:18px}.notification-toast.error .notification-toast-icon{background-color:#f8d7da}.notification-toast.error .notification-toast-icon i{color:#dc3545;font-size:18px}.notification-toast-content{flex:1 1}.notification-toast-message{color:#333;font-size:14px;font-weight:500;margin:0}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUpFadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.customer-service-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.customer-service-header{align-items:center;background-color:#27a844;box-shadow:0 2px 4px #0000001a;display:flex;gap:12px;padding:12px 16px;position:relative;z-index:10}.back-button{left:16px;position:absolute;z-index:11}.chat-header-icon{font-size:24px;justify-content:center}.chat-header-icon,.customer-service-title{align-items:center;color:#fff;display:flex}.customer-service-title{font-size:14px;font-weight:400;gap:8px;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.customer-service-title .chat-header-icon{font-size:13px;margin:0}.chat-messages-container{background-color:#c1ecbc;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.chat-empty,.chat-loading{align-items:center;color:#999;display:flex;font-size:14px;height:100%;justify-content:center}.chat-messages-list{gap:12px}.chat-message,.chat-messages-list{display:flex;flex-direction:column}.chat-message{word-wrap:break-word;border-radius:12px;max-width:80%;padding:10px 14px}.user-message{align-self:flex-end;background-color:#fff;color:#333}.admin-message{align-self:flex-start;background-color:#00b802;color:#fff}.message-content{font-size:14px;line-height:1.4;margin-bottom:4px}.message-image{border-radius:8px;cursor:pointer;margin-top:8px;max-width:200px;overflow:hidden;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.message-image img{display:block;height:auto;width:100%}.message-time{align-self:flex-end;color:#999;font-size:11px;margin-top:4px}.admin-message .message-time{color:#fffc}.chat-input-container{align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 4px #0000000d;display:flex;gap:8px;padding:12px 16px}.chat-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.chat-input:focus{border-color:#27a844}.chat-input::placeholder{color:#999}.chat-send-button{align-items:center;background-color:#27a844;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:10px;transition:background-color .3s;width:40px}.chat-send-button:hover{background-color:#218838}.chat-send-button:active{transform:scale(.95)}.chat-camera-button{align-items:center;background-color:#27a844;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:10px;transition:background-color .3s;width:40px}.chat-camera-button:hover{background-color:#218838}.chat-camera-button:active{transform:scale(.95)}.image-preview-container{background-color:#f5f5f5;border-top:1px solid #e0e0e0;padding:12px 16px}.image-preview{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;max-width:200px;overflow:hidden;position:relative}.image-preview img{display:block;height:auto;width:100%}.remove-image-button{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .3s;width:28px}.remove-image-button:hover{background-color:#000c}.image-modal-overlay{background-color:#000000e6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{max-height:90%;max-width:90%;position:relative}.image-modal-content img{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:background-color .3s;width:40px}.image-modal-close:hover{background-color:#ffffff4d}@media (max-width:480px){.chat-message{max-width:85%}.chat-input-container{padding:10px 12px}.chat-send-button{font-size:13px;padding:10px 16px}}.login-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-modal-content{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:320px;padding:24px;width:90%}.login-modal-icon{align-items:center;background-color:#fff3cd;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.login-modal-icon i{color:#ffc107;font-size:32px}.login-modal-title{color:#333;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.login-modal-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.login-modal-buttons{display:flex;gap:12px;justify-content:center}.login-modal-button{background-color:#27a844;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.login-modal-button:hover{background-color:#218838;box-shadow:0 4px 8px #27a8444d;transform:translateY(-1px)}.login-modal-button:active{transform:translateY(0)}@media (max-width:480px){.login-modal-content{max-width:280px;padding:20px}.login-modal-title{font-size:18px}.login-modal-message{font-size:13px}.login-modal-button{font-size:14px;padding:10px 20px}}.transaction-history-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.transaction-history-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;padding:5px 16px;position:relative}.transaction-history-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.transaction-history-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:16px}.transaction-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px;position:relative}.transaction-amount-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.transaction-amount{border-bottom:1px solid #f0f0f0;color:#333;font-size:20px;font-weight:400;margin-left:-16px;margin-right:-16px;padding-bottom:8px;padding-left:16px;padding-right:16px;width:calc(100% + 32px)}.transaction-total-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.transaction-total-label{color:#666;font-size:14px}.transaction-total-amount{color:#333;font-size:16px;font-weight:400;margin-left:auto}.transaction-total-amount.negative-amount{color:#dc3545}.transaction-amount.positive{color:#27a844}.transaction-amount.negative{color:#dc3545}.transaction-details{margin-bottom:12px}.transaction-detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.transaction-detail-row:last-child{margin-bottom:0}.transaction-label{color:#666;font-size:14px}.transaction-type{color:#d32f2f;font-size:14px;font-weight:400}.transaction-value{color:#333;font-size:14px;font-weight:400}.transaction-timestamp{border-top:1px solid #f0f0f0;color:#000;font-size:14px;margin-left:-16px;margin-right:-16px;margin-top:8px;padding-left:16px;padding-right:16px;padding-top:8px;text-align:center;width:calc(100% + 32px)}@media (max-width:480px){.transaction-card{padding:12px}.transaction-amount{font-size:18px}.transaction-amount-row{gap:6px}}.withdraw-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.withdraw-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;padding:5px 16px;position:relative}.withdraw-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.withdraw-history-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:4px 8px;position:relative;z-index:10}.withdraw-history-button:hover{opacity:.8}.withdraw-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:20px 16px}.available-amount-section{margin-bottom:20px;text-align:center}.available-amount-label{color:#666;font-size:14px;margin:0 0 8px}.available-amount-value{color:#333;font-size:32px;font-weight:700;margin:0}.bank-account-section{margin-bottom:20px}.bank-account-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:16px}.bank-account-card,.bank-logo{align-items:center;background-color:#fff;display:flex}.bank-logo{border-radius:50%;height:50px;justify-content:center;margin-right:12px;overflow:hidden;width:50px}.bank-logo-image{height:100%;object-fit:contain;padding:8px;width:100%}.bank-info{flex:1 1}.bank-name{color:#333;font-size:16px;font-weight:400;margin:0 0 4px}.bank-account-number{color:#666;font-size:14px;margin:0}.bank-arrow{color:#999;font-size:14px}.withdraw-details-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:16px}.withdraw-amount-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.withdraw-amount-label{color:#333;font-size:14px}.withdraw-amount-input{border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:16px;padding:8px 12px;text-align:left;width:100%}.withdraw-amount-input:focus{border-color:#27a844;outline:none}.fee-row{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:12px}.fee-label{color:#666;font-size:14px}.actual-received{color:#333;font-size:14px;font-weight:500}.confirm-button{background-color:#27a844;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:20px;padding:12px;transition:background-color .3s;width:100%}.confirm-button:hover{background-color:#218838}.confirm-button:active{background-color:#1e7e34}.warning-section{margin-bottom:20px}.warning-icon{color:#ff6b35;font-size:14px;margin-right:6px}.warning-content{flex:1 1}.warning-title{align-items:center;color:#999;display:flex;font-size:14px;font-weight:500;margin:0 0 4px}.warning-text{font-size:14px;margin:0}.warning-text-black{color:#999}.warning-text-green{color:#27a844}.check-account-link{cursor:pointer;margin-top:20px;text-align:center}.check-account-link a{color:#000;font-size:14px;text-decoration:none}.check-account-link:hover a{color:#27a844;text-decoration:none}@media (max-width:480px){.available-amount-value{font-size:28px}.bank-account-card{padding:12px}}.notification{animation:slideDown .3s ease-out;left:50%!important;max-width:400px;min-width:300px;position:fixed!important;top:20px!important;transform:translateX(-50%)!important;z-index:10000}.notification-content{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;padding:16px 20px}.notification-success .notification-content{border-left:4px solid #27a844}.notification-error .notification-content{border-left:4px solid #dc3545}.notification-warning .notification-content{border-left:4px solid #ffc107}.notification-info .notification-content{border-left:4px solid #17a2b8}.notification-icon{font-size:24px}.notification-success .notification-icon{color:#27a844}.notification-error .notification-icon{color:#dc3545}.notification-warning .notification-icon{color:#ffc107}.notification-info .notification-icon{color:#17a2b8}.notification-message{flex:1 1;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.notification-close:hover{color:#333}@media (max-width:480px){.notification{left:50%;max-width:calc(100% - 20px);min-width:auto;top:10px;transform:translateX(-50%);width:calc(100% - 20px)}}.withdrawal-history-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.withdrawal-history-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;padding:5px 16px;position:relative}.withdrawal-history-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.withdrawal-history-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:0}.withdrawal-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.withdrawal-item:last-of-type{border-bottom:none}.withdrawal-info{flex:1 1}.withdrawal-text{color:#000;font-size:14px;font-weight:400;margin:0 0 4px}.withdrawal-timestamp{color:#999;font-size:12px;margin:0}.withdrawal-status{margin-left:12px}.status-badge{display:inline-block;font-size:15px;font-weight:400;padding:0}.status-badge,.status-pending,.status-success{background:#0000;color:#000}@media (max-width:480px){.withdrawal-item{padding:12px 16px}.withdrawal-text{font-size:13px}.withdrawal-timestamp{font-size:11px}}.select-account-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.select-account-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:center;min-height:44px;padding:8px 16px;position:relative}.select-account-title{color:#fff;font-size:15px;font-weight:400;margin:0;text-align:center}.close-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;position:absolute;right:16px;transition:background-color .2s;width:25px}.close-button,.close-button:hover{background-color:#ffffff4d}.close-button:active{background-color:#fff6}.select-account-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:20px 16px}.account-card{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.account-card-left{flex:1 1}.account-bank-name{color:#000;font-size:16px;font-weight:700;margin:0 0 8px}.account-number{color:#333;font-size:16px;margin:0;text-align:center}.account-card-right{align-items:flex-start;display:flex;padding-top:0}.account-eye-icon{color:#27a844;cursor:pointer;font-size:20px;margin-top:0}.add-account-button{align-items:center;background-color:#fff;border:1px dashed #27a844;border-radius:8px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px 14px;transition:background-color .2s}.add-account-button:hover{background-color:#f0f9f3}.add-account-icon{align-items:center;background-color:#27a844;border-radius:50%;color:#fff;display:flex;font-size:11px;height:18px;justify-content:center;width:18px}.add-account-text{color:#27a844;font-size:13px;font-weight:400}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;overflow:hidden;width:90%}.modal-header{background-color:#27a844;border-radius:12px 12px 0 0;padding:12px 16px;position:relative;text-align:center}.modal-header-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s}.modal-header-close:hover{opacity:.7}.modal-title{color:#fff;font-size:16px;font-weight:400;margin:0}.modal-body{padding:8px 16px}.modal-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background-color .2s}.modal-option,.modal-option:last-child{margin-bottom:0}.modal-option:hover{background-color:#f5f5f5}.modal-option-icon{align-items:center;background-color:#27a844;border-radius:8px;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.modal-option-text{color:#333;font-size:14px;font-weight:400}.modal-close-button{align-items:center;background-color:#fff;border:none;border-radius:50%;bottom:-60px;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:transform .2s;width:40px}.modal-close-button:hover{transform:translateX(-50%) scale(1.1)}.modal-close-button:active{transform:translateX(-50%) scale(.95)}@media (max-width:480px){.account-card,.add-account-button{padding:12px}.modal-content{width:95%}}.add-bank-card-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.add-bank-card-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;padding:5px 16px;position:relative}.add-bank-card-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.add-bank-card-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:0}.add-bank-card-content form{border:none;display:flex;flex:0 1;flex-direction:column;gap:0;margin:0;padding:0}.add-bank-card-content form .input-field{border:none;margin:0;padding:4px 16px}.input-field{align-items:flex-start;border:none!important;flex-direction:column;gap:4px;margin:0;padding:4px 16px}.input-label{align-self:flex-start;font-size:16px;font-weight:700;margin-bottom:0;text-align:left}.input-control{background:#0000;border:none;font-size:16px;padding:0}.add-crypto-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.add-crypto-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:8px 16px;position:relative}.add-crypto-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.add-crypto-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.add-crypto-content form{flex:0 1}.input-field{flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin-bottom:0;padding:0 16px 1px}.input-field:not(.currency-field){align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:1px;padding-top:1px}.currency-field{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:12px;width:100%}.currency-icon{color:#27a844;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.currency-content,.currency-icon{align-items:center;display:flex;margin:0}.currency-content{flex:1 1;padding:0}.input-label{color:#000;display:block;line-height:1.2;margin:0;padding:0;width:100%}.currency-field .input-label{display:inline-block;flex:1 1;width:auto}.input-control{background:#fff;box-sizing:border-box;line-height:1.1;margin:0;padding:10px 16px}.input-control[readOnly]{cursor:default;pointer-events:none}.input-control::placeholder{color:#999}.submit-button-wrapper{padding:0 16px}.submit-button{border-radius:999px!important;box-sizing:border-box;font-size:16px;margin:0;padding:10px 16px}.submit-button:hover{background-color:#1e8e3a}.submit-button:active{background-color:#15702d}@media (max-width:480px){.input-field{padding:12px 16px}}.select-currency-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.select-currency-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:8px 16px;position:relative}.select-currency-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.select-currency-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:0}.currency-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:flex-start;padding:16px;transition:background-color .2s}.currency-option:last-child{border-bottom:none}.currency-option:hover{background-color:#f5f5f5}.currency-option-icon{align-items:center;background:#0000;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.currency-icon-image{height:100%;object-fit:contain;width:100%}.currency-option-name{color:#000;flex:1 1;font-size:16px;font-weight:700;margin:0}.currency-arrow{color:#999;flex-shrink:0;font-size:14px;margin-left:auto}@media (max-width:480px){.select-currency-modal{width:95%}.currency-option{padding:12px}}.password-settings-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.password-settings-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:8px 16px;position:relative}.password-settings-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.password-settings-content{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0}.password-settings-content form{background-color:#fff;margin-bottom:16px}.input-field{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.input-field:first-child{margin-top:16px}.input-field:last-child{border-bottom:none}.input-label{color:#333;flex-shrink:0;font-size:14px;font-weight:400;margin-right:12px;min-width:80px;white-space:nowrap;width:80px}.input-control{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;color:#333;flex:1 1;font-size:14px;max-width:100%;min-width:0;outline:none;padding:8px 12px;width:100%}.input-control:focus{background-color:#fff;border-color:#27a844}.password-settings-content .submit-button{background-color:#27a844!important;border:none!important;border-radius:25px!important;box-sizing:border-box;color:#fff!important;cursor:pointer;display:block!important;font-size:14px!important;font-weight:400!important;margin:8px auto 16px!important;max-width:80%!important;padding:12px 16px!important;transition:background-color .3s;width:80%!important}.password-settings-content .submit-button:hover{background-color:#1e8e3a!important}.password-settings-content .submit-button:active{background-color:#15702d!important}.password-settings-content .submit-button:disabled{background-color:#ccc!important;cursor:not-allowed!important;opacity:.6}@media (max-width:480px){.input-field{padding:12px 16px}.input-label{font-size:13px}.input-control{font-size:13px;padding:6px 10px}}.invite-friends-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.invite-friends-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:8px 16px;position:relative}.invite-friends-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.invite-friends-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:16px}.share-link-heading{color:#333;font-size:16px;font-weight:400;margin:0 0 12px;text-align:center}.link-container{flex-direction:column;margin-top:8px}.link-container,.link-display{align-items:center;display:flex}.link-display{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:12px;padding:5px 10px;width:100%}.link-text{color:#333;flex:1 1;font-size:14px;min-width:0;word-break:break-all}.copy-button{background-color:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:400;padding:10px 20px;transition:background-color .3s;white-space:nowrap}.copy-button:hover{background-color:#1976d2}.copy-button:active{background-color:#1565c0}.copy-notification{animation:fadeInOut 2s ease-in-out;background-color:#000c;border-radius:8px;color:#fff;left:50%;padding:16px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.copy-notification p{font-size:16px;font-weight:400;margin:0}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@media (max-width:480px){.link-display{padding:10px 14px}.link-text{font-size:11px}.copy-button{font-size:13px;padding:8px 16px}}.inside-news-page{background-color:#f5f5f5;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;max-height:100vh;overflow:hidden;position:absolute;right:0;top:0;width:100%}.inside-news-header{align-items:center;background-color:#27a844;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:8px 16px;position:relative}.inside-news-title{color:#fff;flex:1 1;font-size:15px;font-weight:400;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.inside-news-content{background-color:#f5f5f5;flex:1 1;overflow-y:auto;padding:16px}.loading-message,.no-data-message{color:#999;font-size:14px;padding:40px 20px;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.notification-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.notification-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon i{color:#27a844;font-size:18px}.notification-date{color:#999;flex:1 1;font-size:12px}.notification-message{word-wrap:break-word;color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap}@media (max-width:480px){.no-data-message{font-size:13px}}.futures-market{background-color:#fff;display:flex;flex-direction:column;max-height:100vh;min-height:100vh;overflow:hidden;width:100%}.futures-market-header{align-items:center;background-color:#27a844;display:flex;padding:5px 16px;position:relative}.futures-market-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.futures-market-content{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden;padding:8px 16px 80px}.datetime-display{color:#f44336!important;flex-shrink:0;font-size:14px!important;font-weight:500;line-height:1.2;margin-bottom:2px;margin-top:0;text-align:center}.price-info-section{grid-gap:8px;border-bottom:1px dashed #e0e0e0;border-radius:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-left:-16px;margin-right:-16px;margin-top:-18px;padding:12px 16px}.price-info-main{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.price-label{color:#666;font-size:14px}.current-price-container{align-items:center;display:flex;gap:4px}.current-price-arrow{font-size:12px}.current-price-arrow.up{color:#4caf50}.current-price-arrow.down{color:#f44336}.current-price{font-size:16px;font-weight:600}.current-price.positive{color:#4caf50}.current-price.negative{color:#f44336}.current-price-change{font-size:16px;font-weight:600}.current-price-change.positive{color:#4caf50}.current-price-change.negative{color:#f44336}.price-change-info{align-items:center;display:flex;flex-direction:column;gap:8px}.price-change-label{color:#666;font-size:14px}.price-change-value{font-size:16px;font-weight:600}.price-change-value.positive{color:#4caf50}.price-change-value.negative{color:#f44336}.percentage-change-info{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.percentage-change-label{color:#666;font-size:14px}.percentage-change-value{font-size:16px;font-weight:600}.percentage-change-value.positive{color:#4caf50}.percentage-change-value.negative{color:#f44336}.details-section{grid-gap:8px;background-color:#fff;border-radius:8px;border-top:1px dashed #e0e0e080;display:grid;flex-shrink:0;gap:8px;grid-template-columns:1fr 1fr 1fr!important;margin-top:-16px;padding:12px 5px 5px}.details-col{display:flex;flex-direction:column;gap:0}.details-col:first-child,.details-col:nth-child(2){align-items:flex-start;text-align:left}.details-col:nth-child(2) .detail-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:80px 1fr;width:100%}.details-col:nth-child(2) .detail-value{text-align:right!important}.details-col:nth-child(2) .detail-label{text-align:left!important;white-space:nowrap}.details-col:last-child{align-items:flex-end;text-align:right}.detail-item{display:flex;flex-direction:column;gap:2px;justify-content:flex-start;min-height:24px}.detail-label,.detail-value{color:#000;font-size:12px}.detail-value{font-weight:600}.asset-name{flex-shrink:0;font-weight:700;margin-top:-6px;padding:4px 0;text-align:center}.ohlcv-data{background-color:#f0f0f0;color:#000;text-align:left}.moving-averages,.ohlcv-data{border-radius:4px;font-size:12px;margin-bottom:8px;padding:8px 12px}.moving-averages{align-items:center;background-color:#000;color:#fff;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.ma-label{font-weight:600}.ma-label,.ma-value{color:#fff}.ma-value.down{color:#f44336}.ma-value.up{color:#4caf50}.chart-section{flex-shrink:0;margin-top:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chart-title{color:#000;font-size:14px;font-weight:600}.chart-code-icon{color:#666;font-size:14px}.chart-container{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;height:390px;overflow:hidden;padding:0;width:100%}.chart-placeholder,.tradingview-widget-container{height:100%;position:relative;width:100%}.tradingview-widget-container__widget{height:calc(100% - 32px);width:100%}.tradingview-widget-copyright{color:#9db2bd;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;font-size:11px;height:32px;line-height:32px;text-align:center;vertical-align:middle}.tradingview-widget-copyright .blue-text{color:#2962ff;text-decoration:none}.tradingview-widget-copyright .trademark{color:#9db2bd}.chart-info{height:100%}.chart-info,.chart-y-axis{display:flex;flex-direction:column}.chart-y-axis{bottom:40px;color:#666;font-size:10px;justify-content:space-between;padding-right:8px;position:absolute;right:0;top:0}.chart-candles{align-items:flex-end;display:flex;gap:8px;height:calc(100% - 40px);justify-content:space-around;padding:0 40px 40px 0}.candle{border-radius:2px;min-height:20px;width:20px}.candle.green{background-color:#4caf50;height:60px}.candle.red{background-color:#f44336;height:40px}.chart-x-axis{border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:10px;justify-content:space-around;padding-top:8px}.create-order-button{background:#27a844;border:none;border-radius:25px;bottom:10px;box-shadow:none;color:#fff;cursor:pointer;font-size:14px;font-weight:400;left:50%;margin-top:0;padding:12px;position:fixed;transform:translateX(-50%);transition:background-color .3s;width:70%;z-index:1000}.create-order-button:hover{background:#218838;box-shadow:none}.create-order-button:active{transform:translateX(-50%)}@media (max-width:480px){.futures-market-header{padding:10px 12px}.futures-market-title{font-size:14px}.current-price{font-size:16px}.details-section{gap:12px;grid-template-columns:1fr 1fr 1fr!important}.chart-container{height:250px}}.create-order-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.create-order-header{align-items:center;background-color:#27a844;display:flex;padding:5px 16px;position:relative}.create-order-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.create-order-content{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 16px 100px}.asset-info-section{background-color:#fff;border-radius:8px;padding:16px}.asset-name-row{align-items:center;display:flex;justify-content:space-between;position:relative}.asset-name-left{display:flex;flex-direction:column;gap:4px}.asset-name{color:#000;font-size:14px;font-weight:400}.asset-code{color:#27a844;font-size:12px}.asset-leverage-center{align-items:center;bottom:0;display:flex;left:50%;position:absolute;transform:translateX(-50%)}.asset-leverage{color:#27a844;font-size:12px}.asset-price-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.asset-price-container{align-items:center;display:flex;gap:4px}.asset-price-arrow{font-size:12px}.asset-price-arrow.up{color:#4caf50}.asset-price-arrow.down{color:#f44336}.asset-price-value{font-size:14px;font-weight:600;white-space:nowrap}.asset-price-value.positive{color:#4caf50}.asset-price-value.negative{color:#f44336}.asset-price-change-value{font-size:14px;font-weight:600;white-space:nowrap}.asset-price-change-value.positive{color:#4caf50}.asset-price-change-value.negative{color:#f44336}.asset-price-percentage{font-size:12px;font-weight:500}.asset-price-percentage.positive{color:#4caf50}.asset-price-percentage.negative{color:#f44336}.investment-type-section{background-color:#fff;border-radius:8px 8px 0 0;padding:16px 16px 0 15px}.section-title{color:#666;font-size:14px;font-weight:400;margin-bottom:12px;padding-left:0}.investment-type-options{display:flex;flex-direction:column;gap:0;padding-left:0}.investment-type-option{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px 8px 0;transition:all .3s}.investment-type-option.selected{background-color:#fff;border:none}.radio-button{align-items:center;border:2px solid #999;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.investment-type-option.selected .radio-button{border-color:#27a844}.radio-check{background-color:#27a844;border-radius:50%;height:12px;width:12px}.investment-type-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.investment-type-income{margin-left:auto;margin-right:-30px}.investment-type-name{color:#666;font-size:14px;font-weight:500}.investment-type-income{align-items:baseline;color:#666;display:flex;font-size:14px;gap:4px}.income-label{flex-shrink:0;font-weight:400;white-space:nowrap;width:50px}.income-value{font-weight:600;min-width:60px;text-align:left;white-space:nowrap}.investment-details-section{background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;margin-top:-8px;padding:16px 16px 16px 15px}.detail-row{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.detail-row:not(.detail-row-inline) .detail-value{align-self:flex-end}.detail-row-inline{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.detail-row-no-space{gap:0;justify-content:flex-start}.detail-label{color:#666;font-size:14px}.detail-row-no-space .detail-label{font-size:14px;font-weight:400}.detail-value{color:#666;font-size:14px;font-weight:500}.detail-row-no-space .detail-value{font-size:14px;font-weight:400}.investment-amount-section{background-color:#fff;border-radius:8px;padding:12px 16px}.investment-amount-row{align-items:center;display:flex;gap:8px}.investment-amount-section .section-title{margin-bottom:0;white-space:nowrap}.investment-amount-input{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:14px;margin-top:0;padding:12px}.investment-amount-input:focus{border-color:#2962ff;outline:none}.account-balance-section{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;gap:8px;justify-content:flex-start;padding:12px 16px}.balance-label{color:#666;font-size:14px}.balance-amount{color:#f44336;font-size:16px;font-weight:400}.agreement-section{align-items:center;background-color:#fff;border-radius:0 0 8px 8px;display:flex;gap:12px;margin-top:-4px;padding:8px 16px 12px}.agreement-checkbox{align-items:center;border:2px solid #999;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .3s;width:20px}.agreement-checkbox.checked{background-color:#f44336;border-color:#f44336;color:#fff}.agreement-text{font-size:14px}.agreement-text-gray{color:#666}.agreement-text-orange{color:#2962ff}.submit-button{background:#27a844;border-radius:25px;display:block;font-size:14px;font-weight:400;margin:10px auto 0;width:80%}.submit-button:hover{background:#218838}.submit-button:active{transform:scale(.98)}@media (max-width:480px){.create-order-content{padding:12px}.asset-price-value{font-size:16px}.investment-type-income,.investment-type-name{font-size:13px}}.language-settings-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.language-settings-header{align-items:center;background-color:#27a844;display:flex;padding:5px 16px;position:relative}.language-settings-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.language-settings-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.language-option{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .3s}.language-option:hover{box-shadow:0 2px 6px #00000026}.language-name{color:#000;font-size:16px;font-weight:400}.language-checkmark{color:#666;font-size:18px}@media (max-width:480px){.language-settings-header{padding:5px 12px}.language-settings-title{font-size:14px}.language-option{padding:14px}.language-name{font-size:14px}}.user-login-page{background-color:#000;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:auto;position:relative;width:100%}.user-login-background{background-position:top;background-repeat:no-repeat;background-size:100% 50vh;display:block;height:50vh;pointer-events:none;top:40px;z-index:0}.user-login-background,.user-login-header{left:0;position:absolute;right:0;width:100%}.user-login-header{align-items:center;background-color:#27a844;display:flex;justify-content:space-between;min-height:auto;padding:4px 16px;pointer-events:auto;top:0;z-index:1000}.back-button-placeholder{height:32px;width:32px}.user-login-title{color:#fff;font-size:14px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:calc(100% - 120px);z-index:1}.language-button{background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;margin-right:-8px;min-width:40px;padding:4px 8px;pointer-events:auto!important;position:relative;touch-action:manipulation;z-index:1002}.language-button:hover{opacity:.8}.user-login-content{align-items:center;background-image:url(/pttgroup/build/static/media/55551.f6b835cd605726331331.png);background-position:top;background-repeat:no-repeat;background-size:100% 50vh;display:flex;flex:1 1;justify-content:center;margin-top:40px;min-height:calc(100vh - 40px);padding:0;pointer-events:none;position:relative}.login-form{background-color:initial;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;left:0;min-height:auto;padding:0;pointer-events:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:10}.login-form .footer-text{margin-top:auto;padding-top:20px}.input-group{align-items:center;border:1px solid #fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin:0 10px;padding:12px 14px;position:relative;width:calc(100% - 20px)}.input-group,.input-group-username{background-color:#000}.input-icon{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:center;margin-left:-4px;margin-right:8px;width:24px}.login-input{background:#0000;border:none;color:#999;flex:1 1;font-size:13px;outline:none}.login-input::placeholder{color:#999}.login-button{background-color:#27a844;border:none;border-radius:25px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:13px;font-weight:400;margin:2px 10px 0;padding:12px;transition:background-color .3s;width:calc(100% - 20px)}.login-button:hover{background-color:#218838}.login-button:active{background-color:#1e7e34}.links-above-button{align-items:center;display:flex;justify-content:space-between;margin:-4px 10px 0;padding:0}.links-above-button,.register-link-left{pointer-events:auto!important;position:relative;z-index:100}.register-link-left{color:#999;cursor:pointer;font-size:13px;font-weight:400;text-align:left;text-decoration:none}.register-link-left:hover{text-decoration:underline}.forgot-password-link-right{color:#999;cursor:pointer;font-size:13px;font-weight:400;pointer-events:auto!important;position:relative;text-align:right;text-decoration:none;z-index:100}.forgot-password-link-right:hover{text-decoration:underline}.footer-text{font-size:13px;line-height:1.5;padding:0 20px}.footer-text,.footer-text-top{box-sizing:border-box;color:#999;margin-top:0;position:relative;text-align:center;width:100%}.footer-text-top{background-color:initial;font-size:11px;line-height:1.4;padding:12px 20px 8px;z-index:999}.language-modal-overlay{animation:fadeIn .3s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.language-modal{background-color:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #00000026;left:0;position:fixed;right:0;top:0;z-index:2001}.language-modal,.language-modal.show{animation:slideDown .3s ease}.language-modal.closing{animation:slideUp .3s ease}.language-modal-header{background-color:#27a844;border-radius:0 0 0 0;padding:16px;text-align:center}.language-modal-header h2{color:#fff;font-size:13px;font-weight:600;margin:0}.language-modal-content{display:flex;flex-direction:column;gap:8px;padding:16px}.language-modal .language-option{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .3s}.language-modal .language-option:hover{background-color:#f5f5f5;border-color:#27a844}.language-modal .language-option.selected{background-color:#e8f5e9;border-color:#27a844}.language-modal .language-name{color:#000;font-size:13px;font-weight:400}.language-modal .language-checkmark{color:#27a844;font-size:18px}@media (max-width:480px){.user-login-title{font-size:14px}.language-button{font-size:12px}.language-modal-header h2{font-size:13px}.language-modal .language-option{padding:14px}.language-modal .language-name{font-size:13px}}.user-register-page{background-color:#000;display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:auto;position:relative;width:100%}.user-register-page:after{display:none}.user-register-page>*{position:relative;z-index:1}.user-register-header{align-items:center;background-color:#27a844;display:flex;justify-content:space-between;left:0;min-height:auto;padding:4px 16px;pointer-events:auto;position:absolute;right:0;top:0;width:100%;z-index:1000}.back-button{margin-left:-8px}.user-register-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.user-register-content{align-items:center;background-position:top;background-repeat:no-repeat;background-size:100% 50vh;display:flex;flex:1 1;justify-content:center;margin-top:40px;min-height:calc(100vh - 40px);padding:0;pointer-events:none;position:relative}.register-form{background-color:initial;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;left:0;min-height:auto;padding:0;pointer-events:auto;position:absolute;right:0;top:55%;transform:translateY(-50%);width:100%;z-index:10}.register-input-group{align-items:center;background-color:#000;border:1px solid #fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;margin:0 10px;padding:12px 14px;position:relative;width:calc(100% - 20px)}.register-input-group:last-of-type{margin-bottom:6px}.register-input-icon{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:16px;justify-content:center;margin-left:-4px;margin-right:8px;width:24px}.register-input{background:#0000;border:none;color:#999;flex:1 1;font-size:13px;outline:none}.register-input::placeholder{color:#999}.password-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;margin-left:8px;padding:4px}.password-toggle,.password-toggle i{color:#fff!important}.password-toggle:hover{opacity:.8}.register-button{background-color:#27a844;border:none;border-radius:25px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:13px;font-weight:400;margin:2px 10px 0;padding:12px;transition:background-color .3s;width:calc(100% - 20px)}.register-button:hover{background-color:#218838}.register-button:active{background-color:#1e7e34}@media (max-width:480px){.user-register-title{font-size:14px}}.top-up-page{background-color:#fff;display:flex;flex-direction:column;min-height:100vh;width:100%}.top-up-header{align-items:center;background-color:#27a844;display:flex;justify-content:space-between;padding:5px 16px;position:relative}.top-up-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.top-up-content{background-color:#fff;flex:1 1;padding:16px}.top-up-method-title{border-bottom:1px solid #e0e0e0;color:#666;font-size:16px;margin-bottom:16px;padding-bottom:16px;text-align:center}.top-up-methods-list{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden}.top-up-method-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .3s}.top-up-method-item:last-child{border-bottom:none}.top-up-method-item:hover{background-color:#f8f8f8}.top-up-method-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.top-up-method-name{color:#dc3545;font-size:16px;font-weight:500;margin-bottom:4px}.top-up-method-description{color:#666;font-size:14px;font-weight:400}.top-up-method-arrow{color:#999;font-size:14px;margin-left:12px}.top-up-warning{background-color:initial;border-radius:0;color:#9c27b0;font-size:14px;margin-top:20px;padding:12px 10px 12px 0;text-align:left}@media (max-width:480px){.top-up-header{padding:10px 12px}.top-up-title{font-size:14px}.top-up-history-button{font-size:12px;padding:6px}}.top-up-form-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.top-up-form-header{align-items:center;background-color:#27a844;display:flex;justify-content:space-between;padding:5px 16px;position:relative}.back-button{background:#0000;padding:8px}.back-button:hover{opacity:.8}.top-up-form-title{color:#fff;font-size:16px;font-weight:600;left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%)}.top-up-history-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px;position:relative;white-space:nowrap;z-index:10}.top-up-history-button:hover{opacity:.8}.top-up-form-content{background-color:#f5f5f5;flex:1 1;padding:20px 16px}.top-up-form-label{color:#666;font-size:16px;font-weight:500;margin-bottom:12px}.top-up-input-group{margin-bottom:20px}.top-up-amount-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;outline:none;padding:16px;transition:border-color .3s;width:100%}.top-up-amount-input:focus{border-color:#27a844}.top-up-amount-input::placeholder{color:#999}.top-up-min-amount-info{color:#666;font-size:12px;font-weight:400;margin-top:8px}.top-up-converted-amount{color:#dc3545;font-size:14px;font-weight:500;margin-top:8px}.top-up-form-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.submit-button{background-color:#27a844;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#218838}.submit-button:active{background-color:#1e7e34}.submit-button.disabled{background-color:#ccc;color:#999;cursor:not-allowed;opacity:.6}.submit-button.disabled:active,.submit-button.disabled:hover{background-color:#ccc}.back-button-form{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.back-button-form:hover{background-color:#f8f8f8}.back-button-form:active{background-color:#f0f0f0}.top-up-form-warning{background-color:initial;border-radius:0;color:#e91e63;font-size:14px;line-height:1.5;margin-top:-4px;padding:8px 0;text-align:left}@media (max-width:480px){.top-up-form-header{padding:10px 12px}.top-up-form-title{font-size:14px}.top-up-history-button{font-size:12px;padding:6px}.top-up-form-content{padding:16px 12px}}.about-us-page{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;position:absolute;right:0;top:0;width:100%}.about-us-header{background-color:#27a844;box-shadow:0 1px 3px #0000001a;padding:5px 16px}.about-us-header,.back-button{align-items:center;display:flex;position:relative}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;justify-content:center;margin-right:8px;min-height:32px;min-width:32px;padding:4px;transition:all .2s ease;z-index:10}.back-button:hover{color:#e0e0e0;transform:scale(1.1)}.back-button:active{transform:scale(.95)}.about-us-title{color:#fff;flex:1 1;font-size:16px;font-weight:600;left:0;margin:0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.about-us-content{background-color:#fff;flex:1 1;overflow-y:auto;padding:20px 16px 100px}.about-us-intro{background-color:#f8f9fa;border-radius:8px;line-height:1.8;margin-bottom:24px;padding:20px}.about-us-intro p{color:#333;font-size:15px;font-weight:400;margin:0 0 12px}.about-us-intro p:last-child{margin-bottom:0}.about-us-article{background-color:#fff;border-radius:8px;line-height:1.8;padding:20px}.article-title{color:#333;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 8px}.article-date{color:#999;font-size:13px;margin:0 0 20px}.article-section-title{color:#27a844;font-size:18px;font-weight:600;margin:24px 0 12px}.article-subsection-title{color:#333;font-size:16px;font-weight:600;margin:20px 0 10px}.article-paragraph{color:#333;font-size:15px;font-weight:400;margin:0 0 16px;text-align:justify}.article-list{margin:16px 0;padding-left:20px}.article-list li{color:#333;font-size:15px;line-height:1.6;margin:0 0 12px}.article-list li:last-child{margin-bottom:0}.article-table{margin:20px 0;overflow-x:auto}.article-table table{background-color:#fff;border-collapse:collapse;font-size:13px;width:100%}.article-table th{background-color:#27a844;border:1px solid #218838;color:#fff;font-weight:600;padding:10px 8px;text-align:left}.article-table td{border:1px solid #e0e0e0;color:#333;padding:10px 8px;vertical-align:top}.article-table tr:nth-child(2n){background-color:#f8f9fa}.article-table tr:hover{background-color:#f0f0f0}.article-example{background-color:#f8f9fa;border-left:4px solid #27a844;border-radius:4px;margin:20px 0;padding:16px}.example-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.article-example p{color:#333;font-size:14px;margin:0 0 8px}.example-calculation{background-color:#fff;border-radius:4px;color:#27a844;font-size:16px;font-weight:600;margin:8px 0!important;padding:8px;text-align:center}@media (max-width:480px){.about-us-content,.about-us-text{padding:16px}.about-us-text p{font-size:14px}}
/*# sourceMappingURL=main.d57bfba7.css.map*/