.canvasof-modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);right:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);position:fixed;opacity:0;bottom:0;visibility:hidden;top:0;background:rgba(0,0,0,.7);left:0;z-index:9998}.canvasof-modal-overlay.active{opacity:1;visibility:visible}.canvasof-modal{overflow:hidden;transform:translateY(100%);-webkit-touch-callout:none;right:0;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;flex-direction:column;max-height:90vh;bottom:0;box-shadow:0 -8px 32px rgba(0,0,0,.2);border-radius:28px 28px 0 0;background:#fff;left:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:flex;z-index:9999}.canvasof-modal.active{transform:translateY(0)}.canvasof-modal-header{flex-shrink:0;padding:24px 24px 20px;justify-content:space-between;position:relative;border-bottom:1px solid #f5f5f5;align-items:center;background:linear-gradient(180deg,#fff,#fafafa);display:flex}.canvasof-modal-header:after{height:4px;transform:translateX(-50%);content:"";position:absolute;top:12px;border-radius:2px;background:#e0e0e0;left:50%;width:40px}.canvasof-modal-header .canvasof-modal-title,.canvasof-modal-header span{flex:1;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px;gap:8px;align-items:center;display:flex}.canvasof-modal-header span i{color:#1b3250}.canvasof-modal-header .canvasof-modal-title{padding:0;margin:0}.canvasof-modal-header .canvasof-modal-close,.canvasof-modal-header .close-btn{height:40px;overflow:hidden;flex-shrink:0;padding:0;justify-content:center;font-size:0;border:2px solid #e0e0e0;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin:0;align-items:center;border-radius:12px;background:transparent;cursor:pointer;width:40px;line-height:1;display:flex}.canvasof-modal-header .canvasof-modal-close:after,.canvasof-modal-header .canvasof-modal-close:before,.canvasof-modal-header .close-btn:after,.canvasof-modal-header .close-btn:before{height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);content:"";position:absolute;border-radius:1px;background:#666;width:18px}.canvasof-modal-header .canvasof-modal-close:before,.canvasof-modal-header .close-btn:before{transform:rotate(45deg)}.canvasof-modal-header .canvasof-modal-close:after,.canvasof-modal-header .close-btn:after{transform:rotate(-45deg)}.canvasof-modal-header .canvasof-modal-close i{display:none}.canvasof-modal-header .canvasof-modal-close:hover,.canvasof-modal-header .close-btn:hover{border-color:#1b3250;transform:scale(1.05);background:#f5f5f5}.canvasof-modal-header .canvasof-modal-close:hover:after,.canvasof-modal-header .canvasof-modal-close:hover:before,.canvasof-modal-header .close-btn:hover:after,.canvasof-modal-header .close-btn:hover:before{background:#1b3250;width:20px}.canvasof-modal-header .canvasof-modal-close:active,.canvasof-modal-header .close-btn:active{transform:scale(.95);background:#e8e8e8}.canvasof-modal-body{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch;background:#fff}.canvasof-modal-body::-webkit-scrollbar{width:6px}.canvasof-modal-body::-webkit-scrollbar-track{background:#f5f5f5}.canvasof-modal-body::-webkit-scrollbar-thumb{border-radius:3px;background:#d0d0d0}.canvasof-modal-body::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.canvasof-modal-body label{font-size:14px;font-weight:600;margin-bottom:10px;color:#1a1a1a;letter-spacing:-.2px;display:block}.canvasof-modal-body .form-control{-webkit-tap-highlight-color:transparent;padding:14px 16px;font-size:16px;border:2px solid #e8e8e8;color:#1a1a1a;transition:all .2s ease;outline:none;box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:12px;background:#fff;width:100%;touch-action:manipulation}.canvasof-modal-body .form-control:focus{border-color:#1b3250;box-shadow:0 0 0 4px rgba(27,50,80,.1);background:#fff}.canvasof-modal-body .form-control::placeholder{color:#999}.filter-button{padding:14px 16px;justify-content:space-between;font-size:15px;border:2px solid #e8e8e8;color:#1a1a1a;transition:all .2s ease;text-align:left;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.05);border-radius:12px;background:#fff;cursor:pointer;width:100%;display:flex}.filter-button:hover{border-color:#1b3250;box-shadow:0 2px 6px rgba(27,50,80,.1);background:#f9f9f9}.filter-button:active{transform:scale(.98)}.filter-button i{font-size:18px;color:#999;transition:transform .2s ease}.filter-button.active i{transform:rotate(180deg);color:#1b3250}#toggle-advanced{padding:4px 8px;font-size:13px;text-decoration:none;font-weight:600;color:#1b3250;transition:all .2s ease;border-radius:6px}#toggle-advanced:hover{color:#1b3250;background:#f0f7ff}#advanced-options{padding:16px;border-radius:12px;background:#f9f9f9;margin-top:8px}#advanced-options .form-control{background:#fff}.canvasof-modal-body .btn{padding:14px 24px;justify-content:center;font-size:15px;border:none;font-weight:600;transition:all .2s ease;gap:8px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:12px;cursor:pointer;display:flex}.canvasof-modal-body .btn-dark-gray{color:#fff;background:linear-gradient(135deg,#1b3250,#2a4a6b)}.canvasof-modal-body .btn-dark-gray:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(27,50,80,.3)}.canvasof-modal-body .btn-dark-gray:active{transform:translateY(0)}.canvasof-modal-body .btn-outline{border:2px solid #e8e8e8;color:#1a1a1a;background:#fff}.canvasof-modal-body .btn-outline:hover{border-color:#d0d0d0;background:#f9f9f9}.canvasof-modal-body .mb-20px{margin-bottom:20px}.canvasof-modal-body .mb-15px{margin-bottom:15px}.canvasof-modal-body .mb-10px{margin-bottom:10px}.canvasof-modal-body .mb-5px{margin-bottom:5px}.ios-picker-container{height:300px;overflow:hidden;position:relative;margin:20px 0;background:#fff}.ios-picker-mask{pointer-events:none;bottom:0;z-index:2}.ios-picker-mask,.ios-picker-mask-top{right:0;position:absolute;top:0;left:0}.ios-picker-mask-top{height:120px;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0))}.ios-picker-mask-bottom{height:120px;right:0;position:absolute;bottom:0;background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));left:0}.ios-picker-selection{height:60px;transform:translateY(-50%);pointer-events:none;right:0;position:absolute;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;top:50%;background:rgba(27,50,80,.05);left:0;z-index:1}.ios-picker-wheel{height:100%;overflow-y:auto;padding:120px 0;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ios-picker-wheel::-webkit-scrollbar{display:none}.ios-picker-wheel{-ms-overflow-style:none;scrollbar-width:none}.ios-picker-item{height:60px;padding:0 24px;justify-content:space-between;font-size:18px;color:#333;transition:all .2s ease;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;display:flex}.ios-picker-item.selected{font-size:20px;font-weight:600;color:#1b3250}.ios-picker-item-label{flex:1;gap:12px;align-items:center;display:flex}.ios-picker-item-color{height:24px;flex-shrink:0;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:24px}.ios-picker-item.selected .ios-picker-item-color{border-color:#1b3250;border-width:3px}.ios-picker-item-badge{font-size:14px;font-weight:400;color:#999}.ios-picker-item.selected .ios-picker-item-badge{font-weight:600;color:#1b3250}.canvasof-option-list{list-style:none;padding:0;margin:0}.canvasof-option-item{padding:16px 24px;justify-content:space-between;transition:background .2s ease;position:relative;border-bottom:1px solid #f5f5f5;align-items:center;cursor:pointer;display:flex}.canvasof-option-item:hover{background:#f9f9f9}.canvasof-option-item.active{background:#f0f7ff}.canvasof-option-item.active .canvasof-option-label{font-weight:600;color:#1b3250}.canvasof-option-label{flex:1;font-size:16px;color:#333}.canvasof-option-badge{font-size:14px;color:#999;margin-left:12px}.canvasof-option-check{height:24px;justify-content:center;transition:opacity .2s ease;opacity:0;align-items:center;border-radius:50%;background:#1b3250;margin-left:12px;width:24px;display:flex}.canvasof-option-item.active .canvasof-option-check{opacity:1}.canvasof-option-check i{font-size:14px;color:#fff}.canvasof-option-color{height:32px;flex-shrink:0;border:2px solid #e5e5e5;margin-right:12px;border-radius:8px;width:32px}.canvasof-option-item.active .canvasof-option-color{border-color:#1b3250;border-width:3px}.canvasof-trigger{padding:12px 16px;justify-content:space-between;font-size:15px;border:1px solid #e5e5e5;color:#333;transition:all .2s ease;min-width:200px;align-items:center;border-radius:12px;background:#fff;cursor:pointer;display:flex}.canvasof-trigger:hover{border-color:#1b3250;background:#f9f9f9}.canvasof-trigger-text{flex:1;text-align:left}.canvasof-trigger-icon{color:#999;transition:transform .2s ease;margin-left:8px}.canvasof-trigger.active .canvasof-trigger-icon{transform:rotate(180deg)}@media (max-width:768px){.canvasof-modal{max-height:90vh;border-radius:24px 24px 0 0;touch-action:pan-y}.canvasof-modal *{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.canvasof-modal input,.canvasof-modal select,.canvasof-modal textarea{font-size:16px!important;touch-action:manipulation}.canvasof-modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-y}.canvasof-modal-header{padding:20px 20px 16px}.canvasof-modal-header span{font-size:18px}.canvasof-modal-body{padding:20px}.canvasof-option-item{padding:14px 20px}.canvasof-option-label{font-size:15px}.canvasof-modal-header .canvasof-modal-close,.canvasof-modal-header .close-btn{height:36px;width:36px}.canvasof-modal-header .canvasof-modal-close:after,.canvasof-modal-header .canvasof-modal-close:before,.canvasof-modal-header .close-btn:after,.canvasof-modal-header .close-btn:before{width:16px}.canvasof-modal-header .canvasof-modal-close:hover:after,.canvasof-modal-header .canvasof-modal-close:hover:before,.canvasof-modal-header .close-btn:hover:after,.canvasof-modal-header .close-btn:hover:before{width:18px}}.canvasof-filter-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.canvasof-filter-chip{padding:6px 12px;font-size:13px;color:#666;gap:6px;align-items:center;border-radius:20px;background:#f5f5f5;display:inline-flex}.canvasof-filter-chip.active{color:#fff;background:#1b3250}.canvasof-filter-chip-remove{height:16px;padding:0;justify-content:center;border:none;align-items:center;border-radius:50%;background:hsla(0,0%,100%,.3);cursor:pointer;width:16px;display:flex}.canvasof-filter-chip-remove i{font-size:10px;color:#fff}.quick-question-btn{padding:8px 16px;font-size:13px;border:1px solid #e8e8e8;color:#333;transition:all .2s ease;border-radius:20px;background:#f5f5f5;cursor:pointer;white-space:nowrap}.quick-question-btn:hover{border-color:#1b3250;color:#fff;background:#1b3250}#ai-chat-messages{background:#fff}.ai-message{line-height:1.5;word-wrap:break-word}.ai-user-message{text-align:right}.ai-bot-message{text-align:left}.ai-loading{opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}