*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;height:100vh;overflow:hidden}.app-container{height:100vh}.login-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.login-box{background:#fff;padding:40px 48px;border-radius:12px;box-shadow:0 2px 12px #00000014;text-align:center;min-width:320px}.logo-wrapper{width:64px;height:64px;margin:0 auto 20px;background:#667eea;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #667eea66}.logo{font-size:48px}.title{font-size:28px;color:#1a1a2e;margin-bottom:8px;font-weight:600}.subtitle{font-size:14px;color:#888;margin-bottom:32px}.form-group{text-align:left;margin-bottom:24px}.input-label{display:block;font-size:13px;color:#555;margin-bottom:8px;font-weight:500}.login-input{width:100%;padding:16px 20px;border:2px solid #e0e0e0;font-size:15px;transition:all .3s ease;background:#fafafa;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s;margin-bottom:20px}.login-input:focus{border-color:#667eea}.login-btn{width:100%;padding:14px;background:#667eea;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #667eea66}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-tips{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#999}.tip-icon{font-size:14px}.login-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.workspace{display:flex;width:100%;height:100%}.sidebar{width:400px;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#667eea;color:#fff}.sidebar-header .header-info{flex:1;min-width:0}.sidebar-header .header-info h2{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header .header-info .user-info{font-size:12px;opacity:.85;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header .logout-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.sidebar-header .logout-btn:hover{background:#ffffff4d}.filter-tabs{display:flex;padding:8px;border-bottom:1px solid #f0f0f0}.filter-tabs .tab{flex:1;padding:8px 12px;border:none;background:transparent;font-size:13px;color:#666;cursor:pointer;border-radius:6px;transition:background .2s}.filter-tabs .tab.active{background:#667eea;color:#fff}.filter-tabs .tab:hover:not(.active){background:#f5f7fa}.client-list{flex:1;overflow-y:auto;padding:8px}.client-list::-webkit-scrollbar{width:4px}.client-list::-webkit-scrollbar-track{background:transparent}.client-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.client-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:4px}.client-item:hover{background:#f8f9fa}.client-item.active{background:#f0f2ff}.client-item .client-avatar{width:44px;height:44px;border-radius:50%;margin-right:12px;object-fit:cover}.client-item .client-info{flex:1;min-width:0}.client-item .client-info .client-name{font-size:14px;font-weight:500;color:#333}.client-item .client-info .last-message{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.client-item .client-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.client-item .client-meta .unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ff4757;color:#fff;font-size:12px;font-weight:500;border-radius:10px}.client-item .client-meta .status-dot{width:8px;height:8px;border-radius:50%;background:#ccc}.client-item .client-meta .status-dot.online{background:#52c41a}.client-item .client-meta .status-dot.serving{background:#667eea}.empty-state{text-align:center;padding:40px}.empty-state .empty-icon{font-size:40px;margin-bottom:12px}.empty-state .empty-text{font-size:13px;color:#999}.chat-area{flex:1;display:flex;background:#f5f7fa;padding:12px;gap:12px}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-chat .empty-icon{font-size:56px;margin-bottom:16px}.empty-chat .empty-text{font-size:15px;color:#999}.chat-panel{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014;position:relative}.chat-header{display:flex;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-header .avatar{width:54px;height:54px;border-radius:50%;margin-right:14px;border:2px solid rgba(255,255,255,.5)}.chat-header .client-info{flex:1}.chat-header .client-info .name{font-size:16px;font-weight:600;margin-bottom:3px}.chat-header .client-info .phone,.chat-header .client-info .unionid{font-size:11px;opacity:.8;margin-bottom:2px}.chat-header .header-actions{display:flex;gap:10px}.chat-header .header-actions .action-btn{padding:8px 14px;background:#fff3;border:none;border-radius:16px;color:#fff;font-size:12px;cursor:pointer;transition:background .3s}.chat-header .header-actions .action-btn:hover{background:#ffffff4d}.chat-header .header-actions .action-btn.close{background:#ff4757cc}.chat-header .header-actions .action-btn.close:hover{background:#ff4757}.message-container{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.message-container::-webkit-scrollbar{width:4px}.message-container::-webkit-scrollbar-track{background:transparent}.message-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner .loading-text{margin-top:12px;color:#999;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-item-box{width:100%}.message-item-box.self{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.date-divider{text-align:center;font-size:12px;color:#999;background:#e9ecef;padding:4px 16px;border-radius:20px;display:inline-block;margin:16px 0 16px 50%;transform:translate(-50%)}.message-item{margin-bottom:16px;max-width:70%;width:fit-content}.message-item.self .message-content{background:#667eea;color:#fff;border-radius:18px 18px 4px}.message-item.self .message-time{text-align:right}.message-item.other{align-self:flex-start}.message-item.other .message-content{background:#fff;border:1px solid #e0e0e0;border-radius:18px 18px 18px 4px}.message-item.other .message-time{text-align:left}.message-item .message-content{padding:12px 16px;box-shadow:0 1px 2px #0000000a;max-width:100%;background:#fff;border-radius:18px 18px 18px 4px}.message-item .message-content .message-text{font-size:15px;line-height:1.5;word-break:break-all;white-space:pre-wrap}.message-item .message-time{font-size:11px;color:#999;margin-top:6px;padding:0 8px;min-width:80px}.emoji-panel{position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;background:#fff;border-radius:16px;box-shadow:0 -4px 20px #00000026;padding:16px;max-height:320px;overflow-y:auto;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.emoji-panel.show{transform:translateY(0);opacity:1;pointer-events:auto}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-item{font-size:28px;text-align:center;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.emoji-item:hover{background:#f0f0f0}.chat-input{display:flex;padding:14px;background:#fff;border-top:1px solid #eee}.chat-input .input-field{flex:1;padding:12px 16px;border:1px solid #e8e8e8;border-radius:22px;font-size:14px;outline:none;transition:border-color .3s}.chat-input .input-field:focus{border-color:#667eea}.chat-input .send-btn{margin-left:12px;padding:12px 22px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:22px;color:#fff;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s}.chat-input .send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.input-area{padding:12px 16px;background:#fafafa;border-top:1px solid #e5e5e5;position:relative}.input-area .input-tools{display:flex;gap:8px;margin-bottom:8px}.input-area .tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;color:#666;cursor:pointer;transition:all .2s}.input-area .tool-btn:hover{background:#e8e8e8;color:#333}.input-area .tool-btn:active{background:#ddd}.input-area .input-row{display:flex;align-items:center;gap:12px}.input-area .message-input{flex:1;padding:11px 16px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;outline:none;background:#fff;transition:border-color .2s}.input-area .message-input:focus{border-color:#667eea}.input-area .send-btn{padding:11px 24px;background:#667eea;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.input-area .send-btn:hover:not(:disabled){background:#5a6fd6}.input-area .send-btn:disabled{background:#ccc;cursor:not-allowed}.input-area .image-input{display:none}.user-detail-panel{width:400px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column}.user-detail-panel .detail-header{padding:18px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-detail-panel .detail-header h3{font-size:16px;font-weight:600;margin:0}.user-detail-panel .detail-section{padding:16px 20px;border-bottom:1px solid #f0f0f0}.user-detail-panel .detail-section:last-child{border-bottom:none;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.user-detail-panel .detail-section:last-child::-webkit-scrollbar{display:none}.user-detail-panel .detail-section .section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.user-detail-panel .detail-section .section-header h4{font-size:13px;font-weight:600;color:#333;margin:0}.user-detail-panel .detail-section .section-header .expand-icon{font-size:10px;color:#999;transition:transform .2s ease}.user-detail-panel .detail-section .section-header .expand-icon.expanded{transform:rotate(180deg)}.user-detail-panel .detail-section h4{font-size:13px;font-weight:600;color:#333;margin:0 0 12px;padding-left:8px;border-left:3px solid #667eea}.user-detail-panel .detail-section .detail-info .info-item{display:flex;align-items:center;margin-bottom:12px}.user-detail-panel .detail-section .detail-info .info-item:last-child{margin-bottom:0}.user-detail-panel .detail-section .detail-info .info-item .info-label{width:60px;font-size:12px;color:#999;flex-shrink:0}.user-detail-panel .detail-section .detail-info .info-item .info-value{font-size:13px;color:#333;flex:1;word-break:break-all}.user-detail-panel .detail-section .detail-info .info-item .detail-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-detail-panel .detail-section .detail-info .info-item.avatar-row{gap:12px}.user-detail-panel .detail-section .detail-info .info-item.avatar-row .avatar-info{display:flex;flex-direction:column;gap:4px}.user-detail-panel .detail-section .detail-info .info-item.avatar-row .info-value.nickname{font-weight:500;font-size:14px}.user-detail-panel .detail-section .detail-info .info-item.avatar-row .info-value.phone{font-size:12px;color:#999}.user-detail-panel .detail-section .detail-tabs{display:flex;background:#f5f7fa;border-radius:8px;padding:4px;margin-bottom:16px}.user-detail-panel .detail-section .detail-tabs .detail-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .3s}.user-detail-panel .detail-section .detail-tabs .detail-tab.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 2px 4px #0000000d}.user-detail-panel .detail-section .detail-tabs .detail-tab:hover:not(.active){background:#667eea1a}.user-detail-panel .detail-section .tab-content{min-height:200px}.user-detail-panel .detail-section .coupon-list .empty-coupon{text-align:center;padding:20px;color:#999;font-size:13px}.user-detail-panel .detail-section .coupon-list .empty-coupon .empty-icon{font-size:28px;margin-bottom:8px}.user-detail-panel .detail-section .coupon-list .coupon-item{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:12px;color:#fff;position:relative;overflow:hidden}.user-detail-panel .detail-section .coupon-list .coupon-item:last-child{margin-bottom:0}.user-detail-panel .detail-section .coupon-list .coupon-item:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30%,-30%)}.user-detail-panel .detail-section .coupon-list .coupon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative;z-index:1}.user-detail-panel .detail-section .coupon-list .coupon-card-no{font-size:11px;color:#fffc;font-family:monospace}.user-detail-panel .detail-section .coupon-list .coupon-status{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;background:#fff3}.user-detail-panel .detail-section .coupon-list .coupon-status.status-inactive{background:#ffeb3b4d;color:#ffeb3b}.user-detail-panel .detail-section .coupon-list .coupon-status.status-active{background:#4caf504d;color:#4caf50}.user-detail-panel .detail-section .coupon-list .coupon-status.status-bound{background:#ff98004d;color:#ff9800}.user-detail-panel .detail-section .coupon-list .coupon-status.status-used{background:#9e9e9e4d;color:#9e9e9e}.user-detail-panel .detail-section .coupon-list .coupon-status.status-expired{background:#f443364d;color:#f44336}.user-detail-panel .detail-section .coupon-list .coupon-status.status-disabled{background:#bdbdbd4d;color:#bdbdbd}.user-detail-panel .detail-section .coupon-list .coupon-name{font-size:16px;font-weight:600;margin-bottom:10px;position:relative;z-index:1}.user-detail-panel .detail-section .coupon-list .coupon-amount{display:flex;gap:20px;margin-bottom:8px;position:relative;z-index:1}.user-detail-panel .detail-section .coupon-list .coupon-amount span{font-size:13px}.user-detail-panel .detail-section .coupon-list .coupon-amount span:first-child{font-size:20px;font-weight:700}.user-detail-panel .detail-section .coupon-list .coupon-amount span:last-child{color:#fffc}.user-detail-panel .detail-section .coupon-list .coupon-validity{font-size:12px;color:#fffc;margin-bottom:8px;position:relative;z-index:1}.user-detail-panel .detail-section .coupon-list .coupon-channels{font-size:11px;color:#ffffffb3;position:relative;z-index:1}.user-detail-panel .detail-section .order-tab{display:flex;flex-direction:column;height:100%}.user-detail-panel .detail-section .order-tab .order-filter-bar{display:flex;gap:12px;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.user-detail-panel .detail-section .order-tab .order-filter-bar .order-type-select{padding:6px 12px;font-size:13px;color:#333;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;outline:none;min-width:100px}.user-detail-panel .detail-section .order-tab .order-filter-bar .order-type-select:focus{border-color:#667eea}.user-detail-panel .detail-section .order-tab .order-filter-bar .search-box{flex:1}.user-detail-panel .detail-section .order-tab .order-filter-bar .search-box .search-input{width:100%;padding:6px 12px;font-size:13px;border:1px solid #e0e0e0;border-radius:6px;outline:none}.user-detail-panel .detail-section .order-tab .order-filter-bar .search-box .search-input:focus{border-color:#667eea}.user-detail-panel .detail-section .order-tab .order-list-container{flex:1;padding:4px;overflow-y:auto}.user-detail-panel .detail-section .order-tab .order-list-container::-webkit-scrollbar{width:4px}.user-detail-panel .detail-section .order-tab .order-list-container::-webkit-scrollbar-track{background:transparent}.user-detail-panel .detail-section .order-tab .order-list-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.user-detail-panel .detail-section .order-tab .order-list-container .empty-order{text-align:center;padding:40px 20px;color:#999;font-size:13px}.user-detail-panel .detail-section .order-tab .order-list-container .empty-order .empty-icon{font-size:36px;margin-bottom:12px}.user-detail-panel .detail-section .order-tab .order-list-container .order-item{padding:8px;background:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #f0f0f0}.user-detail-panel .detail-section .order-tab .order-list-container .order-item:last-child{margin-bottom:0}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f5f5f5}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-header .order-no{font-size:13px;color:#333;font-weight:500}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-header .order-status{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f5f5f5}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products .products-title{font-size:11px;color:#999;margin-bottom:6px}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products .product-item{display:flex;gap:8px}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products .product-item .product-image{width:50px;height:50px;object-fit:cover;border-radius:4px;background:#f5f5f5}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products .product-item .product-info{flex:1;overflow:hidden}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-products .product-item .product-info .product-name{font-size:12px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-info{margin-bottom:8px}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-info .order-contact{display:flex;gap:12px;margin-bottom:8px}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-info .order-contact .contact-name{font-size:13px;color:#333;font-weight:500}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-info .order-contact .contact-phone{font-size:13px;color:#666}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-info .order-address{font-size:12px;color:#666;line-height:1.5}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f5f5f5}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-footer .order-time,.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-footer .pay-time{font-size:12px;color:#999}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-pending{background:#ff9800;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-processing{background:#2196f3;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-shipped{background:#4caf50;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-receiving{background:#00bcd4;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-completed{background:#8bc34a;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-canceled{background:#9e9e9e;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-default{background:#e0e0e0;color:#666}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-success{background:#4caf50;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-failed{background:#f44336;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-doing{background:#4caf50;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-close{background:#9e9e9e;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-refund{background:#2196f3;color:#fff}.user-detail-panel .detail-section .order-tab .order-list-container .order-item .order-status.status-noticket{background:#9e9e9e;color:#fff}.user-detail-panel .detail-section .order-list .empty-order{text-align:center;padding:20px;color:#999;font-size:13px}.user-detail-panel .detail-section .order-list .empty-order .empty-icon{font-size:28px;margin-bottom:8px}.user-detail-panel .detail-section .order-list .order-item{padding:14px;background:#f8f9fa;border-radius:10px;margin-bottom:12px}.user-detail-panel .detail-section .order-list .order-item:last-child{margin-bottom:0}.user-detail-panel .detail-section .address-list .empty-address{text-align:center;padding:20px;color:#999;font-size:13px}.user-detail-panel .detail-section .address-list .empty-address .empty-icon{font-size:28px;margin-bottom:8px}.user-detail-panel .detail-section .address-list .address-item{position:relative;padding:14px;background:#f8f9fa;border-radius:10px;margin-bottom:12px}.user-detail-panel .detail-section .address-list .address-item:last-child{margin-bottom:0}.user-detail-panel .detail-section .address-list .address-item .address-tag{position:absolute;top:14px;right:14px;padding:2px 8px;background:#667eea;color:#fff;font-size:10px;border-radius:10px}.user-detail-panel .detail-section .address-list .address-item .address-tag.default{background:#667eea}.user-detail-panel .detail-section .address-list .address-item .address-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.user-detail-panel .detail-section .address-list .address-item .address-phone{font-size:12px;color:#666;margin-bottom:6px}.user-detail-panel .detail-section .address-list .address-item .address-detail{font-size:12px;color:#666;line-height:1.5}.user-detail-panel .detail-section .add-address-btn{width:100%;padding:12px;margin-top:12px;background:#f0f2f5;border:2px dashed #d9d9d9;border-radius:10px;color:#667eea;font-size:13px;cursor:pointer;transition:all .3s}.user-detail-panel .detail-section .add-address-btn:hover{background:#667eea1a;border-color:#667eea}.address-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.address-modal{width:90%;max-width:420px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.address-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #f0f0f0}.address-modal .modal-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.address-modal .modal-header .close-btn{width:28px;height:28px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center}.address-modal .modal-header .close-btn:hover{background:#eee;color:#666}.address-modal .modal-body{padding:20px}.address-modal .modal-body .form-group{margin-bottom:16px}.address-modal .modal-body .form-group:last-of-type{margin-bottom:0}.address-modal .modal-body .form-group label{display:block;font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.address-modal .modal-body .form-group label input[type=checkbox]{margin-right:8px;cursor:pointer}.address-modal .modal-body .form-group .form-input{width:100%;padding:12px 14px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;outline:none}.address-modal .modal-body .form-group .form-input:focus{border-color:#667eea}.address-modal .modal-body .form-group .form-textarea{width:100%;padding:12px 14px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;outline:none;min-height:80px;resize:vertical}.address-modal .modal-body .form-group .form-textarea:focus{border-color:#667eea}.address-modal .modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.address-modal .modal-footer .btn-cancel,.address-modal .modal-footer .btn-confirm{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.address-modal .modal-footer .btn-cancel{background:#f5f5f5;border:none;color:#666}.address-modal .modal-footer .btn-cancel:hover{background:#eee}.address-modal .modal-footer .btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.address-modal .modal-footer .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}