.view-register{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.view-register .tab-wrapper{background-color:#f0f6f6;border-radius:2rem;display:flex;justify-content:space-between;padding:.25rem;margin:1.5rem auto;max-width:400px}.view-register .tab-btn{flex:1;padding:.75rem;border:none;border-radius:2rem;background:transparent;color:#333;font-weight:500;transition:all .3s}.view-register .tab-btn.active{background-color:#fff;box-shadow:0 0 0 1px #eee;font-weight:600}.view-register .form-control{background-color:#f3f9f9;border:none;border-radius:1rem;padding:5px;font-size:16px;margin-bottom:1rem}.view-register .form-control::-moz-placeholder{color:#6c757d;opacity:.8}.view-register .form-control:-ms-input-placeholder{color:#6c757d;opacity:.8}.view-register .form-control::placeholder{color:#6c757d;opacity:.8}.view-register .btn-primary-custom{background-color:#f03;color:#fff;border:none;border-radius:1rem;padding:.75rem;width:100%;font-weight:500}.view-register .intro-img{width:100%;max-width:360px;display:block;margin:2rem auto 1rem}.view-register .title{text-align:center;font-size:1.5rem;font-weight:700;margin-top:1rem}.view-register .subtitle{text-align:center;color:#6c6f7e;font-size:15px;margin-top:.5rem;padding:0 1.5rem}.view-register .form-container{max-width:480px;margin:0 auto;padding:0 1.5rem}.view-register .terms{font-size:14px;color:#6c6f7e;margin:1rem 0}.view-register .terms a{color:#f03;text-decoration:none;font-weight:500}.view-register .btn-danger-custom{background-color:#f03;color:#fff;border:none;border-radius:1rem;padding:.75rem;font-weight:500}.view-register .header-forgot{background:linear-gradient(90deg,#f03,#f03);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:relative;padding:3rem 1.5rem;height:60px;display:flex;align-items:center;justify-content:center}.view-register .back-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff;text-decoration:none}.view-register .forgot-title{font-weight:700;font-size:1.2rem;margin:0}#app{margin:0}.plus-button{background-color:#f03;width:50px;height:50px;border-radius:50%;color:#fff;font-size:23px;position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(0,0,0,.2)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #ddd;z-index:999}.bottom-nav .nav-item{flex:1;text-align:center;padding:5px 0;font-size:13px;color:#999;background-color:transparent}.bottom-nav .nav-item .fas{display:block;font-size:23px;padding:6px;width:36px;height:25px;line-height:20px;margin:0 auto 5px;color:#999;background-color:transparent}.view-home{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.view-home .intro-banner{background:linear-gradient(90deg,#f03,#df4e6b);position:relative;padding:6rem 1.5rem;height:100px;display:flex;align-items:center;justify-content:center}.view-home .truck-image{width:200px}.view-home .content-overlap{margin-top:-45px;z-index:10;position:relative}.view-home .rounded-top-only{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important;border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}.view-home .rounded-top-only .text-order{font-size:18px}.view-home .overlap-with-bottom{height:50px}.order-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:12px}.order-page .status-bar{display:flex;align-items:center;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-weight:500}.order-page .status-bar.online{background:#e8f9f0;color:#07c160}.order-page .status-bar.offline{background:#fdeaea;color:#ee0a24}.order-page .order-filter{background:#f8f8f8;border-radius:12px;padding:12px;margin-bottom:12px}.order-page .order-filter .filter-actions{display:flex;justify-content:space-between;margin-top:8px}.order-page .order-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:12px;margin-bottom:16px;text-align:left}.order-page .order-card .order-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.order-page .order-card .order-section .title{font-weight:700;margin-bottom:4px}.order-page .order-card .order-info{font-size:14px;margin-bottom:8px}.order-page .order-card .order-price{font-size:15px;font-weight:500;margin-bottom:8px}.order-page .order-card .order-price .app-price{color:#1989fa}.order-page .order-card .order-price .driver-price{color:#ee0a24}.order-page .order-card .order-actions{display:flex;margin-top:8px;gap:6px}.order-page .map-container{height:500px;border-radius:12px;overflow:hidden;margin-top:12px}.order-page .view-toggle{display:flex;justify-content:space-between;margin:12px 0}.order-page .marker{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.pad-bottom{padding-bottom:80px}.view-account{background-color:#f7fbfc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding-bottom:100px}.view-account .account-header{background:linear-gradient(90deg,#f03,#f03);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.view-account .account-header .user-avatar{width:48px;height:48px;background-color:hsla(0,0%,100%,.2);border-radius:50%;display:flex;justify-content:center}.view-account .account-header .user-name{font-size:18px;text-align:left}.view-account .account-header .user-phone{font-size:14px;opacity:.9;text-align:left}.view-account .account-list{background-color:#fff;border-radius:1rem;margin:1rem}.view-account .account-list .account-item{text-decoration:none;color:#212529}.view-account .account-list .account-item .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px}.view-account .account-list .account-item .label{text-align:left;font-weight:600;font-size:15px}.view-account .account-list .account-item i.fas.fa-chevron-right{font-size:14px}.view-account .app-version{margin-top:auto;font-size:13px;color:#6c757d;position:fixed;bottom:100px;width:100%}.view-account .text-purple{color:#8e44ad}.view-account .wallet-card{border-radius:18px;background:linear-gradient(135deg,#fe4f4f,#f74141);color:#fff}.view-account .wallet-card .wallet-balance{font-size:26px;font-weight:700}.view-account .account-item{display:flex;align-items:center;padding:14px;background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:.2s}.view-account .account-item:hover{background:#f6faff}.view-account .account-item .menu-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;margin-right:12px;font-size:16px}.view-account .account-item .menu-icon.bg-purple{background:#6f42c1}.view-account .btn-action{padding:5px 0;font-size:15px;font-weight:500;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-account .btn-action.btn-reload{background:#fff;border:1.5px solid #4facfe;color:#4facfe;margin-right:5px}.view-account .btn-action.btn-reload:hover{background:#e9f6ff}.view-account .btn-action.btn-deposit{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.1);margin-left:5px}.view-account .btn-action.btn-deposit:hover{opacity:.9}.view-new{font-family:Arial,sans-serif}.view-new .news-banner{position:relative}.view-new .news-banner .banner-img{width:100%;height:auto;border-radius:0 0 10px 10px}.view-new .news-banner .back-btn{position:absolute;top:15px;left:15px;background-color:hsla(0,0%,100%,.8);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#f55c3d;font-size:18px;text-decoration:none}.view-new .title{font-size:20px;color:#000}.view-new .subtitle{font-size:14px;color:#1a1a1a}.view-new .text-content{line-height:1.6}.view-new .text-content,.view-new ul{font-size:14px;color:#333}.view-new ul li{margin-bottom:8px}.notification-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.notification-page .header{background:linear-gradient(90deg,#f03,#f03);color:#fff;padding:1rem 1rem .5rem;position:relative}.notification-page .header .back-btn{position:absolute;left:1rem;top:1.2rem;font-size:1.2rem;color:#fff}.notification-page .header h4{text-align:center;font-weight:700;margin:0}.notification-page .tab-header{background:#fff;border-bottom:1px solid #eee}.notification-page .tab-header .tab-item{flex:1;padding:.8rem 0;font-weight:500;color:#333;cursor:pointer;position:relative}.notification-page .tab-header .tab-item.active{color:#f03}.notification-page .tab-header .tab-item.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background-color:#f03;border-radius:2px}.notification-page .tab-content{background:#fff;min-height:100vh;padding-bottom:100px}.notification-page .notification-item{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer;transition:box-shadow .3s}.notification-page .notification-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}.notification-page .icon-wrap,.notification-page .image-thumb{flex-shrink:0;margin-right:12px}.notification-page .icon-wrap{width:42px;height:42px;background-color:#f1f1f1;border-radius:50%;text-align:center;line-height:42px;font-size:18px;color:#f03}.notification-page .icon-wrap.bg-promo{background-color:#ffecec;color:#e53935}.notification-page .icon-wrap.bg-system{background-color:#e5f0ff;color:#36c}.notification-page .image-thumb{width:42px;height:42px}.notification-page .image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.notification-page .content{flex:1}.notification-page .content .title{font-size:15px;font-weight:600;margin-bottom:2px;line-height:1.3}.notification-page .content .desc{font-size:13px;color:#666;margin-bottom:4px}.notification-page .content .time{font-size:12px;color:#aaa}.view-chang-pass{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.view-chang-pass .form-control{background-color:#f3f9f9;border:none;border-radius:1rem;padding:1rem;font-size:16px;margin-bottom:1rem}.view-chang-pass .form-control::-moz-placeholder{color:#6c757d;opacity:.8}.view-chang-pass .form-control:-ms-input-placeholder{color:#6c757d;opacity:.8}.view-chang-pass .form-control::placeholder{color:#6c757d;opacity:.8}.view-chang-pass .btn-primary-custom{background-color:#f03;color:#fff;border:none;border-radius:1rem;padding:.75rem;width:100%;font-weight:500}.view-chang-pass .title{text-align:center;font-size:1.5rem;font-weight:700;margin-top:1rem}.view-chang-pass .form-container{max-width:480px;margin:0 auto;padding:0 1.5rem}.view-chang-pass .btn-danger-custom{background-color:#f03;color:#fff;border:none;border-radius:1rem;padding:.75rem;font-weight:500}.view-chang-pass .header-forgot{background:linear-gradient(90deg,#f03,#f03);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:relative;padding:3rem 1.5rem;height:60px;display:flex;align-items:center;justify-content:center}.view-chang-pass .header-forgot .back-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff;text-decoration:none}.view-chang-pass .header-forgot .forgot-title{font-weight:700;font-size:1.2rem;margin:0}.help-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.help-screen .header-forgot{background:linear-gradient(90deg,#f85a49,#f7633b);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:relative;padding:3rem 1.5rem;height:60px;display:flex;align-items:center;justify-content:center}.help-screen .header-forgot .back-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff;text-decoration:none}.help-screen .header-forgot .forgot-title{font-weight:700;font-size:1.2rem;margin:0}.help-screen .card{background:#fff;border-radius:16px;box-shadow:0 0 0 transparent}.help-screen .card .info-item{align-items:flex-start}.help-screen .card .info-item .icon{width:24px;font-size:1.2rem;color:#dc3545;text-align:center}.help-screen .card .info-item .info-text .label{font-size:.9rem;margin-bottom:2px;font-weight:700}.help-screen .card .info-item .info-text .value{font-size:.95rem;line-height:1.4;color:#212529}.help-screen .card .info-item:not(:last-child){border-bottom:1px solid #eee}.help-screen .section-title{font-weight:600;margin-bottom:1rem;display:flex;align-items:center}.help-screen .info-item{margin-bottom:1rem;font-size:.95rem}.help-screen .info-item i{width:20px}.help-screen .info-item span{font-weight:500}.help-screen .faq-item{margin-bottom:1rem}.help-screen .faq-item .faq-question{background:none;border:none;padding:0;font-weight:600;width:100%}.help-screen .faq-item .faq-answer{font-size:.9rem;line-height:1.5}.help-screen .fixed-bottom-button .btn-custom{border-radius:10px;padding:10px}.my-account{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.my-account .header-forgot{background:linear-gradient(90deg,#f03,#f03);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:relative;padding:3rem 1.5rem;height:60px;display:flex;align-items:center;justify-content:center}.my-account .header-forgot .back-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff;text-decoration:none}.my-account .header-forgot .forgot-title{font-weight:700;font-size:1.2rem;margin:0}.my-account .card-box{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 6px rgba(0,0,0,.15)}.my-account .card-box .section-title{font-weight:700;font-size:1rem;display:flex;align-items:center;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.my-account .card-box .content-box{border-radius:10px;transition:background .3s;cursor:pointer}.my-account .card-box .content-box:hover{background-color:#f3f3f3}.my-account .card-box .type-icon{width:44px;height:44px}.my-account .card-box .form-control{border-radius:1rem;padding:1rem;font-size:16px;margin-bottom:1rem}.my-account .card-box .form-control::-moz-placeholder{color:#6c757d;opacity:.8}.my-account .card-box .form-control:-ms-input-placeholder{color:#6c757d;opacity:.8}.my-account .card-box .form-control::placeholder{color:#6c757d;opacity:.8}.my-account .card-box .avatar{width:80px;height:80px;-o-object-fit:cover;object-fit:cover}.my-account .card-box .camera-icon{position:absolute;bottom:-5px;background:#fff;border-radius:50%;padding:6px;font-size:14px;color:#f03;box-shadow:0 0 4px rgba(0,0,0,.2);cursor:pointer}.my-account .card-box .btn-edit{background:#ffe9e9;border:none;border-radius:10px;padding:5px 10px}.my-account .card-box .info-row{font-size:.95rem}.my-account .popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.my-account .popup-overlay .popup-box{background:#fff;border-radius:10px;padding:20px;width:300px;box-shadow:0 3px 10px rgba(0,0,0,.3)}.orders-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f2f7f7;min-height:100vh}.orders-page .pending-orders .flex{text-align:center}.orders-page .header{background:linear-gradient(90deg,#f03,#f03);color:#fff;padding:1rem 1rem .5rem;position:relative}.orders-page .header .back-btn{position:absolute;left:1rem;top:1.2rem;font-size:1.2rem;color:#fff}.orders-page .header h4{text-align:center;font-weight:700;margin:0}.orders-page .order-tabs{background:#fff;overflow-x:auto}.orders-page .order-tabs .tab-item{padding:12px 16px;font-weight:500;flex-shrink:0;border-bottom:2px solid transparent;cursor:pointer}.orders-page .order-tabs .tab-item.active{color:#f03;border-bottom:2px solid #f03}.orders-page .sub-tabs .sub-tab{margin:0 6px;padding:8px 14px;border-radius:20px;background:#fff;border:none;color:#333;font-weight:500}.orders-page .sub-tabs .sub-tab.active{background:#f03;color:#fff}.orders-page .order-empty h5{font-size:18px}.orders-page .order-empty p{font-size:14px;color:#999}.header{background:linear-gradient(90deg,#f03,#f03);color:#fff;padding:1rem 1rem .5rem;position:relative}.header .back-btn{position:absolute;left:1rem;top:1.2rem;font-size:1.2rem;color:#fff}.header h4{text-align:center;font-weight:700;margin:0}.order-detail-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8f9fb;border-radius:12px;font-size:14px;color:#333}.order-detail-container .card-box{background-color:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08);padding:16px;margin-bottom:16px}.order-detail-container .card-box .driver-avatar{width:40px;height:40px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.order-detail-container .info-item{display:flex;align-items:flex-start;margin-bottom:12px}.order-detail-container .info-item .info-icon{width:36px;height:36px;margin-right:12px}.order-detail-container .info-item .info-title{font-weight:600;margin-bottom:4px}.order-detail-container .info-item .info-subtitle{color:#888;margin-bottom:0}.order-detail-container .section{margin-bottom:12px}.order-detail-container .section .payment-card{display:flex;align-items:flex-start;border:1px solid #f0f0f0;border-radius:12px;padding:12px;margin-bottom:12px;background-color:#fff;cursor:pointer;transition:border-color .3s}.order-detail-container .section .payment-card.active{border-color:#f03;background-color:#fff8f7}.order-detail-container .section .payment-card .payment-icon{width:40px;height:40px;margin-right:12px}.order-detail-container .section .payment-card .payment-title{font-weight:600;margin-bottom:4px;color:#333}.order-detail-container .section .payment-card .payment-desc{font-size:13px;color:#888;margin:0}.order-detail-container .section .total-price{font-size:18px}.order-detail-container .remove-icon{color:#e53935;cursor:pointer;font-size:14px;margin-left:8px;transition:transform .2s ease}.order-detail-container .remove-icon:hover{transform:scale(1.2);color:#ff3b30}.order-detail-container .voucher-popup{padding:16px}.order-detail-container .voucher-popup .voucher-header{text-align:center;font-size:18px;font-weight:700}.order-detail-container .voucher-popup .voucher-input-wrapper{margin:16px 0;padding:0 8px}.order-detail-container .voucher-popup .voucher-input{background-color:#f5f5f5;border-radius:8px}.order-detail-container .voucher-popup .voucher-list .voucher-item{display:flex;align-items:flex-start;padding:12px;border:1px solid #eee;border-radius:12px;margin-bottom:12px;background-color:#fff;transition:border .3s,background-color .3s}.order-detail-container .voucher-popup .voucher-list .voucher-item.selected{border-color:#ff3b30;background-color:#fff6f6}.order-detail-container .voucher-popup .voucher-list .voucher-item.invalid{opacity:.6;pointer-events:none}.order-detail-container .voucher-popup .voucher-list .voucher-item:hover:not(.invalid){border-color:#ff3b30}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-img{width:60px;height:60px;border-radius:8px;margin-right:12px;-o-object-fit:cover;object-fit:cover}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content{flex:1}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-title{font-size:16px;font-weight:600;color:#111;margin-bottom:4px}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-cond,.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-date{font-size:13px;color:#777;margin-bottom:2px}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-status{margin-top:6px;font-size:13px;display:flex;align-items:center;color:red}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-status.valid{color:#4caf50}.order-detail-container .voucher-popup .voucher-list .voucher-item .voucher-content .voucher-status.invalid{color:#f03}.order-detail-container .voucher-popup .voucher-footer{padding-top:12px}.order-detail-container .voucher-icon{width:24px;height:24px}.order-detail-container .btn{font-weight:500;padding:10px 0}.order-detail-container .btn-light{background-color:#857f7f;color:#fffefe}.order-detail-container .btn-danger{background-color:#f03;color:#fff}.order-detail-container .total-price{font-size:18px}.order-detail-container .cursor-pointer{cursor:pointer}.chat-container{display:flex;flex-direction:column;height:100vh;background:#f8f8f8;position:relative}.chat-container .chat-messages{flex:1;overflow-y:auto;padding:12px 12px 70px}.chat-container .chat-messages .message{display:flex;margin-bottom:10px}.chat-container .chat-messages .message.from-customer{justify-content:flex-end;text-align:right}.chat-container .chat-messages .message.from-driver{justify-content:flex-start;text-align:left}.chat-container .chat-messages .message .bubble{max-width:70%;padding:10px 14px;border-radius:12px;background-color:#e0f7fa;color:#333;position:relative}.chat-container .chat-messages .message .bubble .sender-name{font-weight:700;font-size:13px;margin-bottom:4px}.chat-container .chat-messages .message .bubble .message-text{font-size:14px;white-space:pre-line}.chat-container .chat-messages .message .bubble .message-image{max-width:150px;border-radius:8px;margin-top:6px}.chat-container .chat-messages .message .bubble .timestamp{font-size:11px;color:#888;margin-top:4px}.chat-container .chat-messages .message.from-customer .bubble{background-color:#c8e6c9;text-align:right}.chat-container .chat-input{position:fixed;bottom:0;left:0;width:100%;max-width:430px;display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-top:1px solid #ddd;box-shadow:0 -2px 4px rgba(0,0,0,.05)}.referral-customer-list{background:#f9fafb;min-height:100vh}.referral-customer-list .summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.referral-customer-list .summary-grid .summary-item{background:#fff;border-radius:8px;padding:10px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.referral-customer-list .summary-grid .summary-item .icon{font-size:18px;color:red;margin-bottom:4px}.referral-customer-list .summary-grid .summary-item .label{font-size:12px;color:#6b7280}.referral-customer-list .summary-grid .summary-item .value{font-size:14px;font-weight:600;color:#111827}.referral-customer-list .card-icon{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;color:#374151}.referral-customer-list .customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:10px}.referral-customer-list .customer-card{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.08);display:flex;flex-direction:column;min-height:150px;transition:transform .2s ease}.referral-customer-list .customer-card:hover{transform:scale(1.02)}.referral-customer-list .customer-card .header{align-items:center;margin-bottom:6px;padding:6px}.referral-customer-list .customer-card .header .avatar{width:40px;height:40px;border-radius:50%}.referral-customer-list .customer-card .header h4{font-size:14px;font-weight:600;margin:0}.referral-customer-list .customer-card .info{font-size:12px;color:#4b5563}.referral-customer-list .customer-card .info p{margin:2px 0}.referral-customer-list .fixed-footer{border-top:1px solid #e5e7eb;padding-bottom:5px}.income-statistics .highlight{color:#009688;font-weight:700}.income-statistics .chart-wrapper{width:100%;height:180px;position:relative}.income-statistics .income-title{font-size:16px;font-weight:700;margin-bottom:12px;color:#333}.income-statistics .income-list .income-item{padding:8px 0;line-height:1.6;display:flex;flex-direction:column}.income-statistics .income-list .income-item .top-row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.income-statistics .income-list .income-item .top-row .left{font-weight:500;color:#222}.income-statistics .income-list .income-item .top-row .right{text-align:right}.income-statistics .income-list .income-item .top-row .right .amount{color:#0ba86a;font-weight:700}.income-statistics .income-list .income-item .top-row .right .time{font-size:12px;color:#777;margin-top:2px}.income-statistics .income-list .income-item{padding:6px 0;border-bottom:1px solid #eee;font-size:14px;color:#333}.income-statistics .income-list .income-item .info{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.income-statistics .income-list .income-item .amount{color:#0ba86a;font-weight:700}.income-statistics .pagination{display:flex;justify-content:center;align-items:center;gap:12px}.income-statistics .pagination button{padding:4px 8px;font-size:13px;background:#f5f5f5;border:1px solid #ccc;cursor:pointer}.income-statistics .pagination button:disabled{opacity:.5;cursor:not-allowed}.income-statistics .pagination span{font-size:13px}.driver-dashboard{max-width:500px;margin:auto}.driver-dashboard .filter-card{border-radius:16px}.driver-dashboard .order-card{border-radius:12px;font-size:14px}.driver-dashboard .summary-card{border-radius:16px;background:#f9f9f9}.driver-dashboard .orders-list{max-height:500px;overflow-y:auto}.driver-dashboard .order-info{font-size:14px;display:flex;flex-wrap:wrap;gap:8px}.driver-dashboard .driver-popup{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.driver-dashboard .driver-popup .popup-content{background:#fff;padding:15px;border-radius:12px;width:90%;max-height:80%;overflow-y:auto}.deposit-wallet .balance-box{border:2px solid #e5e5e5}.deposit-wallet .package-card{background:#fff;border-radius:12px;padding:2px;text-align:center;cursor:pointer;border:2px solid transparent;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.05)}.deposit-wallet .package-card:hover{border-color:#f03}.deposit-wallet .package-card.active{border-color:#f03;background:#fff0f3}.deposit-wallet .package-card .amount{font-size:18px;font-weight:600;color:#222}.deposit-wallet .package-card .bonus{font-size:12px;color:#28a745;margin-top:4px}.deposit-wallet .selected-info p{color:#6c757d}.deposit-wallet .selected-info h4{color:#f03}.deposit-wallet .container{padding-bottom:100px}.deposit-wallet .van-button{transition:all .3s ease}.deposit-wallet .van-button:disabled{background-color:#ccc}.income-page{font-size:14px;background:#f5f6fa;min-height:100vh}.income-page .header{display:flex;align-items:center;gap:10px;background:#0d6efd;color:#fff;padding:12px;font-weight:700}.income-page .header .btn-back{border:none;background:#fff;color:#0d6efd;border-radius:50%;width:32px;height:32px;font-size:18px}.income-page .tabs{display:flex;background:#fff;border-bottom:1px solid #ddd}.income-page .tabs .tab-btn{flex:1;padding:10px;border:none;background:transparent;font-weight:600;font-size:15px;transition:all .2s ease}.income-page .tabs .tab-btn.active{background:#ffeaea;color:#f03;border-radius:20px;margin:5px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.income-page .filter{display:flex;justify-content:space-between;align-items:center;padding:12px}.income-page .filter .btn-nav{border:none;background:#fff;border-radius:50%;width:36px;height:36px;font-size:16px;color:#f03;box-shadow:0 2px 6px rgba(0,0,0,.1)}.income-page .filter .current-date{font-weight:600;color:#333}.income-page .summary-box{text-align:center;margin:16px 0}.income-page .summary-box .label{font-size:14px;color:#555}.income-page .summary-box .income{font-size:24px;font-weight:700;color:#28a745}.income-page .summary-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0 12px 20px}.income-page .summary-grid .card-item{background:#fff;padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.income-page .summary-grid .card-item .label{font-weight:500;color:#555}.income-page .summary-grid .card-item .value{font-weight:700;color:#333}.income-page .summary-grid .card-item.highlight{background:#eafaf1}.income-page .summary-grid .card-item .discount{color:#dc3545}.income-page .summary-grid .card-item .success{color:#28a745}.upgrade-container .choose-upgrade .card{cursor:pointer;transition:all .2s;border-radius:12px}.upgrade-container .choose-upgrade .card:hover{border-color:#198754;background:#f8fdf9}.upgrade-container .choose-upgrade .card.active{border-color:#198754;background:#e9fbe9}.upgrade-container .list-wrapper{max-height:400px;overflow-y:auto}.upgrade-container .fixed-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px;border-top:1px solid #ddd;z-index:1000}.stat-card,.wallet-card{background:rgba(255,188,188,.2196078431372549);border-radius:14px;box-shadow:0 3px 8px rgba(0,0,0,.05)}.amount{font-size:30px;font-weight:700}.transaction-item{background:hsla(0,0%,89.8%,.2196078431372549);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.19)}.status.processing{color:orange}.status.success{color:green}.status.rejected{color:red}.wallet-history{overflow:hidden;flex-grow:1;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.05);border-radius:10px}.wallet-history .history-title{background:#fff;font-weight:700}.wallet-history .history-list{overflow-y:auto;max-height:300px}.wallet-history .history-item{display:flex;border-bottom:1px solid #eee;padding:.5rem 0}.wallet-history .history-item span:first-child{width:38%}.wallet-history .history-item span:nth-child(2){width:35%;text-align:center}.wallet-history .history-item span:nth-child(3){width:25%;text-align:right}.wallet-history .status{font-weight:700;padding:2px 6px;border-radius:5px;font-size:.8rem}.wallet-history .status.processing{background:#fff3cd;color:#856404}.wallet-history .status.success{background:#d4edda;color:#155724}.wallet-history .status.rejected{background:#f8d7da;color:#721c24}.m-notify-container{position:fixed;bottom:10px;left:0;width:100%;z-index:10000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.m-notify-container .m-notify-wrapper{display:inline-block;max-width:500px}.m-notify-container .m-notify-wrapper .m-notify{display:flex;align-items:center;padding:9px 10px;font-size:14px;overflow:hidden;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.15);color:#fff;background:rgba(0,0,0,.75);pointer-events:all;position:relative}.m-notify-container .m-notify-wrapper .m-notify .m-notify-icons{float:left;margin-right:10px}.m-notify-container .m-notify-wrapper .m-notify .m-notify-icons svg{display:inline-block;width:22px;height:22px}.m-notify-container .m-notify-wrapper .m-notify .m-notify-content{width:100%}.m-notify-container .m-notify-wrapper .m-notify .m-notify-description{line-height:1.6;color:#fff}.m-notify-container .m-notify-wrapper+.m-notify-wrapper{margin-top:10px}.m-notify-container .m-notify-wrapper:after,.m-notify-container .m-notify-wrapper:before{content:"";clear:both;display:table}.m-notify-fade-in{-webkit-animation:m-notify-fade-in .3s;animation:m-notify-fade-in .3s}.m-notify-fade-out{-webkit-animation:m-notify-fade-out .3s;animation:m-notify-fade-out .3s}.m-alert-fade-in{-webkit-animation:m-alert-fade-in .3s;animation:m-alert-fade-in .3s}.m-alert-fade-out{-webkit-animation:m-alert-fade-out .3s;animation:m-alert-fade-out .3s}.m-alert-container{display:flex;position:fixed;z-index:2050;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color .1s;background-color:transparent;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,.4)}.m-alert-container .m-alert{position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;z-index:1}.m-alert-container .m-alert .m-alert-header{display:flex;flex-direction:column;align-items:center}.m-alert-container .m-alert .m-alert-header .m-alert-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex}.m-alert-container .m-alert .m-alert-header .m-alert-icon:before{display:flex;align-items:center;height:92%;font-size:3.75em}.m-alert-container .m-alert .m-alert-header .m-alert-icon-info{border-color:#9de0f6;color:#3fc3ee}.m-alert-container .m-alert .m-alert-header .m-alert-icon-info:before{content:"i"}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success{border-color:#a5dc86;position:relative}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success:before{content:"";display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86;top:2.875em;left:.875em;width:1.5625em;transform:rotate(45deg);font-size:inherit}.m-alert-container .m-alert .m-alert-header .m-alert-icon-success:after{content:"";display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86;top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.m-alert-container .m-alert .m-alert-header .m-alert-icon-warning{border-color:#facea8;color:#f8bb86}.m-alert-container .m-alert .m-alert-header .m-alert-icon-warning:before{content:"!"}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error{border-color:#f27474;position:relative}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error:before{content:"";display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474;left:1.0625em;transform:rotate(45deg);font-size:inherit}.m-alert-container .m-alert .m-alert-header .m-alert-icon-error:after{content:"";display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474;right:1em;transform:rotate(-45deg)}.m-alert-container .m-alert .m-alert-header .m-alert-icon-question{border-color:#c9dae1;color:#87adbd}.m-alert-container .m-alert .m-alert-header .m-alert-icon-question:before{content:"?"}.m-alert-container .m-alert .m-alert-header .m-alert-title{font-size:1.3rem;margin:10px 0}.m-alert-container .m-alert .m-alert-content{z-index:1;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.m-alert-container .m-alert .m-alert-input{height:42px}.m-alert-container .m-alert .m-alert-action{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.m-alert-container .m-alert .m-alert-action button{display:inline-block;margin:0 5px;padding:8px 12px;min-width:80px}.m-spinner{stroke:#f2f2f2;stroke-width:3;stroke-linecap:round;background:none;vertical-align:middle}.m-spinner .path{fill:none;stroke:#f2f2f2}.m-spinner .active-path{fill:none;stroke:#20a0ff;transform-origin:50% 50%;stroke-dasharray:90,150;stroke-dashoffset:0;-webkit-animation:spinner-wipe 1.5s ease-in-out infinite,spinner-rotate 2s linear infinite;animation:spinner-wipe 1.5s ease-in-out infinite,spinner-rotate 2s linear infinite}.m-loading .bg{display:inline-block;background:#fff;padding:6px 10px;color:#333;font-size:13px;text-align:center;border-radius:5px;width:auto}.m-loading .bg svg{float:left;margin-right:5px}.m-loading .bg i{display:inline-block;width:20px;text-align:left}.m-loading .bg .tip{font-size:10px;margin-top:10px;line-height:12px}.m-loading .bg .tip:empty{display:none}.m-loading:not(.full){text-align:center;margin:10px 0}.m-loading.full{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:2000;display:flex;justify-content:center;align-items:center}.m-loading.full .bg{border:1px solid #ddd;box-shadow:0 2px 5px #888;max-width:80%}.onoff{float:left;margin-top:10px}.onoff input{display:none}.onoff label{display:block;cursor:pointer;width:36px;height:20px;border-radius:20px;position:relative;background:#c1c1c1;margin:0}.onoff label,.onoff label:after{border:1px solid #607d8b;transition:.3s}.onoff label:after{content:"";position:absolute;top:-3px;left:-4px;width:24px;height:24px;background:#f1f1f1;border-radius:50%}.onoff input:checked+label{background:#55ff5d}.onoff input:checked+label:after{left:calc(100% + 8px);transform:translateX(-100%)}.onoff.disabled label{background-color:#aeaeae}.onoff.disabled label:after{background-color:#cecece}@-webkit-keyframes m-notify-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes m-notify-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes m-notify-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes m-notify-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@-webkit-keyframes m-alert-fade-in{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes m-alert-fade-in{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@-webkit-keyframes m-alert-fade-out{0%{transform:scale(1)}45%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(.7)}}@keyframes m-alert-fade-out{0%{transform:scale(1)}45%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(.7)}}@-webkit-keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@-webkit-keyframes spinner-wipe{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes spinner-wipe{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@-webkit-keyframes reload-div1-translate{0%{transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.701732,.495819);animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translateX(83.67142%)}to{transform:translateX(200.611057%)}}@keyframes reload-div1-translate{0%{transform:translateX(0)}20%{-webkit-animation-timing-function:cubic-bezier(.5,0,.701732,.495819);animation-timing-function:cubic-bezier(.5,0,.701732,.495819);transform:translateX(0)}59.15%{-webkit-animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);animation-timing-function:cubic-bezier(.302435,.381352,.55,.956352);transform:translateX(83.67142%)}to{transform:translateX(200.611057%)}}@-webkit-keyframes reload-div1-scale{0%{transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@keyframes reload-div1-scale{0%{transform:scaleX(.08)}36.65%{-webkit-animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);animation-timing-function:cubic-bezier(.334731,.12482,.785844,1);transform:scaleX(.08)}69.15%{-webkit-animation-timing-function:cubic-bezier(.06,.11,.6,1);animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.661479)}to{transform:scaleX(.08)}}@-webkit-keyframes reload-div2-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translateX(84.386165%)}to{transform:translateX(160.277782%)}}@keyframes reload-div2-translate{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:translateX(0)}25%{-webkit-animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:translateX(37.651913%)}48.35%{-webkit-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:translateX(84.386165%)}to{transform:translateX(160.277782%)}}@-webkit-keyframes reload-div2-scale{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@keyframes reload-div2-scale{0%{-webkit-animation-timing-function:cubic-bezier(.15,0,.515058,.409685);animation-timing-function:cubic-bezier(.15,0,.515058,.409685);transform:scaleX(.08)}19.15%{-webkit-animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);transform:scaleX(.457104)}44.15%{-webkit-animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);transform:scaleX(.72796)}to{transform:scaleX(.08)}}@-webkit-keyframes ripple{to{transform:scale(1.5);opacity:0}}@keyframes ripple{to{transform:scale(1.5);opacity:0}}.fz-1-rem{font-size:.1rem!important}.fz-2-rem{font-size:.2rem!important}.fz-3-rem{font-size:.3rem!important}.fz-4-rem{font-size:.4rem!important}.fz-5-rem{font-size:.5rem!important}.fz-6-rem{font-size:.6rem!important}.fz-7-rem{font-size:.7rem!important}.fz-8-rem{font-size:.8rem!important}.fz-9-rem{font-size:.9rem!important}.fz-10-rem{font-size:1rem!important}.fz-11-rem{font-size:1.1rem!important}.fz-12-rem{font-size:1.2rem!important}.fz-13-rem{font-size:1.3rem!important}.fz-14-rem{font-size:1.4rem!important}.fz-15-rem{font-size:1.5rem!important}.fz-16-rem{font-size:1.6rem!important}.fz-17-rem{font-size:1.7rem!important}.fz-18-rem{font-size:1.8rem!important}.fz-19-rem{font-size:1.9rem!important}.fz-20-rem{font-size:2rem!important}.fz-21-rem{font-size:2.1rem!important}.fz-22-rem{font-size:2.2rem!important}.fz-23-rem{font-size:2.3rem!important}.fz-24-rem{font-size:2.4rem!important}.fz-25-rem{font-size:2.5rem!important}.fz-26-rem{font-size:2.6rem!important}.fz-27-rem{font-size:2.7rem!important}.fz-28-rem{font-size:2.8rem!important}.fz-29-rem{font-size:2.9rem!important}.fz-30-rem{font-size:3rem!important}.fz-31-rem{font-size:3.1rem!important}.fz-32-rem{font-size:3.2rem!important}.fz-33-rem{font-size:3.3rem!important}.fz-34-rem{font-size:3.4rem!important}.fz-35-rem{font-size:3.5rem!important}.fz-36-rem{font-size:3.6rem!important}.fz-37-rem{font-size:3.7rem!important}.fz-38-rem{font-size:3.8rem!important}.fz-39-rem{font-size:3.9rem!important}.fz-40-rem{font-size:4rem!important}.view-chat{background-color:#e2e5e9;height:100%;display:flex;flex-direction:column}.view-chat .messages{flex:1;overflow-y:auto;padding:10px}.view-chat .messages ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.view-chat .message-item{margin-bottom:2px;padding:0;display:flex;flex-direction:column;width:100%}.view-chat .message-item .line{margin:15px 0;text-align:center;position:relative}.view-chat .message-item .line span{background:rgba(0,0,0,.2);color:#fff;padding:4px 8px;border-radius:10px;font-size:11px}.view-chat .message-item .bg{max-width:75%;padding:8px 12px;border-radius:15px;font-size:15px;position:relative;background:#fff;color:#000;border:1px solid transparent;box-shadow:0 1px 1px rgba(0,0,0,.05);align-self:flex-start}.view-chat .message-item .bg .name{font-size:11px;color:#888;margin-bottom:4px;display:none}.view-chat .message-item .bg .msg{word-wrap:break-word;line-height:1.4}.view-chat .message-item .bg .clearfix{display:flex;justify-content:flex-end;margin-top:4px}.view-chat .message-item .bg .clearfix i{font-size:10px;color:#999;font-style:normal}.view-chat .message-item .bg .clearfix .status{margin-left:5px}.view-chat .message-item .bg.right{background:#d6f0ff;align-self:flex-end}.view-chat .message-item .bg.right .name{display:none}.view-chat .message-item .bg img:not(.emoji){border-radius:10px;max-width:100%;display:block}.view-chat .chat-footer{background:#fff;padding:5px 10px;border-top:1px solid #ddd;display:flex;align-items:center;flex-shrink:0;position:relative}.view-chat .chat-footer .pp-emoji{position:absolute;bottom:100%;left:0;width:100%;background:#fff;border-top:1px solid #ddd;padding:10px;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,.1);max-height:250px;overflow-y:auto}.view-chat .chat-footer .pp-emoji ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start}.view-chat .chat-footer .pp-emoji ul li{width:12.5%;padding:5px;text-align:center;cursor:pointer}.view-chat .chat-footer .pp-emoji ul li a{display:block;padding:4px;border-radius:5px}.view-chat .chat-footer .pp-emoji ul li a:hover{background-color:#f0f0f0}.view-chat .chat-footer .pp-emoji ul li a img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.view-chat .chat-footer textarea{flex:1;border:none;background:#f0f2f5;padding:8px 12px;border-radius:20px;resize:none;height:36px!important;line-height:20px;margin:0 10px}.view-chat .chat-footer textarea:focus{outline:none}.view-chat .chat-footer a{color:#0091ff;padding:5px;font-size:20px}.view-chat .chat-footer .control{position:absolute;bottom:0;right:5px;height:44px;display:flex;align-items:center}.view-chat .chat-footer .control a{display:inline-block;margin:0 5px;font-size:20px;line-height:1;color:#0091ff}.view-chat .chat-footer .control a.active,.view-chat .chat-footer .control a:active{color:#0091ff}.view-chat .context-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);overflow:hidden;z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.view-chat .context-menu .child{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;z-index:1;padding:10px}.view-chat .context-menu .child .thumb{overflow:auto;margin-bottom:20px}.view-chat .context-menu .child .thumb .message-item{padding:0}.view-chat .context-menu .child .action{height:50px;background:#fff;border-radius:10px;padding:10px;margin-bottom:5px}.view-chat .context-menu .child .action .col{text-align:center}.view-chat .context-menu .child .action a{color:#333;font-size:13px}.view-chat .context-menu .child .action a img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.view-chat .context-menu .child .control{height:95px;background:#fff;border-radius:10px}.view-chat .context-menu .child .control .row{height:100%}.view-chat .context-menu .child .control .col{text-align:center}.view-chat .context-menu .child .control a{display:inline-block;padding:10px 20px;text-align:center;color:#333;font-size:13px;border-radius:10px}.view-chat .context-menu .child .control a:active{background:#fafafa}.view-chat .context-menu .child .control a .icon{display:block;font-size:20px;margin-bottom:6px}.view-chat .context-menu .child .control a.copy .icon{color:#4d84e8}.view-chat .context-menu .child .control a.revoke .icon{color:#1a9eaf}.view-chat .context-menu .child .control a.remove .icon{color:#f22}