@font-face{font-family:'Roboto';src:url(/assets/roboto/Roboto-Light-5c6a1f9b42630406bedb11a30a742c7b6ead3c5d6a27bdf997112c799c207fa5.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url(/assets/roboto/Roboto-Regular-5af62b4fc0598bf5925f1c89918539db1c7f14f7bee595001ce385e15eeaa127.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url(/assets/roboto/Roboto-Medium-19f518a067c45ab6fd34f9e1c736c26ccf4318ad23556e80c9d3019d251e83a0.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Roboto';src:url(/assets/roboto/Roboto-Bold-80a68446036e443814779e5d8a6e870e9c62e1b61fcc112b180aa11e9ed04ca2.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.contact-item{transition:background-color 0.2s ease;cursor:pointer}.contact-item:hover{background-color:#f5f5f5 !important}.contact-item.active{background-color:#e3f2fd !important;border-left:3px solid #2196f3 !important;font-weight:500 !important;box-shadow:0 2px 4px rgba(33,150,243,0.1) !important;transform:translateX(2px) !important;transition:all 0.2s ease !important}.contact-item.active:hover{background-color:#e3f2fd !important;transform:translateX(2px) !important}.contact-item.unread{background-color:#f8f9fa !important;border-left:3px solid #25d366;font-weight:500}.contact-item.unread .fw-bold{font-weight:600 !important;color:#1a73e8 !important}.contact-item.recent-activity{background-color:#e8f5e8 !important;border-left:3px solid #4caf50;font-weight:500}.contact-item.recent-activity .fw-bold{font-weight:600 !important;color:#2e7d32 !important}.contact-item .badge{font-size:11px;padding:2px 6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.vh-100{height:100vh}body{font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif}:root{--brand-primary: #f0c66a;--brand-secondary: #c9a3a8;--brand-dark: #2f3443}.gmail-sidebar{background:#f6f8fc;width:62px;position:fixed;left:0;top:62px;z-index:1000;box-shadow:2px 0 4px rgba(0,0,0,0.1)}.gmail-compose{background:#c2e7ff;color:#001d35;border:1px solid #c2e7ff;border-radius:16px;font-weight:500;padding:12px 20px}.gmail-nav .list-group-item{border:0;background:transparent;color:#1f1f1f;padding:12px 16px;border-radius:0;margin:0;min-height:62px;display:flex;align-items:center;justify-content:center;position:relative}.gmail-nav .list-group-item.active{background:#d3e3fd;color:#001d35}.gmail-nav .list-group-item:hover{background:#f8f8f8;color:#1f1f1f}.menu-text{display:none;position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#333;color:white;padding:8px 12px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1001;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.menu-text::before{content:'';position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#333}.gmail-nav .list-group-item:hover .menu-text{display:block}.gmail-nav .material-symbols-outlined{font-size:24px}.btn-success{color:white !important}.btn-success:hover{color:white !important}.btn.rounded-pill{border-radius:20px !important;font-size:14px;font-weight:500;padding:6px 16px;transition:all 0.2s ease;border:1px solid #dadce0;background:#fff;color:#5f6368}.btn.rounded-pill:hover{background:#f8f9fa;border-color:#dadce0;color:#5f6368}.btn.rounded-pill.btn-success{background:#25d366 !important;border-color:#25d366 !important;color:white !important}.btn.rounded-pill.btn-success:hover{background:#1ea952 !important;border-color:#1ea952 !important;color:white !important}.btn.rounded-pill:not(.btn-success){background:#fff !important;border-color:#dadce0 !important;color:#5f6368 !important}.btn.rounded-pill:not(.btn-success):hover{background:#f8f9fa !important;border-color:#dadce0 !important;color:#5f6368 !important}.form-control:focus{border-color:#25d366;box-shadow:0 0 0 0.2rem rgba(37,211,102,0.25)}.unread-badge{background:#1a73e8;color:#fff}.avatar-buying-interest{background:#25d366 !important;color:#fff !important;box-shadow:none !important}.badge.bg-danger{background-color:#dc3545 !important;color:#fff !important;font-size:0.75em;padding:0.25em 0.5em;border-radius:0.375rem}#chat-header{display:flex !important;align-items:center !important;justify-content:space-between !important;border-bottom:1px solid #dee2e6 !important;padding:1rem !important;flex-shrink:0 !important;background-color:#f8f9fa !important;width:100% !important}#chat-header .d-flex{display:flex !important}#chat-header .align-items-center{align-items:center !important}#chat-header .justify-content-between{justify-content:space-between !important}.list-group-item{border:none;border-bottom:1px solid #f0f0f0;padding:12px 16px !important;transition:background-color 0.2s;overflow:hidden}#contacts-list{overflow-x:hidden;overflow-y:auto}.message-bubble{border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.message-bubble.outgoing{background:#d9fdd3;border-bottom-right-radius:4px}.message-bubble.incoming{background:#fff;border-bottom-left-radius:4px}.gmail-labels-title{color:#1f1f1f;font-weight:700;font-size:20px}.gmail-label-item{color:#1f1f1f;padding:8px 16px}.material-symbols-outlined{font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;vertical-align:middle}.brand-logo{height:32px;width:auto}.brand-title{font-weight:700;color:var(--brand-dark)}.search-pill{max-width:900px;background:#f8f5f7;border-radius:28px;padding:4px 6px;border:1px solid transparent}.search-pill:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(240,198,106,0.25)}.search-pill input::placeholder{color:#5f6368}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border-radius:50%;border:1px solid #c4c7c5;color:#5f6368;background:#fff}.icon-btn:hover{background:rgba(240,198,106,0.15);border-color:transparent}.icon-btn .material-symbols-outlined{display:block;font-size:20px;line-height:1}.material-form{max-width:600px;margin:0;padding:40px 20px;background:#fff;min-height:100vh}.material-form-title{font-size:28px;font-weight:400;color:#333;margin-bottom:8px;text-align:left}.material-form-description{font-size:16px;color:#666;margin-bottom:40px;text-align:left;line-height:1.5}.material-form-group{position:relative;margin-bottom:24px}.material-form-group.half{display:inline-block;width:calc(50% - 8px);margin-right:16px}.material-form-group.half:last-child{margin-right:0}.material-form-label{display:block;font-size:12px;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}.material-form-label.required::after{content:'*';color:#d32f2f;margin-left:2px}.material-form-input{width:100%;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;transition:border-color 0.3s ease}.material-form-input:focus{border-bottom-color:#1976d2;border-bottom-width:2px}.material-form-input::placeholder{color:#999;font-size:16px}.material-form-textarea{width:100%;min-height:120px;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;resize:vertical;font-family:inherit;transition:border-color 0.3s ease}.material-form-textarea:focus{border-bottom-color:#1976d2;border-bottom-width:2px}.material-form-textarea::placeholder{color:#999;font-size:16px}.material-form-select{width:100%;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;cursor:pointer;transition:border-color 0.3s ease}.material-form-select:focus{border-bottom-color:#1976d2;border-bottom-width:2px}.material-form-select option{color:#333;background:#fff}.material-form-file{width:100%;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;cursor:pointer;transition:border-color 0.3s ease}.material-form-file:focus{border-bottom-color:#1976d2;border-bottom-width:2px}.material-form-date{width:100%;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;transition:border-color 0.3s ease}.material-form-date:focus{border-bottom-color:#1976d2;border-bottom-width:2px}.material-form-submit{background:#1976d2;color:#fff;border:none;padding:16px 32px;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease, box-shadow 0.3s ease;margin-top:24px;width:100%}.material-form-submit:hover{background:#1565c0;box-shadow:0 2px 8px rgba(25,118,210,0.3)}.material-form-submit:active{background:#0d47a1;box-shadow:0 1px 4px rgba(25,118,210,0.3)}.material-form-errors{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:16px;margin-bottom:24px}.material-form-errors h6{color:#c62828;font-size:14px;font-weight:500;margin-bottom:8px}.material-form-errors ul{margin:0;padding-left:20px;color:#d32f2f;font-size:14px}.material-form-errors li{margin-bottom:4px}.material-phone-group{display:flex;align-items:flex-end}.material-country-selector{display:flex;align-items:center;padding:12px 8px 12px 0;border-bottom:1px solid #e0e0e0;margin-right:8px;cursor:pointer;transition:border-color 0.3s ease}.material-country-selector:focus-within{border-bottom-color:#1976d2;border-bottom-width:2px}.material-country-flag{width:20px;height:15px;margin-right:4px;border-radius:2px}.material-country-arrow{font-size:16px;color:#666;margin-left:4px}.material-phone-input{flex:1;padding:12px 0;border:none;border-bottom:1px solid #e0e0e0;background:transparent;font-size:16px;color:#333;outline:none;transition:border-color 0.3s ease}.material-phone-input:focus{border-bottom-color:#1976d2;border-bottom-width:2px}@media (max-width: 768px){.material-form{padding:20px 16px;min-height:100vh}.material-form-group.half{width:100%;margin-right:0;margin-bottom:16px}.material-form-title{font-size:24px}}body{background:#fff !important}.material-form{background:#fff;width:100%;max-width:none;margin:0;padding:40px}.message-item.new-message{opacity:0;transform:translateY(20px);transition:all 0.3s ease-out}.message-item.animate-in{opacity:1;transform:translateY(0)}.contact-item.contact-updated{animation:highlightUpdate 2s ease-out}@keyframes highlightUpdate{0%{background-color:#e3f2fd;transform:scale(1.02)}50%{background-color:#f0f8ff}100%{background-color:transparent;transform:scale(1)}}.contact-item{transition:all 0.3s ease-out}.unread-badge{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.7)}70%{box-shadow:0 0 0 10px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.message-bubble{animation:slideInBubble 0.3s ease-out}@keyframes slideInBubble{from{opacity:0;transform:translateY(10px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
