@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #FF7B00;--color-primary-hover: #E66E00;--color-primary-light: #FFF0E5;--color-secondary: #0A2540;--color-secondary-hover: #163C65;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-text: #1E293B;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-success: #10B981;--color-danger: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--color-secondary);font-weight:700;line-height:1.2}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;padding-bottom:4rem}@media(min-width:768px){.main-content{padding-bottom:0}}.ai-assistant-wrapper{position:fixed;bottom:80px;right:20px;z-index:9999}.ai-fab{background:linear-gradient(135deg,var(--color-primary),#d946ef);color:#fff;width:60px;height:60px;border-radius:50%;border:none;box-shadow:0 10px 25px #d946ef66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.ai-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 30px #d946ef99}.ai-fab.hidden{opacity:0;visibility:hidden;transform:scale(.5)}.fab-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.sparkle-icon{position:absolute;top:-5px;right:-5px;color:#fef08a;animation:sparkle 2s infinite ease-in-out}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.3) rotate(15deg);opacity:1}}.ai-chat-window{position:absolute;bottom:0;right:0;width:350px;height:500px;max-height:calc(100vh - 120px);background:var(--color-surface);border-radius:16px;box-shadow:0 20px 40px -10px #0003,0 0 0 1px var(--color-border);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:0;visibility:hidden;transform:scale(.8) translateY(20px)}.ai-chat-window.open{opacity:1;visibility:visible;transform:scale(1) translateY(0)}@media(max-width:480px){.ai-chat-window{position:fixed;bottom:0;right:0;left:0;width:100%;height:80vh;border-radius:20px 20px 0 0;transform-origin:bottom center}}.ai-chat-header{background:linear-gradient(90deg,#1e293b,#0f172a);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.ai-header-info{display:flex;align-items:center;gap:12px}.ai-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),#d946ef);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.ai-header-info h4{margin:0;font-size:1rem;font-weight:600}.online-status{font-size:.75rem;color:#86efac;display:flex;align-items:center;gap:4px}.online-status:before{content:"";display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 4px #22c55e00}to{box-shadow:0 0 #22c55e00}}.close-ai-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:all .2s}.close-ai-btn:hover{color:#fff;background:#ffffff1a}.ai-messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:#f8fafc}.ai-message-row{display:flex;align-items:flex-end;gap:8px;max-width:85%}.ai-message-row.user{align-self:flex-end;flex-direction:row-reverse}.ai-message-row.assistant{align-self:flex-start}.ai-bubble{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.4;box-shadow:0 2px 5px #0000000d}.ai-bubble.user{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.ai-bubble.assistant{background:#fff;color:var(--color-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.ai-msg-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ai-msg-avatar.ai{background:linear-gradient(135deg,var(--color-primary),#d946ef)}.ai-msg-avatar.user{background:var(--color-secondary)}.typing{display:flex;align-items:center;gap:4px;padding:16px!important}.dot{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-input-area{display:flex;padding:15px;background:#fff;border-top:1px solid var(--color-border);gap:10px}.ai-input-area input{flex:1;border:1px solid var(--color-border);border-radius:20px;padding:10px 15px;font-size:.9rem;outline:none;transition:border-color .2s}.ai-input-area input:focus{border-color:var(--color-primary)}.ai-input-area button{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.ai-input-area button:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.05)}.ai-input-area button:disabled{background:#cbd5e1;cursor:not-allowed}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-btn{background:transparent;border:none;cursor:pointer;position:relative;padding:.5rem;color:var(--color-text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.notification-btn:hover{color:var(--color-primary)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--color-danger);color:#fff;font-size:.65rem;font-weight:700;height:16px;min-width:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px var(--color-surface)}.bubble-bounce{animation:bubbleBounce .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bubbleBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;width:320px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);z-index:1000;overflow:hidden;display:flex;flex-direction:column}@media(max-width:480px){.notification-dropdown{position:fixed;top:60px;left:1rem;right:1rem;width:auto;max-width:calc(100vw - 2rem)}}.notification-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.notification-header h4{margin:0;font-size:1rem;color:var(--color-text)}.mark-all-read-btn{background:transparent;border:none;color:var(--color-primary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{max-height:350px;overflow-y:auto;display:flex;flex-direction:column}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-text-muted);opacity:.5}.no-notifications p{margin-top:.5rem;font-size:.9rem}.notification-item{padding:1rem;display:flex;gap:1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#eff6ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:var(--color-text)}.notification-message{margin:0 0 .5rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.notification-time{font-size:.75rem;color:#94a3b8}.unread-dot{position:absolute;top:1rem;right:1rem;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary)}.top-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.header-content{height:85px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;text-decoration:none;margin-left:-.5rem}.logo-text{color:var(--color-secondary)}.logo-icon{background:var(--color-primary);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.1rem}.user-profile-badge .avatar{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid white;box-shadow:var(--shadow-sm)}.professional-theme .logo-icon{background:var(--color-secondary)}.professional-theme .logo-text{color:var(--color-secondary)}.professional-theme .user-profile-badge .avatar{background-color:var(--color-secondary);color:#fff}.professional-theme .bottom-nav .nav-item.active{color:var(--color-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 6px -1px #0000000d;z-index:10}.bottom-nav-container{display:flex;justify-content:space-around;height:64px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--color-text-muted);flex:1;font-size:.75rem;font-weight:500;transition:all .2s ease}.nav-item:hover{background-color:var(--color-background)}.customer-theme .nav-item.active{color:var(--color-primary)}.desktop-nav-link{display:none;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.desktop-nav-link:hover{color:var(--color-primary)}@media(min-width:768px){.bottom-nav{display:none}.desktop-nav-link{display:flex}}.logo-image{height:80px;width:auto;object-fit:contain}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:1rem}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.auth-header{text-align:center}.auth-logo{height:300px;width:auto;margin:0 auto 1.5rem;display:block;object-fit:contain}.auth-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:1rem;color:var(--color-text-muted);pointer-events:none}.form-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.auth-btn{margin-top:.5rem;padding:1rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600}.auth-footer{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--color-text-muted)}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none;margin-left:.25rem}.auth-link:hover{text-decoration:underline}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}.role-card{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;text-align:center}.role-card span{font-weight:600;color:var(--color-text)}.role-card.selected{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.role-card.selected span{color:var(--color-primary)}.role-card:hover:not(.selected){border-color:var(--color-text-muted)}.customer-home{padding-bottom:2rem}.animate-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section{background:var(--color-secondary, #0f172a);background-image:radial-gradient(circle at top right,rgba(234,88,12,.2),transparent 40%),radial-gradient(circle at bottom left,rgba(255,123,0,.15),transparent 40%);color:#fff;padding:4rem 0 5rem;border-radius:0 0 2rem 2rem;margin-bottom:3rem;box-shadow:0 10px 30px -10px #0f172a80;position:relative;overflow:hidden}.hero-title{color:#fff;font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.025em;line-height:1.1;z-index:1;position:relative}.hero-title span{display:block;color:var(--color-primary, #ea580c);text-shadow:0 2px 15px rgba(255,123,0,.3)}.hero-subtitle{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;z-index:1;position:relative}.search-bar{background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000040;border-radius:var(--radius-full);display:flex;align-items:center;padding:.6rem 1.2rem;width:100%;max-width:500px;margin:0 auto;z-index:1;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.search-bar:focus-within{background:#fff3;border-color:#ff7b0080;box-shadow:0 8px 32px #ff7b0040;transform:translateY(-2px)}.search-icon{color:#cbd5e1;margin-right:.75rem}.search-bar input{flex:1;border:none;background:transparent;padding:.75rem 0;font-size:1rem;color:#fff;outline:none}.search-bar input::placeholder{color:#94a3b8}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(min-width:640px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px -1px #0000000d;position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);box-shadow:0 0 20px rgba(var(--hover-glow, 0, 0, 0),0);transition:box-shadow .3s ease;pointer-events:none}.category-card:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.category-card:hover .category-icon-wrapper{transform:scale(1.1)}.category-card:active{transform:translateY(-2px) scale(.98)}.category-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.category-title{font-weight:600;color:var(--color-secondary);font-size:.875rem;text-align:center}.trust-banner{margin-top:3rem}.trust-card{background:var(--color-secondary);border-radius:var(--radius-xl);padding:1.5rem;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.trust-card:before{content:"";position:absolute;top:-50%;right:-20%;width:150px;height:150px;border-radius:50%;background:#ffffff0d}.trust-content h3{color:#fff;font-size:1.125rem;margin-bottom:.25rem}.trust-content p{font-size:.875rem;color:#cbd5e1;margin-bottom:1rem;max-width:80%}.text-button{background:transparent;border:none;color:var(--color-primary, #ea580c);font-weight:600;display:flex;align-items:center;gap:.25rem;padding:0}.text-button:hover{color:var(--color-primary-hover, #c2410c)}.trust-illustration{font-size:4rem;opacity:.8;transform:rotate(15deg)}.no-results{text-align:center;color:var(--color-text-muted);padding:2rem 0;grid-column:1 / -1}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;color:var(--color-secondary);margin:0}.close-btn{background:transparent;border:none;font-size:2rem;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0;margin-top:-.5rem}.modal-body{padding:1.5rem;color:var(--color-text);line-height:1.6}.modal-body ul{margin-top:1rem;padding-left:1.5rem}.modal-body li{margin-bottom:.75rem}.modal-footer{margin-top:2rem;display:flex;justify-content:flex-end}.service-request-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);position:relative;z-index:20}.request-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.request-header h2{font-size:1.125rem;margin:0}.back-btn{background:none;border:none;color:var(--color-text);display:flex;align-items:center;padding:.5rem;margin-left:-.5rem}.progress-container{padding:1.5rem 1rem 1rem;background:var(--color-surface)}.progress-bar-bg{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1)}.step-indicator{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.form-content{flex:1;padding:1.5rem 1rem 6rem;overflow-y:auto}.step-pane h3{font-size:1.5rem;margin-bottom:.5rem}.subtitle{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1rem}label{font-size:.875rem;font-weight:500;color:var(--color-secondary)}input[type=text],textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;transition:all .2s;background-color:#fff}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff7b001a}.upload-box{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;background-color:#ffffff80;transition:all .2s}.upload-box:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.upload-box span{font-weight:500;color:var(--color-primary)}.upload-hint{font-size:.75rem;color:var(--color-text-muted);text-align:center}.date-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;font-size:1rem;font-weight:500;color:var(--color-secondary);transition:all .2s}.option-card.active{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.urgency-warning{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background-color:#fef2f2;color:#991b1b;border-radius:var(--radius-md);font-size:.875rem}.summary-pane{display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon-wrapper{color:var(--color-success);margin-bottom:1.5rem;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.summary-card{width:100%;background:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-item .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.25rem;font-weight:600}.summary-item .value{font-weight:500;color:var(--color-secondary);display:flex;align-items:center;gap:.5rem}.action-bar{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 10px #0000000d}.btn-primary{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.form-select{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;color:var(--color-text);background-color:#fafafa;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem top 50%;background-size:.65rem auto}.radio-group-flex{display:flex;gap:1.5rem;margin-top:.5rem}.radio-group-flex label{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9375rem;cursor:pointer;margin-bottom:0}input[type=radio]{accent-color:var(--color-primary);width:1.25rem;height:1.25rem}.orders-header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:60px;z-index:5}.orders-header h2{padding:1.5rem 0 1rem;font-size:1.5rem}.tabs{display:flex;gap:1.5rem}.tab{background:none;border:none;padding:.75rem 0;font-weight:600;color:var(--color-text-muted);border-bottom:2px solid transparent;transition:all .2s;font-size:1rem}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.orders-content{padding-top:1.5rem}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#fff;border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.order-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.status-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm)}.status-badge.active{background:var(--color-primary-light);color:var(--color-primary-hover)}.status-badge.completed{background:#ecfdf5;color:#059669}.order-id{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.order-category{font-size:1.125rem;margin-bottom:.75rem}.order-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.875rem}.quotes-banner{background:var(--color-background);border-radius:var(--radius-lg);padding:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-secondary);font-size:.875rem}.pulse-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.empty-state{text-align:center;padding:4rem 1rem;color:var(--color-text-muted)}.empty-icon{opacity:.5;margin-bottom:1rem}.order-summary-box{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:2rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.professionals-list{display:flex;flex-direction:column;gap:1rem}.pro-card{background:#fff;border-radius:var(--radius-xl);padding:1.25rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.pro-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.pro-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.pro-info{flex:1}.pro-info h4{font-size:1.125rem;margin-bottom:.25rem}.pro-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.pro-price{text-align:right}.price-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.price-value{font-size:1.25rem;font-weight:700;color:var(--color-success)}.pro-description{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.5}.pro-actions{display:flex;gap:.75rem}.btn-outline{flex:1;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem;font-weight:600;color:var(--color-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary-sm{flex:1;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:.75rem;font-weight:600}.customer-profile-page{padding-top:2rem}.page-title{font-size:1.5rem;color:var(--color-secondary);margin-bottom:1.5rem}.profile-edit-card{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.avatar-edit-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;position:relative;border:2px solid white;box-shadow:var(--shadow-sm)}.avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edit-avatar-btn{position:absolute;bottom:-5px;right:-5px;background:var(--color-primary);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s}.edit-avatar-btn:hover{transform:scale(1.1)}.avatar-info{text-align:center}.avatar-info h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-secondary)}.user-role-badge{background:var(--color-background);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-muted);border:1px solid var(--color-border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--color-secondary);margin-bottom:.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#94a3b8}.input-with-icon input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:1rem;color:var(--color-text);transition:all .2s}.input-with-icon input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-with-icon input:disabled{cursor:not-allowed;background-color:#f1f5f9}.help-text{display:block;margin-top:.25rem;font-size:.8rem;color:#94a3b8}.security-card{background:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;border-radius:var(--radius-lg)}.public-pro-profile{background-color:var(--color-background);min-height:100vh}.profile-header-banner{height:180px;background:linear-gradient(135deg,var(--color-primary),#4c1d95);position:relative;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.back-btn{position:absolute;top:20px;left:20px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.back-btn:hover{background:#fff6}.profile-main-card{background:#fff;border-radius:var(--radius-xl);padding:0 1.5rem 1.5rem;margin-top:-80px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border:1px solid var(--color-border);margin-bottom:2rem;z-index:10}.profile-avatar-wrapper{position:relative;margin-top:-60px;margin-bottom:1rem;background:#fff;padding:6px;border-radius:50%;box-shadow:0 4px 15px #0000001a}.profile-avatar-img,.profile-avatar-placeholder{width:120px;height:120px;border-radius:50%;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--color-primary),#d946ef);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;object-fit:cover}.verified-badge-icon{position:absolute;bottom:5px;right:5px;background:#fff;border-radius:50%;padding:2px}.profile-name-title{font-size:1.5rem;color:var(--color-secondary);margin-bottom:.25rem}.profile-role{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem}.profile-stats-row{display:flex;gap:1rem;justify-content:center}.stat-pill{display:flex;align-items:center;gap:.5rem;background:#fffbeb;border:1px solid #FEF3C7;padding:.5rem 1rem;border-radius:var(--radius-full)}.section-container{margin-bottom:2rem}.section-container h3{font-size:1.25rem;color:var(--color-secondary);margin-bottom:1rem}.about-card{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);color:var(--color-text);line-height:1.6}.review-card{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:1rem}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviewer-info{display:flex;align-items:center;gap:1rem}.reviewer-avatar{width:40px;height:40px;background:#e2e8f0;color:#475569;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.reviewer-info h4{margin:0 0 .25rem;font-size:1rem}.rating-stars{display:flex;gap:2px}.review-date{font-size:.8rem;color:var(--color-text-muted)}.review-comment{color:#475569;font-style:italic;line-height:1.5}.empty-reviews{text-align:center;padding:3rem;background:#fff;border-radius:var(--radius-xl);border:1px dashed var(--color-border);color:var(--color-text-muted)}.empty-reviews p{margin-top:1rem}.professional-dashboard{padding-bottom:2rem}.dashboard-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.5rem 0;margin-bottom:1rem}.header-container{display:flex;justify-content:space-between;align-items:center}.greeting h2{font-size:1.5rem;color:var(--color-secondary);margin-bottom:.25rem}.greeting p{color:var(--color-text-muted);font-size:.875rem}.coins-balance{background:var(--color-primary-light);border:1px solid rgba(255,123,0,.2);padding:.5rem 1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 4px 10px #ff7b001a}.coins-amount{color:var(--color-primary);font-weight:800;font-size:1.25rem;display:flex;align-items:center;gap:.25rem}.coins-label{font-size:.65rem;text-transform:uppercase;color:var(--color-primary-hover);letter-spacing:.05em;font-weight:600}.pro-trust-badge{display:flex;align-items:center;gap:.75rem;background-color:#f0fdf4;border:1px solid #BBF7D0;padding:1rem;border-radius:var(--radius-lg);color:#166534;font-size:.875rem;font-weight:500;margin-bottom:2rem}.trust-icon{color:#10b981;flex-shrink:0}.leads-section{display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.section-header h3{font-size:1.25rem}.leads-count{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.leads-list{display:flex;flex-direction:column;gap:1rem}.lead-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.lead-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.urgent-lead{border-color:#fecaca}.urgent-lead:hover{border-color:#ef4444}.urgent-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem 1rem;text-align:center}.lead-card-content{padding:1.25rem}.lead-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.lead-header h4{font-size:1.125rem;color:var(--color-secondary)}.lead-type{font-size:.875rem;font-weight:400;color:var(--color-text-muted)}.lead-cost{background:var(--color-primary-light);color:var(--color-primary);padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.lead-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.lead-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.lead-description{font-style:italic;color:var(--color-text);background:#f8fafc;padding:1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.9375rem;border-left:3px solid var(--color-border)}.lead-action{display:flex;justify-content:space-between;align-items:center;color:var(--color-secondary);font-weight:600;font-size:.9375rem;transition:color .2s}.lead-card:hover .lead-action{color:var(--color-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:#fff;padding:1.5rem 1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;text-decoration:none;font-size:.85rem;font-weight:500;color:var(--color-secondary);transition:transform .2s}.quick-action-btn:hover{transform:translateY(-2px)}.action-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.wallet-icon{background:#e0f2fe;color:#0284c7}.calendar-icon{background:#fef3c7;color:#d97706}.zap-icon{background:#ffedd5;color:#ea580c}.user-icon{background:#f3e8ff;color:#9333ea}@media(max-width:640px){.quick-actions-grid{gap:.5rem;padding:1rem .5rem}.action-icon-wrapper{width:40px;height:40px}.quick-action-btn span{font-size:.75rem}}.lead-details-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background);position:relative;z-index:20}.sticky-header{position:sticky;top:0;z-index:10}.lead-category-banner{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-top:1.5rem;margin-bottom:1rem}.lead-category-banner h3{font-size:1.5rem;color:var(--color-secondary);margin-bottom:.25rem}.lead-category-banner span{color:var(--color-text-muted);font-size:.9375rem}.lead-info-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:640px){.lead-info-grid{grid-template-columns:1fr 1fr}}.info-card{background:#fff;padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:1rem}.info-icon{color:var(--color-primary);flex-shrink:0;margin-top:.125rem}.info-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:600;margin-bottom:.25rem}.info-value{display:block;font-weight:600;color:var(--color-secondary);font-size:1rem}.info-subtext{display:block;font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.lead-description-section{margin-bottom:1.5rem}.lead-description-section h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--color-secondary)}.description-box{background:#fff;padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);font-size:1rem;line-height:1.6;color:var(--color-text)}.unlock-container{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-primary-light);box-shadow:var(--shadow-md);margin-top:2rem}.unlock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.unlock-header h4{font-size:1.125rem}.lead-cost-large{display:flex;align-items:center;gap:.25rem;color:var(--color-primary);font-weight:800;font-size:1.125rem}.benefits-list{list-style:none;padding:0;margin:0 0 1.25rem}.benefits-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.9375rem;color:var(--color-text)}.warning-box{display:flex;align-items:flex-start;gap:.5rem;background:#fffbeb;color:#b45309;padding:1rem;border-radius:var(--radius-lg);font-size:.875rem}.unlocked-contact-container{margin-top:2rem}.success-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ecfdf5;color:#059669;padding:1rem;border-radius:var(--radius-xl);font-weight:600;margin-bottom:1rem;border:1px solid #A7F3D0}.customer-contact-card{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.customer-info-large{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.customer-avatar-large{width:64px;height:64px;background:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.customer-info-large h5{font-size:1.25rem;margin-bottom:.25rem}.customer-phone{font-size:1.125rem;color:var(--color-text-muted);font-weight:500}.btn-whatsapp{width:100%;background:#25d366;color:#fff;border:none;border-radius:var(--radius-lg);padding:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-whatsapp:hover{background:#128c7e}.w-full{width:100%}.mt-2{margin-top:.5rem}.back-btn-details-fixed{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;margin-bottom:20px}.back-btn-details-fixed:hover{background:#0009}.action-bar-pro{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 10px #0000000d}.balance-info{display:flex;flex-direction:column}.balance-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase}.balance-value{font-size:1rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.25rem}.btn-unlock{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:.75rem 1.5rem;font-weight:600;font-size:1rem;transition:background .2s}.btn-unlock:hover{background:var(--color-primary-hover)}.btn-unlock:disabled{background:var(--color-text-muted);cursor:not-allowed}.professional-profile{background-color:var(--color-background);min-height:100vh}.pb-24{padding-bottom:6rem}.profile-header-section{background:#fff;padding:2rem 0;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.profile-header-content{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-large{width:80px;height:80px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border:4px solid white;box-shadow:var(--shadow-md);margin-bottom:1rem}.profile-name{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-secondary)}.profile-badges{display:flex;gap:.5rem;align-items:center}.badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge.verified{background-color:#ecfdf5;color:#059669}.badge.rating{background-color:#fffbeb;color:#d97706}.profile-section{margin-bottom:2rem}.profile-section h3{font-size:1.125rem;margin-bottom:1rem;color:var(--color-secondary)}.wallet-card{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));border-radius:var(--radius-xl);padding:1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:var(--shadow-md)}.wallet-label{display:block;font-size:.875rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.wallet-amount{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:var(--color-primary)}.btn-buy-coins{background:#fff;color:var(--color-secondary);border:none;border-radius:var(--radius-full);padding:.75rem 1rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s}.btn-buy-coins:hover{transform:scale(1.05)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:#fff;padding:1.5rem 1rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.stat-value{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.stat-label{font-size:.75rem;color:var(--color-text-muted);line-height:1.2}.settings-list{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden}.settings-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:none;border:none;border-bottom:1px solid var(--color-border);font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background-color:var(--color-background)}.settings-item-left{display:flex;align-items:center;gap:1rem}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger);justify-content:center;font-weight:600}.unverified-btn{background-color:#fef2f2;color:var(--color-danger);border:1px solid #FCA5A5;cursor:pointer;transform:scale(1);transition:transform .2s}.unverified-btn:hover{background-color:#fee2e2;transform:scale(1.05)}.verification-step{display:flex;flex-direction:column;align-items:center;text-align:center}.step-icon-wrapper{background:var(--color-primary-light);padding:1rem;border-radius:50%;margin-bottom:1rem}.verification-step p{margin-top:.5rem;color:var(--color-text-muted);font-size:.9375rem}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:2rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-muted);cursor:pointer;transition:background .2s}.upload-zone:hover{background:var(--color-background);border-color:var(--color-primary-light)}.upload-zone span{font-weight:500;font-size:.875rem}.payment-method-btn{transition:all .2s ease;cursor:pointer}.payment-method-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.back-btn-modal{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.back-btn-modal:hover{background:#f1f5f9;color:#0f172a}.chat-room-container{display:flex;flex-direction:column;height:100vh;background-color:var(--color-background);position:fixed;top:0;left:0;width:100%;z-index:1000}.chat-header{display:flex;align-items:center;padding:1rem;background-color:#fff;box-shadow:0 1px 3px #0000001a;z-index:10}.back-button-chat{background:transparent;border:none;color:var(--color-secondary);cursor:pointer;margin-right:1rem;display:flex;align-items:center}.chat-header-info{display:flex;align-items:center;gap:.75rem}.chat-avatar,.chat-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-avatar-placeholder{background-color:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.chat-header-text h3{margin:0;font-size:1rem;color:var(--color-secondary)}.chat-header-text span{font-size:.75rem;color:var(--color-text-muted)}.chat-messages-area{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#f1f5f9}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center}.empty-icon{margin-bottom:1rem;opacity:.5}.empty-chat p{font-weight:500;margin-bottom:.25rem;color:#64748b}.empty-chat span{font-size:.85rem}.chat-message-row{display:flex;width:100%}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-bubble{max-width:75%;padding:.75rem 1rem;border-radius:1rem;position:relative;box-shadow:0 1px 2px #0000000d}.chat-bubble.mine{background-color:#dcf8c6;color:#0f172a;border-bottom-right-radius:.25rem}.chat-bubble.theirs{background-color:#fff;color:#0f172a;border-bottom-left-radius:.25rem}.chat-bubble p{margin:0;font-size:.95rem;line-height:1.4;word-wrap:break-word}.chat-time{display:block;font-size:.65rem;color:#00000073;text-align:right;margin-top:.25rem}.chat-input-area{background-color:#fff;padding:.75rem 1rem;box-shadow:0 -1px 3px #0000000d}.chat-form{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;border:1px solid #e2e8f0;background-color:#f8fafc;border-radius:2rem;padding:.75rem 1.25rem;font-size:.95rem;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--color-primary)}.chat-send-btn{background-color:var(--color-primary);color:#fff;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,opacity .2s}.chat-send-btn:hover{background-color:var(--color-primary-hover)}.chat-send-btn:disabled{background-color:#cbd5e1;cursor:not-allowed}.referrals-page{background-color:#f8fafc;min-height:100vh}.referrals-header{background-color:var(--color-primary);color:#fff;padding:1.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.back-btn-ref{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.referrals-header h2{margin:0;font-size:1.25rem}.referrals-hero{background:linear-gradient(135deg,var(--color-primary),#4ade80);padding:3rem 1.5rem;text-align:center;color:#fff;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.hero-icon-wrapper{background:#fff3;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.referrals-hero h3{margin:0 0 1rem;font-size:1.5rem}.referrals-hero p{opacity:.9;font-size:.95rem;max-width:400px;margin:0 auto}.rewards-card,.share-card,.stats-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.rewards-card h4,.share-card h4,.stats-card h4{margin:0 0 1.5rem;font-size:1.1rem;color:var(--color-text)}.reward-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.reward-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.reward-icon{background:#f1f5f9;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-text{display:flex;flex-direction:column}.reward-text strong{font-size:.95rem;color:var(--color-text);margin-bottom:.2rem}.reward-text span{font-size:.85rem;color:var(--color-text-muted)}.link-box{display:flex;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:var(--radius-md);padding:1rem;align-items:center;justify-content:space-between}.link-text{font-size:.85rem;color:var(--color-primary);font-weight:700;word-break:break-all;margin-right:1rem}.copy-btn{background:#fff;border:1px solid #cbd5e1;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.copy-btn:active{background:#f1f5f9}.btn-whatsapp-share{background:#25d366;color:#fff;border:none;border-radius:var(--radius-md);padding:12px;font-weight:700;cursor:pointer;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.stat-label{font-size:.75rem;color:#64748b}