.card{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;animation:card-enter .4s ease;max-height:calc(100vh - 180px);width:100%;max-width:1200px;margin:10px auto;display:flex;flex-direction:column}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header{padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.card-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0;flex:1}.card-subtitle{font-size:13px;color:#666;margin:2px 0 0}.card-price{font-size:20px;font-weight:800;color:#ff6b00;margin:0;white-space:nowrap}.card-body{padding:12px 20px 24px}.card-cta{margin-top:12px;margin-bottom:8px;padding-top:12px;border-top:2px solid #f0f0f0}.btn-primary{width:100%;padding:12px 18px;background:#ff6b00;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:#e55d00}.btn-primary:active{transform:translateY(0)}.card-cta{margin-top:28px;padding-top:20px;border-top:1px solid #f0f0f0;display:flex;justify-content:center}.btn-explore,.btn-primary,.btn-secondary{padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#ff6b00,#ff8c00);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.btn-secondary{background:#f5f5f5;color:#333;margin-right:12px}.btn-secondary:hover{background:#e5e5e5}.btn-explore{background:#1a1a1a;color:white;width:100%;margin-top:12px;font-size:14px}.btn-explore:hover{background:#333}.prefill-card .appointment-summary{padding:0}.summary-field{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.summary-field:last-child{border-bottom:none}.field-label{font-size:14px;color:#666;font-weight:500}.field-value{font-size:14px;color:#1a1a1a;font-weight:600}.field-value.appointment-id{font-family:Courier New,monospace;background:#f5f5f5;padding:4px 12px;border-radius:6px;color:#ff6b00}.field-value.dock-number{font-size:18px;color:#ff6b00}.field-value .badge{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.checkin-form-card .form-group{margin-bottom:14px}.form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-label .required{color:#ff6b00;margin-left:4px}.form-input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;background:#fafafa}.form-input:focus{outline:none;border-color:#ff6b00;background:#ffffff;box-shadow:0 0 0 3px rgba(255,107,0,.1)}.signature-pad-card .card-body{padding:12px 16px 16px;overflow-y:auto}.signature-pad-card .terms-text{padding:10px 12px;background:#f9f9f9;border-radius:8px;margin-bottom:16px}.signature-pad-card .terms-text p{font-size:12px;color:#555;line-height:1.5;margin:0}.signature-container{position:relative;margin-bottom:12px;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fafafa;height:180px;width:100%}.signature-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;background:#ffffff}.signature-label{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:11px;color:#aaa;pointer-events:none;font-weight:500}.signature-buttons{display:flex;gap:12px;width:100%}.btn-clear-signature{flex:1;padding:10px 18px;background:#f5f5f5;color:#333;border:1px solid #d0d0d0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-clear-signature:hover{background:#e5e5e5;border-color:#b0b0b0}.btn-clear-signature:active{transform:translateY(1px)}.btn-clear-signature:disabled{background:#f9f9f9;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;opacity:.6}.btn-clear-signature:disabled:hover{background:#f9f9f9;transform:none}.btn-submit-signature{flex:1;padding:10px 18px;background:linear-gradient(135deg,#ff6b00,#ff8c00);color:white;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-submit-signature:hover{background:linear-gradient(135deg,#e55d00,#e67d00);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,0,.3)}.btn-submit-signature:active{transform:translateY(0)}.btn-submit-signature:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.btn-submit-signature:disabled:hover{background:#e0e0e0;transform:none;box-shadow:none}.signature-confirmation-card{text-align:center}.signature-confirmation-card .card-body{padding:16px 20px 20px}.confirmation-icon-container{padding:8px 0 4px}.signature-captured-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;margin:0 auto 12px;animation:scaleIn .5s ease}.signature-captured-icon svg{color:white;width:44px;height:44px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-message{margin:8px 0 12px}.confirmation-message h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.confirmation-message .primary-message{font-size:15px;color:#666;margin:0;line-height:1.4}.voice-prompt-box{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff8f0,#ffe8d6);border:2px solid #ff6b00;border-radius:12px;padding:16px;margin:16px 0;text-align:left;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(255,107,0,.4)}50%{box-shadow:0 0 0 8px rgba(255,107,0,0)}}.voice-prompt-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#ff6b00;border-radius:50%}.voice-prompt-icon svg{color:white;width:28px;height:28px}.voice-prompt-text{flex:1;font-size:14px;color:#333;line-height:1.5}.voice-prompt-text strong{font-size:15px;color:#ff6b00;display:block;margin-bottom:4px}.voice-prompt-text .alt-phrase{font-size:12px;color:#666;font-style:italic}.info-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f5f5f5;border-radius:8px;margin-top:16px;text-align:left}.info-note svg{flex-shrink:0;color:#ff6b00;width:18px;height:18px;margin-top:1px}.info-note p{font-size:12px;color:#666;line-height:1.4;margin:0}.dock-assignment-card{text-align:center}.dock-assignment-card .card-header{position:relative;display:flex;justify-content:center;align-items:center}.dock-assignment-card .status-badge{position:absolute;right:20px;background:#4caf50;color:white;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.dock-display{padding:24px 20px;background:linear-gradient(135deg,#ff6b00,#ff8533);margin:-16px -16px 16px}.dock-number-large{font-size:48px;font-weight:900;color:white;letter-spacing:-2px;margin-bottom:6px}.dock-location{font-size:16px;color:rgba(255,255,255,.9);font-weight:500}.dock-details{padding:0;text-align:left}.detail-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;margin-bottom:10px}.detail-item .icon{flex-shrink:0;color:#ff6b00}.detail-label{font-size:12px;color:#999;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#333;font-weight:500}.detail-item.special{background:#fff8f0;border:1px solid #ffe0b2}.status-card{text-align:center}.status-icon{margin:0 auto 12px;width:48px;height:48px}.status-card.status-success .status-icon{color:#4caf50}.status-card.status-warning .status-icon{color:#ff9800}.status-card.status-info .status-icon{color:#2196f3}.status-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.status-message{font-size:14px;color:#666;margin:0 0 16px;line-height:1.5}.countdown-display{background:#f5f5f5;border-radius:12px;padding:20px;margin:16px 0}.countdown-number{font-size:56px;font-weight:900;color:#ff6b00;line-height:1}.countdown-label{font-size:14px;color:#666;margin-top:8px}.countdown-message{font-size:12px;color:#999;margin-top:12px}.status-details{text-align:left;background:#f9f9f9;border-radius:12px;padding:20px;margin:24px 0}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.next-steps{text-align:left;margin-top:24px}.next-steps h3{font-size:16px;font-weight:600;color:#333;margin:0 0 12px}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{padding:10px 0 10px 28px;position:relative;font-size:14px;color:#555}.next-steps li:before{content:"→";position:absolute;left:0;color:#ff6b00;font-weight:700}.error-card{text-align:center}.error-icon{margin:12px auto}.error-icon svg{color:#f44336}.error-message{font-size:14px;color:#666;margin:12px 0 16px;line-height:1.5}.resolution-options{padding:0 20px 20px}.resolution-options h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.resolution-options button{width:100%;margin-bottom:12px}.contact-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#f9f9f9;border-radius:8px;margin:20px;font-size:14px;color:#666}.contact-info svg{color:#ff6b00}.approval-card .card-header{position:relative;padding:20px}.approval-card .card-body{overflow-y:auto;max-height:calc(100vh - 200px);padding:24px}.approval-status{display:flex;align-items:center;gap:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.approval-status .status-icon{width:32px;height:32px;margin-top:10px}.approval-status .status-icon.pending{color:#ff9800}.approval-status .status-icon.approved{color:#4caf50}.approval-status .status-icon.rejected{color:#f44336}.approval-status .status-text{font-weight:600;font-size:14px}.approval-info{padding:10px}.info-section{margin-bottom:28px}.info-section:last-child{margin-bottom:0}.info-section h3{font-size:13px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 14px}.approval-type-badge{display:inline-block;background:#fff3e0;color:#f57c00;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px}.driver-details{padding:16px;background:#fafafa;border-radius:10px}.driver-details .detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.driver-details .detail-row:first-child{padding-top:0}.driver-details .detail-row:last-child{border-bottom:none;padding-bottom:0}.driver-details .label{font-size:13px;color:#999}.driver-details .value{font-size:13px;color:#333;font-weight:600}.reason-text{font-size:14px;color:#555;line-height:1.6;padding:16px;background:#f9f9f9;border-radius:10px;margin:0}.clerk-info{display:flex;justify-content:space-between;padding:14px 16px;background:#f5f5f5;border-radius:10px;margin-top:20px}.clerk-label{font-size:13px;color:#666}.clerk-name{font-size:13px;color:#333;font-weight:600}.pending-indicator{padding:40px 20px;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid #f3f3f3;border-top-color:#ff6b00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pending-indicator p{font-size:14px;color:#666}.notification-card{text-align:center}.notification-icon{margin:20px auto}.notification-icon svg{color:#ff6b00}.notification-card .status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin:16px 0}.notification-card .status-badge.sent{background:#e8f5e9;color:#2e7d32}.notification-card .status-badge.failed{background:#ffebee;color:#c62828}.notification-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:16px 0}.notification-details{background:#f9f9f9;border-radius:12px;padding:20px;margin:20px;text-align:left}.notification-details .detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.notification-details .detail-row:last-child{border-bottom:none}.message-preview{text-align:left;padding:20px;margin:0 20px 20px;background:#f5f5f5;border-radius:8px;border-left:4px solid #ff6b00}.message-preview h3{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;margin:0 0 8px}.message-preview p{font-size:13px;color:#555;line-height:1.6;margin:0}.original-dock-notice{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin-bottom:24px}.original-dock-notice svg{flex-shrink:0;color:#ff9800}.original-dock-notice strong{display:block;font-size:14px;color:#333;margin-bottom:4px}.original-dock-notice p{font-size:13px;color:#666;margin:0}.alternatives-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.dock-options-list{display:flex;flex-direction:column;gap:16px}.dock-option{padding:20px;background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease}.dock-option:hover{border-color:#ff6b00;background:#fff;box-shadow:0 4px 12px rgba(255,107,0,.1)}.dock-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dock-option .dock-number{font-size:24px;font-weight:700;color:#ff6b00}.availability-badge{background:#e8f5e9;color:#2e7d32;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.dock-option-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dock-option-details .detail{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.dock-option-details .detail svg{color:#999;flex-shrink:0}.dock-select-btn{width:100%;margin-top:8px}.confirmation-card{text-align:center}.confirmation-card .card-body{padding:16px 24px 20px;overflow-y:auto;max-height:calc(100vh - 200px)}.success-icon{margin:12px auto 16px}.success-icon svg{color:#4caf50;width:56px;height:56px}.reference-id{display:inline-flex;align-items:center;gap:8px;background:#f5f5f5;padding:10px 18px;border-radius:8px;margin:12px 0}.ref-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}.ref-value{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#333}.confirmation-summary{text-align:left;background:#f9f9f9;border-radius:10px;padding:16px 20px;margin:16px 0}.confirmation-summary .summary-field{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.confirmation-summary .summary-field:last-child{border-bottom:none}.confirmation-summary .summary-field.highlight{background:#fff8f0;margin:0 -20px;padding:10px 20px}.completion-message{padding:16px 0 4px}.completion-message p{font-size:15px;color:#333;margin:6px 0}.completion-message strong{color:#ff6b00;font-weight:700}.sub-message{font-size:12px!important;color:#999!important;margin-top:2px!important}@media (max-width:768px){.signature-container{height:160px}.signature-pad-card .terms-text{padding:8px 10px;margin-bottom:12px}.signature-pad-card .terms-text p{font-size:11px}.signature-buttons{gap:10px}.btn-clear-signature,.btn-submit-signature{padding:8px 16px;font-size:12px}.dock-number-large{font-size:48px}.countdown-number{font-size:56px}.summary-field{gap:4px}.dock-option-header,.summary-field{flex-direction:column;align-items:flex-start}.dock-option-header{gap:8px}.approval-status{position:static;transform:none;justify-content:center;margin-top:12px}}.mobile-card-wrapper .card,.mobile-layout .mobile-card-wrapper .card{max-height:100%;height:100%;margin:0;border-radius:12px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.mobile-card-wrapper .card-header{padding:10px 12px;min-height:auto}.mobile-card-wrapper .card-title{font-size:14px;text-align:left;font-weight:700}.mobile-card-wrapper .card-subtitle{font-size:11px}.mobile-card-wrapper .card-price{font-size:16px}.mobile-card-wrapper .card-body{padding:10px 12px 16px;overflow-y:auto;flex:1;min-height:0}.mobile-card-wrapper .form-group{margin-bottom:10px}.mobile-card-wrapper .form-label{font-size:12px;margin-bottom:6px}.mobile-card-wrapper .form-input{padding:10px 12px;font-size:13px}.mobile-card-wrapper .btn-explore,.mobile-card-wrapper .btn-primary,.mobile-card-wrapper .btn-secondary{padding:10px 20px;font-size:13px;font-weight:600}.mobile-card-wrapper .card-cta{margin-top:12px;padding-top:12px}.mobile-card-wrapper .signature-container{height:140px;margin-bottom:10px}.mobile-card-wrapper .signature-pad-card .terms-text{padding:8px 10px;margin-bottom:10px}.mobile-card-wrapper .signature-pad-card .terms-text p{font-size:11px;line-height:1.4}.mobile-card-wrapper .signature-buttons{gap:10px}.mobile-card-wrapper .btn-clear-signature,.mobile-card-wrapper .btn-submit-signature{padding:8px 14px;font-size:12px}.mobile-card-wrapper .dock-display{padding:4px 5px;margin:-10px -12px 12px}.mobile-card-wrapper .dock-number-large{font-size:26px;margin-bottom:-5px}.mobile-card-wrapper .dock-location{font-size:14px}.mobile-card-wrapper .detail-item{padding:10px;margin-bottom:8px;gap:10px}.mobile-card-wrapper .detail-label{font-size:10px;margin-bottom:3px}.mobile-card-wrapper .detail-value{font-size:12px}.mobile-card-wrapper .status-icon{width:40px;height:40px;margin-bottom:10px}.mobile-card-wrapper .status-title{font-size:16px;margin-bottom:6px}.mobile-card-wrapper .status-message{font-size:12px;margin-bottom:12px}.mobile-card-wrapper .countdown-display{padding:16px;margin:12px 0}.mobile-card-wrapper .countdown-number{font-size:42px}.mobile-card-wrapper .countdown-label{font-size:12px;margin-top:6px}.mobile-card-wrapper .countdown-message{font-size:11px;margin-top:8px}.mobile-card-wrapper .status-details{padding:14px;margin:16px 0}.mobile-card-wrapper .detail-row{padding:8px 0;font-size:12px}.mobile-card-wrapper .next-steps{margin-top:16px}.mobile-card-wrapper .next-steps h3{font-size:14px;margin-bottom:10px}.mobile-card-wrapper .next-steps li{padding:8px 0 8px 24px;font-size:12px}.mobile-card-wrapper .summary-field{padding:8px 0}.mobile-card-wrapper .field-label,.mobile-card-wrapper .field-value{font-size:12px}.mobile-card-wrapper .field-value.appointment-id{padding:3px 10px;font-size:11px}.mobile-card-wrapper .field-value.dock-number{font-size:16px}.mobile-card-wrapper .approval-status{position:static;transform:none;justify-content:flex-start;margin-top:8px;gap:6px}.mobile-card-wrapper .approval-status .status-icon{width:24px;height:24px}.mobile-card-wrapper .approval-status .status-text{font-size:12px}.mobile-card-wrapper .approval-info{padding:12px}.mobile-card-wrapper .info-section{margin-bottom:16px}.mobile-card-wrapper .info-section h3{font-size:12px;margin-bottom:8px}.mobile-card-wrapper .approval-type-badge{padding:6px 12px;font-size:12px}.mobile-card-wrapper .driver-details .label,.mobile-card-wrapper .driver-details .value{font-size:11px}.mobile-card-wrapper .reason-text{font-size:12px;padding:10px}.mobile-card-wrapper .clerk-info{padding:10px 12px;margin-top:12px}.mobile-card-wrapper .clerk-label,.mobile-card-wrapper .clerk-name{font-size:11px}.mobile-card-wrapper .error-icon{margin:10px auto}.mobile-card-wrapper .error-message{font-size:12px;margin:10px 0 12px}.mobile-card-wrapper .resolution-options{padding:0 12px 12px}.mobile-card-wrapper .resolution-options h3{font-size:14px;margin-bottom:12px}.mobile-card-wrapper .contact-info{padding:12px;margin:12px;font-size:12px}.mobile-card-wrapper .notification-icon{margin:12px auto}.mobile-card-wrapper .notification-title{font-size:16px;margin:12px 0}.mobile-card-wrapper .notification-details{padding:14px;margin:12px}.mobile-card-wrapper .message-preview{padding:12px;margin:0 12px 12px}.mobile-card-wrapper .message-preview h3{font-size:11px;margin-bottom:6px}.mobile-card-wrapper .message-preview p{font-size:11px}.mobile-card-wrapper .original-dock-notice{padding:12px;margin-bottom:16px;gap:12px}.mobile-card-wrapper .original-dock-notice strong{font-size:12px}.mobile-card-wrapper .original-dock-notice p{font-size:11px}.mobile-card-wrapper .alternatives-title{font-size:14px;margin-bottom:12px}.mobile-card-wrapper .dock-options-list{gap:12px}.mobile-card-wrapper .dock-option{padding:14px}.mobile-card-wrapper .dock-option-header{margin-bottom:10px;flex-direction:row;justify-content:space-between;align-items:center}.mobile-card-wrapper .dock-option .dock-number{font-size:20px}.mobile-card-wrapper .availability-badge{padding:3px 10px;font-size:10px}.mobile-card-wrapper .dock-option-details{gap:6px;margin-bottom:12px}.mobile-card-wrapper .dock-option-details .detail{font-size:11px}.mobile-card-wrapper .signature-confirmation-card{text-align:center}.mobile-card-wrapper .signature-confirmation-card .card-body{padding:10px 12px 14px}.mobile-card-wrapper .confirmation-icon-container{padding:4px 0 0}.mobile-card-wrapper .signature-captured-icon{width:56px;height:56px;margin:0 auto 6px}.mobile-card-wrapper .signature-captured-icon svg{width:32px;height:32px}.mobile-card-wrapper .confirmation-message{margin:4px 0 8px}.mobile-card-wrapper .confirmation-message h3{font-size:15px;margin:0 0 6px}.mobile-card-wrapper .confirmation-message .primary-message{font-size:12px;line-height:1.3}.mobile-card-wrapper .voice-prompt-box{padding:12px;margin:10px 0;gap:10px}.mobile-card-wrapper .voice-prompt-icon{width:40px;height:40px}.mobile-card-wrapper .voice-prompt-icon svg{width:22px;height:22px}.mobile-card-wrapper .voice-prompt-text{font-size:12px;line-height:1.4}.mobile-card-wrapper .voice-prompt-text strong{font-size:13px;margin-bottom:3px}.mobile-card-wrapper .voice-prompt-text .alt-phrase{font-size:10px}.mobile-card-wrapper .info-note{padding:10px 12px;margin-top:10px;gap:8px}.mobile-card-wrapper .info-note svg{width:16px;height:16px}.mobile-card-wrapper .info-note p{font-size:10px;line-height:1.3}.mobile-card-wrapper .confirmation-card .card-body{padding:12px 16px 16px;overflow-y:auto}.mobile-card-wrapper .success-icon{margin:8px auto 12px}.mobile-card-wrapper .success-icon svg{width:52px;height:52px}.mobile-card-wrapper .reference-id{padding:8px 14px;margin:10px 0}.mobile-card-wrapper .ref-label{font-size:10px}.mobile-card-wrapper .ref-value{font-size:11px}.mobile-card-wrapper .confirmation-summary{padding:12px 16px;margin:12px 0}.mobile-card-wrapper .confirmation-summary .summary-field{padding:8px 0}.mobile-card-wrapper .confirmation-summary .summary-field.highlight{margin:0 -16px;padding:8px 16px}.mobile-card-wrapper .completion-message{padding:12px 0 4px}.mobile-card-wrapper .completion-message p{font-size:13px;margin:4px 0}.mobile-card-wrapper .sub-message{font-size:10px!important}.mobile-card-wrapper .spinner{width:32px;height:32px;margin-bottom:12px;border-width:3px}.mobile-card-wrapper .pending-indicator{padding:24px}.mobile-card-wrapper .pending-indicator p{font-size:12px}@media (max-width:480px){.mobile-card-wrapper .card-header{padding:10px}.mobile-card-wrapper .card-title{font-size:13px;text-align:left}.mobile-card-wrapper .card-body{padding:8px 10px 12px}.mobile-card-wrapper .btn-explore,.mobile-card-wrapper .btn-primary,.mobile-card-wrapper .btn-secondary{padding:9px 16px;font-size:12px}.mobile-card-wrapper .countdown-number,.mobile-card-wrapper .dock-number-large{font-size:26px}}.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);padding:20px}.terms-modal-overlay.visible{opacity:1}.terms-modal-container{background:#ffffff;border:1px solid #dddddd;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 1px rgba(221,221,221,.5);display:flex;flex-direction:column;position:relative;will-change:transform}.terms-modal-container.visible{transform:scale(1) translateY(0)}.terms-modal-header{padding:32px 32px 24px;text-align:center;background:#f8f8f8;border-bottom:1px solid #dddddd;flex-shrink:0}.terms-modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#fbda05,#e6b800);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#1f2937;box-shadow:0 8px 32px rgba(251,218,5,.3)}.terms-modal-title{font-size:24px;font-weight:700;color:#475569;margin:0 0 8px;line-height:1.2}.terms-modal-subtitle{color:#6b7280;font-size:16px;margin:0;font-weight:500}.terms-modal-content{padding:24px 32px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.terms-section{margin-bottom:24px}.terms-section:last-child{margin-bottom:0}.terms-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.terms-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#fbda05,#e6b800);border-radius:2px}.terms-section p{color:#475569;line-height:1.6;margin:0 0 12px;font-size:15px}.terms-section ul{margin:12px 0 0;padding-left:20px}.terms-section li{color:#475569;line-height:1.6;margin-bottom:8px;font-size:15px}.terms-disclaimer{margin-top:24px;padding:16px 20px;background:rgba(96,165,250,.05);border:1px solid rgba(96,165,250,.1);border-radius:12px}.terms-disclaimer p{color:#1e293b;font-weight:500;margin:0;font-size:14px;text-align:center}.terms-modal-actions{padding:20px 32px 32px;gap:16px;background:#f8f8f8;border-top:1px solid #dddddd;flex-shrink:0;margin-top:auto}.terms-button,.terms-modal-actions{display:flex;justify-content:center}.terms-button{padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);align-items:center;gap:8px;min-width:140px;position:relative;overflow:hidden}.terms-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .5s}.terms-button:hover:before{transform:translateX(100%)}.terms-button.decline{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#374151);color:white;border:1px solid #9ca3af;font-weight:500}.terms-button.decline:hover{background:linear-gradient(135deg,#7c8a95,#6b7280 50%,#4b5563);transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,114,128,.3);filter:brightness(1.05)}.terms-button.accept{background:linear-gradient(135deg,#fbda05,#f7c52d 50%,#e6b800);color:#1f2937;box-shadow:0 4px 16px rgba(251,218,5,.4);font-weight:600}.terms-button.accept:hover{background:linear-gradient(135deg,#fde047,#fbda05 50%,#facc15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(251,218,5,.5);filter:brightness(1.05) saturate(1.1)}.terms-button:active{transform:translateY(0)}@media (max-width:768px){.terms-modal-container{margin:15px;max-height:85vh;border-radius:20px}.terms-modal-header{padding:24px 24px 20px}.terms-modal-icon{width:56px;height:56px;border-radius:16px}.terms-modal-title{font-size:22px}.terms-modal-subtitle{font-size:15px}.terms-modal-content{padding:20px 24px;scroll-behavior:smooth}.terms-modal-actions{padding:18px 24px 28px;flex-direction:column;gap:12px}.terms-button{width:100%;min-width:auto}}@media (max-width:480px){.terms-modal-overlay{padding:12px}.terms-modal-container{margin:0;max-height:88vh}.terms-modal-header{padding:20px 20px 16px}.terms-modal-content{padding:16px 20px;scroll-behavior:smooth}.terms-modal-actions{padding:16px 20px 24px;gap:12px}.terms-section h3{font-size:16px}.terms-section li,.terms-section p{font-size:14px}}.terms-modal-content::-webkit-scrollbar{width:8px}.terms-modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px;margin:4px 0}.terms-modal-content::-webkit-scrollbar-thumb{background:rgba(251,218,5,.4);border-radius:4px;border:1px solid rgba(255,255,255,.1);min-height:20px;transition:background .2s ease}.terms-modal-content::-webkit-scrollbar-thumb:hover{background:rgba(251,218,5,.6)}.terms-modal-content::-webkit-scrollbar-thumb:active{background:rgba(230,184,0,.8)}.terms-modal-content{scrollbar-width:thin;scrollbar-color:rgba(251,218,5,.4) rgba(0,0,0,.05)}.terms-modal-content *{scroll-margin-top:8px;scroll-margin-bottom:8px}.terms-modal-content{transform:translateZ(0);-webkit-transform:translateZ(0)}html{scroll-behavior:smooth}.terms-modal-overlay{overscroll-behavior:none}.terms-modal-content a{color:#3b82f6;text-decoration:none;transition:color .2s ease;font-weight:inherit}.terms-modal-content a:hover{color:#2563eb;text-decoration:underline}.terms-modal-content a:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}