:root{--bg: #F4F4F6;--card-bg: #FFFFFF;--card-radius: 16px;--card-border: 1px solid rgba(0, 0, 0, .06);--card-shadow: 0 1px 3px rgba(0, 0, 0, .04);--max-width: 540px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--accent: #0061F0;--tab-inactive: #8E8E93}*,*:before,*:after{box-sizing:border-box}input,select,textarea{font-size:16px}html,body{margin:0;padding:0;background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#app{position:relative;min-height:100vh;max-width:var(--max-width);margin:0 auto}#app-loader{display:flex;align-items:center;justify-content:center;height:100vh}.page{display:none;min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-entering{animation:pageFadeIn .2s ease both}.page-content{padding:var(--spacing-md);padding-top:var(--spacing-lg)}.floating-tab-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));display:flex;z-index:200;transition:transform .25s ease,opacity .2s ease}.floating-tab-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.floating-tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;flex:1;border:none;background:transparent;cursor:pointer;font-family:inherit;min-height:48px;-webkit-tap-highlight-color:transparent;outline:none;transition:opacity .15s ease}.floating-tab-item:active{opacity:.5}.floating-tab-item .tab-icon{color:var(--tab-inactive);transition:color .15s ease}.floating-tab-item .tab-label{color:var(--tab-inactive);transition:color .15s ease;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.01em}.floating-tab-item.active .tab-icon{color:var(--accent)}.floating-tab-item.active .tab-label{color:var(--accent);font-weight:600}.card{background:var(--card-bg);border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);padding:var(--spacing-md);margin-bottom:12px;transition:transform .15s ease,box-shadow .15s ease}.card-clickable{cursor:pointer}.card-clickable:active{transform:scale(.985);box-shadow:0 0 #0000}@media(hover:hover){.card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.card-clickable:active{transform:scale(.985);box-shadow:0 0 #0000}}.hero-card{padding:20px;background:linear-gradient(135deg,#f0f7ff,#fff 60%)}.hero-completed{background:linear-gradient(135deg,#f8f9fb,#fff)}.hero-unsigned{background:linear-gradient(135deg,#fffbf0,#fff)}.compact-card{padding:14px var(--spacing-md)}.card-warning{background:linear-gradient(135deg,#fff8e8,#fff 60%);border:1px solid rgba(255,155,0,.15)}.card-chevron{display:flex;align-items:center;flex-shrink:0;color:#00000040}@keyframes subtlePulse{0%,to{box-shadow:0 0 #ff9b004d}50%{box-shadow:0 0 0 6px #ff9b0000}}.sign-button-wrap p-button{animation:subtlePulse 2s ease-in-out infinite;border-radius:8px}.receipt-buttons{cursor:default}.card-row-between{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.section-label{margin-bottom:8px;padding:0 4px}.back-row{margin-bottom:var(--spacing-md);animation:slideInFromLeft .25s ease-out both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.status-summary-line{display:flex;align-items:center;gap:6px;margin-bottom:4px}.km-indicator{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;background:#0061f00f;border-radius:10px}.section-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#0000000f;border-radius:9999px;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:600;color:#00000080;margin-left:6px}.completed-compact{padding:12px var(--spacing-md)}.see-all-wrap{text-align:center;margin-top:4px;margin-bottom:8px}.progress-section{margin-top:20px}.progress-bar-track{height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .6s ease}.progress-label{margin-top:4px;text-align:center}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04);gap:12px}.detail-row:last-child{border-bottom:none}.toll-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.toll-row:last-of-type{border-bottom:none}.payment-card-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.payment-guarantee-row{display:flex;align-items:center;gap:12px;padding:8px 0}.card-add{display:flex;align-items:center;justify-content:center;gap:8px;border-style:dashed;background:#00000005;cursor:pointer;font-family:Outfit,sans-serif;width:100%}.card-add:hover{background:#0000000a}.card-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.card-modal-backdrop{position:absolute;inset:0;background:#00000080}.card-modal-panel{position:relative;background:#fff;border-radius:16px;padding:20px;width:min(420px,92vw);max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.card-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-modal-close{width:32px;height:32px;border:none;background:#0000000a;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#374151}.card-modal-close:hover{background:#00000014}.payment-card-expired{opacity:.55;background:linear-gradient(135deg,#555,#777)!important}.tx-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.tx-row:last-child{border-bottom:none}.tx-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.history-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:14px 16px;margin-bottom:8px;transition:border-color .15s,transform .1s;cursor:pointer}.history-card:hover{border-color:#0000002e}.history-card:active{transform:scale(.99)}.history-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.history-car{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.history-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.history-meta{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px;border-top:1px solid rgba(0,0,0,.04)}.history-meta-item{display:flex;align-items:center;gap:5px}.signing-use-saved-btn,.signing-use-new-btn{flex:1;padding:10px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:#374151;transition:all .15s}.signing-use-saved-btn:hover,.signing-use-new-btn:hover{border-color:#0000004d}.signing-use-saved-btn.active,.signing-use-new-btn.active{background:#111827;color:#fff;border-color:#111827}.card-list{display:flex;flex-direction:column;gap:8px}.card-radio{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);transition:border-color .15s,box-shadow .15s}.card-radio input[type=radio]{flex-shrink:0;width:18px;height:18px;accent-color:#000}.card-radio-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.card-radio-brand{font-weight:600;font-size:12px;background:#111827;color:#fff;padding:4px 10px;border-radius:6px;flex-shrink:0;letter-spacing:.04em}.card-radio-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.card-radio:has(input:checked){border-color:#000;box-shadow:0 0 0 1px #000}.payment-card-visual{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:12px;padding:16px;color:#fff;position:relative;margin-bottom:12px}.payment-card-visual .card-brand{font-size:13px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase;margin-bottom:18px}.payment-card-visual .card-number{font-size:16px;letter-spacing:2px;font-family:monospace;margin-bottom:12px}.payment-card-visual .card-expiry{font-size:12px;opacity:.6}.avatar-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0061f0,#0047b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;box-shadow:0 4px 16px #0061f040}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.signature-preview{background:#fafafa;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:12px;margin:8px 0;display:flex;align-items:center;justify-content:center}.signature-block{margin-bottom:16px}.signature-block:last-child{margin-bottom:0}.spin-viewer{border-radius:12px;overflow:hidden;background:#fafafa}.spin-canvas{position:relative;width:100%;aspect-ratio:4 / 3;cursor:grab;overflow:hidden;background:#f8f8fa}.spin-canvas:active{cursor:grabbing}.spin-frame{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .15s ease;pointer-events:none}.spin-frame.active{opacity:1;pointer-events:auto}.spin-frame img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.spin-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.zone-marker{position:absolute;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;border:2px solid rgba(0,100,200,.3);background:#0064c814;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center;padding:0;outline:none;-webkit-tap-highlight-color:transparent}.zone-marker:hover{transform:scale(1.3);border-color:#0064c899;background:#0064c826}.zone-marker.highlighted{transform:scale(1.4);border-color:#0064c8cc;background:#0064c833;box-shadow:0 0 12px #0064c84d}.zone-marker.has-damage{border-color:#dc323280;background:#dc32321a}.zone-marker.has-damage:hover,.zone-marker.has-damage.highlighted{border-color:#dc3232cc;background:#dc323233;box-shadow:0 0 12px #dc32324d}.zone-marker.has-damage.major{border-color:#dc3232b3;background:#dc323226}.zone-damage-dot{width:10px;height:10px;border-radius:50%;background:#dc3232;animation:damagePulse 2s ease infinite}@keyframes damagePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.spin-damage-info{border-top:1px solid rgba(0,0,0,.04);background:#fff}.damage-info-content{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.damage-info-header{display:flex;align-items:center;gap:8px}.damage-info-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.damage-info-dot.minor{background:#f59e0b}.damage-info-dot.major{background:#dc3232}.damage-list{border-top:1px solid rgba(0,0,0,.06);background:#fff}.damage-list-header{padding:12px 16px 8px}.damage-list-empty{display:flex;align-items:center;gap:8px;padding:12px 16px 16px}.damage-list-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;border-top:1px solid rgba(0,0,0,.04);background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s ease;-webkit-tap-highlight-color:transparent;min-height:48px}.damage-list-row:hover{background:#00000005}.damage-list-row:active,.damage-list-row.active{background:#0064c80a}.damage-list-row-left{display:flex;align-items:center;gap:12px;min-width:0}.damage-list-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.damage-list-dot.minor{background:#f59e0b}.damage-list-dot.major{background:#dc3232}.spin-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#0009;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;pointer-events:none;animation:hintPulse 2s ease infinite}@keyframes hintPulse{0%,to{opacity:.9}50%{opacity:.5}}.spin-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid rgba(0,0,0,.04)}.spin-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;color:#1a1a1a;-webkit-tap-highlight-color:transparent}.spin-btn:active{background:#f0f0f2}.spin-dots{display:flex;gap:6px;align-items:center}.spin-dot{width:8px;height:8px;border-radius:50%;background:#00000026;transition:background .2s ease,transform .2s ease;cursor:pointer}.spin-dot.active{background:#000000b3;transform:scale(1.2)}.spin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;background:#fafafa;border-radius:12px}.receipt-buttons{display:flex;flex-direction:column;gap:12px}.car-profile-card{display:flex;align-items:center;gap:14px;padding:4px 0}.car-profile-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);flex-shrink:0}.car-profile-details{flex:1}.accordion-icon-heading{display:inline-flex;align-items:center;gap:6px}.profil-footer{text-align:center;margin-top:32px;padding-bottom:8px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}p-accordion{--p-accordion-border-color: rgba(0, 0, 0, .06)}.acc-card{background:var(--card-bg);border-radius:var(--card-radius);border:var(--card-border);box-shadow:var(--card-shadow);margin-bottom:10px;overflow:hidden}.acc-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:48px}.acc-card-header:active{background:#00000005}.acc-card-title{font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a}.acc-card-chevron{transition:transform .2s ease;color:#8e8e93;flex-shrink:0}.acc-card.open .acc-card-chevron{transform:rotate(180deg)}.acc-card-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.acc-card.open .acc-card-body{max-height:2000px}.acc-card-content{padding:0 16px 16px;border-top:1px solid rgba(0,0,0,.04)}.accordion-card .detail-row{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.accordion-card .detail-row:last-child{border-bottom:none}.accordion-card .toll-row{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.accordion-card .toll-row:last-of-type{border-bottom:none}.accordion-card p-divider{margin:8px 0}.accordion-card .payment-card-info{margin-bottom:0}.help-heading{text-align:center;margin-bottom:16px}.historikk-summary{margin-top:4px}.historikk-count{margin-bottom:20px}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-right{text-align:right}.login-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--spacing-md);padding-top:60px}.login-brand{text-align:center;margin-bottom:48px}.login-content{width:100%;max-width:400px}.login-phone-row{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:0 12px;height:48px;background:#fff}.login-prefix{flex-shrink:0;padding-right:8px;border-right:1px solid rgba(0,0,0,.1)}.login-phone-input{flex:1;border:none;outline:none;font-size:16px;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;background:transparent;height:100%}.login-phone-input::placeholder{color:#0000004d}.digit-input-row{display:flex;gap:8px;justify-content:center}.digit-box{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;border:1px solid rgba(0,0,0,.15);border-radius:8px;outline:none;background:#fff;transition:border-color .15s ease}.digit-box:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0061f026}.stepper-section{margin:var(--spacing-md) 0}.sig-pad{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;background:#fff}.sig-pad-canvas-wrap{position:relative;width:100%;height:160px;cursor:crosshair;touch-action:none}.sig-pad-canvas{display:block;width:100%;height:100%}.sig-pad-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sig-pad-actions{display:flex;justify-content:flex-end;padding:6px 12px;border-top:1px solid rgba(0,0,0,.04);background:#fafafa}.sig-pad-clear{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;cursor:pointer;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:13px;color:#626669;border-radius:6px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.sig-pad-clear:active{background:#0000000a}.mock-signature-area{border:2px dashed rgba(0,0,0,.15);border-radius:8px;height:180px;display:flex;align-items:center;justify-content:center;background:#fafafa}.mock-card-form{display:flex;flex-direction:column}.mock-card-form-row{display:flex;gap:12px;margin-top:var(--spacing-md)}.mock-card-form-half{flex:1}.mock-card-input{width:100%;height:44px;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:0 12px;font-size:16px;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;outline:none;background:#fff;margin-top:4px;transition:border-color .15s ease}.mock-card-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0061f026}.mock-card-input::placeholder{color:#0000004d}.module-form{display:flex;flex-direction:column}.summary-check-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.summary-check-row:last-child{border-bottom:none}.success-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px}.success-icon{width:80px;height:80px;border-radius:50%;background:#01810114;display:flex;align-items:center;justify-content:center}.faq-section{margin-top:var(--spacing-lg)}.contact-card-row{display:flex;align-items:center;gap:8px}.contact-card-link,.contact-card-link:hover{text-decoration:none}.checkbox-row{display:flex;align-items:flex-start;gap:10px}.checkbox-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}.track-indicator{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px}.track-fast{background:#0181010f;border:1px solid rgba(1,129,1,.12)}.track-medium{background:#f59e0b0f;border:1px solid rgba(245,158,11,.15)}.track-slow{background:#dc32320d;border:1px solid rgba(220,50,50,.12)}.card-incomplete{border-color:#dc323226;background:linear-gradient(135deg,#fff5f5,#fff 60%)}.missing-list{display:flex;flex-direction:column;gap:1px;padding-left:24px}.fast-track-row{display:flex;align-items:center;gap:10px}.fast-track-row p-text{flex:1}.profile-completion{text-align:left}.completion-bar-track{height:6px;background:#0000000f;border-radius:3px;overflow:hidden}.completion-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .6s ease}.profil-row{position:relative}.profil-row-value{display:flex;align-items:center;gap:8px}.profil-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:#0000000a;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:0}.profil-edit-btn:active{background:#00000014}.profil-edit-form{flex-direction:column;gap:8px;width:100%;margin-top:4px}.profil-edit-form .profil-edit-input{margin-top:0;height:40px}.profil-edit-actions{display:flex;gap:8px;justify-content:flex-end}.profil-save-btn,.profil-cancel-btn{padding:6px 16px;border-radius:6px;border:none;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:13px;cursor:pointer;-webkit-tap-highlight-color:transparent}.profil-save-btn{background:var(--accent);color:#fff}.profil-save-btn:active{opacity:.85}.profil-cancel-btn{background:#0000000f;color:#626669}.profil-cancel-btn:active{background:#0000001a}.consent-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.consent-row:last-child{border-bottom:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#00000026;border-radius:26px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.vilkaar-page{position:relative}.vilkaar-content{margin-bottom:var(--spacing-lg)}.vilkaar-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,.04)}.vilkaar-section:last-child{border-bottom:none}.vilkaar-scroll-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#00000008;border-radius:10px;text-align:center;transition:opacity .3s ease}.vilkaar-read-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.chat-bubble{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));right:16px;width:56px;height:56px;border-radius:50%;background:#0061f0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0061f059;z-index:300;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.chat-bubble:active{transform:scale(.9)}.chat-bubble.open{transform:scale(0);pointer-events:none}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#dc3232;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;font-family:Porsche Next,Arial,sans-serif;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.chat-panel{position:fixed;inset:0;background:#f4f4f6;z-index:400;display:flex;flex-direction:column;animation:chatSlideUp .3s ease;height:100dvh}@media(min-width:500px){.chat-panel{inset:auto 16px 16px auto;width:380px;height:580px;max-height:calc(100dvh - 32px);border-radius:20px;box-shadow:0 8px 40px #00000026;overflow:hidden}}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0;padding-top:calc(16px + env(safe-area-inset-top,0px))}@media(min-width:500px){.chat-header{padding-top:16px}}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-avatar{width:36px;height:36px;border-radius:50%;background:#0061f0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:Porsche Next,Arial,sans-serif}.chat-status{color:#059669}.chat-close{width:36px;height:36px;border-radius:50%;border:none;background:#0000000a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.chat-close:active{background:#00000014}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-welcome{text-align:center;padding:24px 16px;opacity:.7}.chat-msg{display:flex;flex-direction:column;max-width:80%;animation:msgFadeIn .2s ease}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-msg-user{align-self:flex-end;align-items:flex-end}.chat-msg-agent{align-self:flex-start;align-items:flex-start}.chat-msg-bubble{padding:10px 14px;border-radius:16px;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:14px;line-height:1.5;word-break:break-word}.chat-msg-user .chat-msg-bubble{background:#0061f0;color:#fff;border-bottom-right-radius:4px}.chat-msg-agent .chat-msg-bubble{background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.06);border-bottom-left-radius:4px}.chat-msg-time{font-size:10px;color:#00000059;margin-top:4px;padding:0 4px;font-family:Porsche Next,Arial,sans-serif}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#0000004d;animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-area{flex-shrink:0;background:#fff;border-top:1px solid rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom,0px)}.chat-quick-actions{display:flex;gap:6px;padding:10px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-quick-btn{flex-shrink:0;padding:6px 14px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:#fff;font-family:Porsche Next,Arial,sans-serif;font-size:13px;color:#0061f0;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.chat-quick-btn:active{background:#0061f00f}.chat-compose{display:flex;align-items:center;gap:8px;padding:10px 16px 12px}.chat-text-input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.1);background:#f4f4f6;font-family:Porsche Next,Arial Narrow,Arial,sans-serif;font-size:16px;outline:none;transition:border-color .15s ease}.chat-text-input:focus{border-color:#0061f0;background:#fff}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:#0061f0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.chat-send-btn:active{transform:scale(.9)}