.emergency-contact-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.emergency-header{background:linear-gradient(135deg,#dc3545,#e74c3c);border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.emergency-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.emergency-header p{font-size:1.1rem;margin:0 0 20px;opacity:.9}.search-container{margin:0 auto;max-width:400px}.search-input{border:none;border-radius:25px;box-shadow:0 2px 10px #0000001a;font-size:16px;outline:none;padding:12px 20px;transition:box-shadow .3s ease;width:100%}.search-input:focus{box-shadow:0 4px 20px #0003}.quick-dial{margin-bottom:30px;text-align:center}.quick-dial h2{color:#333;font-size:1.8rem;margin-bottom:20px}.quick-dial-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;margin:0 auto;max-width:800px}.quick-dial-btn{align-items:center;border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-width:120px;padding:20px;transition:all .3s ease}.quick-dial-btn.emergency{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.quick-dial-btn.police{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.quick-dial-btn.fire{background:linear-gradient(135deg,#fd7e14,#e85d04);color:#fff}.quick-dial-btn.utility{background:linear-gradient(135deg,#ffc107,#f39c12);color:#fff}.quick-dial-btn.water{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.quick-dial-btn.gas{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.quick-dial-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.quick-dial-btn .icon{font-size:2rem;margin-bottom:5px}.quick-dial-btn .number{font-size:1.5rem;font-weight:700;margin-bottom:5px}.quick-dial-btn .label{font-size:.9rem;opacity:.9}.contacts-grid{grid-gap:30px;display:grid;gap:30px}.category-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:20px}.category-title{border-bottom:3px solid #e9ecef;color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:10px}.contacts-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.contact-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.contact-card:hover{border-color:#007bff;box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.contact-header{align-items:center;display:flex;margin-bottom:10px}.contact-icon{font-size:1.5rem;margin-right:10px}.contact-name{color:#333;font-size:1.1rem;font-weight:600;margin:0}.contact-description{color:#666;font-size:.95rem;line-height:1.4;margin:8px 0}.contact-address{color:#888;font-size:.9rem;line-height:1.3;margin-bottom:15px}.contact-actions{display:flex;justify-content:center}.call-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 3px 10px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.call-button:hover{background:linear-gradient(135deg,#218838,#1e9b7e);box-shadow:0 5px 15px #28a74566;transform:translateY(-1px)}.emergency-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;box-shadow:0 3px 10px #0000000d;margin-top:30px;padding:25px}.emergency-info h3{color:#856404;font-size:1.3rem;margin:0 0 15px}.emergency-info ul{margin:0;padding-left:20px}.emergency-info li{color:#856404;line-height:1.4;margin-bottom:8px}.emergency-info strong{color:#533f03}@media (max-width:768px){.emergency-contact-container{padding:15px}.emergency-header h1{font-size:2rem}.quick-dial-buttons{gap:10px;grid-template-columns:repeat(3,1fr);max-width:400px}.quick-dial-btn{min-width:100px;padding:15px}.contacts-list{grid-template-columns:1fr}.contact-card{padding:15px}}@media (max-width:480px){.emergency-header{padding:20px 15px}.emergency-header h1{font-size:1.8rem}.quick-dial-buttons{gap:8px;grid-template-columns:repeat(2,1fr);max-width:300px}.quick-dial-btn{min-width:90px;padding:12px 8px}.quick-dial-btn .number{font-size:1.2rem}.quick-dial-btn .label{font-size:.8rem}}.community-setup{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);display:flex;justify-content:center;min-height:80vh;padding:20px}.setup-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:40px;text-align:center}.setup-container h2{color:#333;font-size:2rem;margin-bottom:15px}.setup-container p{color:#666;line-height:1.6;margin-bottom:30px}.setup-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.setup-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:transform .3s ease;width:100%}.setup-button:hover{transform:translateY(-2px)}.community-container{margin:0 auto;max-width:900px;padding:20px}.community-header{align-items:center;background:linear-gradient(135deg,#6f42c1,#5a32a3);border-radius:15px;box-shadow:0 5px 15px #6f42c14d;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.community-header h1{font-size:2rem;margin:0}.user-badge{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;flex-direction:column;padding:10px 15px}.user-name{font-size:1.1rem;font-weight:700}.user-neighborhood{font-size:.9rem;margin-top:2px;opacity:.9}.community-filters{background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000000d;margin-bottom:25px;padding:25px}.filter-section{margin-bottom:20px}.filter-section h3{margin-bottom:12px}.category-buttons{display:flex;flex-wrap:wrap;gap:10px}.category-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;color:#666;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.category-btn:hover{background:#e9ecef;transform:translateY(-1px)}.category-btn.active{border-color:#0000;box-shadow:0 3px 10px #0003;color:#fff;transform:translateY(-1px)}.neighborhood-select{background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;font-size:1rem;min-width:200px;padding:10px 15px}.neighborhood-select:focus{border-color:#007bff;outline:none}.neighborhood-filter{display:flex;flex-direction:column;gap:10px}.neighborhood-search-input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;margin-bottom:8px;padding:10px;transition:border-color .3s ease;width:100%}.neighborhood-search-input:focus{border-color:#007bff;outline:none}.neighborhood-setup-select{border:2px solid #e9ecef;border-radius:10px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.neighborhood-setup-select:focus{border-color:#007bff;outline:none}.search-info{color:#666;font-size:.8rem;font-style:italic;margin-top:5px}.message-composer{background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000000d;margin-bottom:25px;padding:25px}.message-composer h3{color:#333;font-size:1.3rem;margin-bottom:15px}.composer-header{margin-bottom:15px}.category-select{background:#fff;cursor:pointer;padding:10px 15px}.category-select,.message-composer textarea{border:2px solid #e9ecef;border-radius:10px;font-size:1rem}.message-composer textarea{font-family:inherit;margin-bottom:15px;padding:15px;resize:vertical;width:100%}.message-composer textarea:focus{border-color:#007bff;outline:none}.send-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.send-button:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.messages-container{margin-bottom:30px}.messages-container h3{color:#333;font-size:1.4rem;margin-bottom:20px}.message-count{color:#666;font-size:1rem;font-weight:400}.no-messages{background:#fff;border-radius:15px;color:#666;padding:60px 20px;text-align:center}.no-messages p{font-size:1.1rem;margin-bottom:10px}.messages-list{display:flex;flex-direction:column;gap:20px}.message-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 3px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.message-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.author-info{display:flex;flex-direction:column}.author-name{color:#333;font-size:1.1rem;font-weight:700}.author-neighborhood{color:#666;font-size:.9rem;margin-top:2px}.message-meta{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.category-badge{border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.timestamp{color:#999;font-size:.8rem}.message-content{color:#333;font-size:1rem;line-height:1.6;margin-bottom:15px}.message-actions{border-top:1px solid #f8f9fa;display:flex;gap:15px;padding-top:15px}.action-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#666;font-size:.9rem;padding:8px 15px}.action-btn:hover{background:#e9ecef;transform:translateY(-1px)}.like-btn:hover{background:#e8f4f8;color:#007bff}.reply-btn:hover{background:#e8f5e8;color:#28a745}.share-btn:hover{background:#fff3e0;color:#fd7e14}.community-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:15px;margin-top:30px;padding:20px}.community-info h3{color:#856404;margin-bottom:15px}.community-info ul{margin:0;padding-left:20px}.community-info li{color:#856404;line-height:1.4;margin-bottom:8px}@media (max-width:768px){.community-container{padding:15px}.community-header{flex-direction:column;gap:15px;text-align:center}.user-badge{align-items:center}.category-buttons{justify-content:center}.message-header{flex-direction:column;gap:10px}.message-meta{align-items:flex-start;flex-direction:row;gap:10px}.message-actions{flex-wrap:wrap;gap:10px}}@media (max-width:480px){.setup-container{margin:15px;padding:25px}.category-buttons{flex-direction:column}.category-btn{text-align:center}.neighborhood-search,.neighborhood-select{min-width:auto;width:100%}.neighborhood-filter{width:100%}.action-btn{flex:1 1;text-align:center}}.business-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.business-header{background:linear-gradient(135deg,#fd7e14,#e85d04);border-radius:15px;box-shadow:0 5px 15px #fd7e144d;color:#fff;margin-bottom:30px;padding:30px}.business-header h1{font-size:2.2rem;font-weight:700;margin:0 0 10px}.business-header p{font-size:1.1rem;margin:0 0 25px;opacity:.95}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-container{flex:1 1;min-width:300px}.business-search{border:none;border-radius:25px;box-shadow:0 2px 10px #0000001a;font-size:16px;outline:none;padding:12px 20px;width:100%}.add-business-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.add-business-btn:hover{background:#5a6fd8;box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.login-prompt{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;padding:15px;text-align:center}.login-prompt p{font-size:14px;font-style:italic;margin:0}.business-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 3px 10px #0000000d;padding:25px;text-align:center}.stat-number{color:#fd7e14;display:block;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:1rem}.business-filters{background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000000d;margin-bottom:30px;padding:25px}.filter-section{margin-bottom:25px}.filter-section:last-child{margin-bottom:0}.filter-section h3{color:#333;font-size:1.2rem;margin-bottom:15px}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.category-filter{background:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;color:#666;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.category-filter:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-1px)}.category-filter.active{border-color:#0000;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.neighborhood-filter-container{margin-bottom:20px;position:relative}.neighborhood-search{background:#fff;border:2px solid #e0e0e0;border-radius:25px;font-size:16px;outline:none;padding:12px 40px 12px 15px;transition:all .3s ease;width:100%}.neighborhood-search:focus{border-color:#667eea;box-shadow:0 0 10px #667eea33}.clear-search-btn{background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:24px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:background .3s ease;width:24px}.clear-search-btn:hover{background:#ff5252}.neighborhood-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.neighborhood-suggestion{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:background .2s ease}.neighborhood-suggestion:last-child{border-bottom:none}.neighborhood-suggestion:hover{background:#f8f9ff;color:#667eea}.suggestion-icon{font-size:16px;text-align:center;width:20px}.suggestion-text{flex:1 1}.selected-neighborhood{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:14px;margin-top:10px;padding:8px 12px}.add-form-neighborhood-container{position:relative}.add-form-neighborhood-input{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 15px;transition:border-color .3s ease;width:100%}.add-form-neighborhood-input:focus{border-color:#667eea}.add-form-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.add-form-suggestion{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:background .2s ease}.add-form-suggestion:last-child{border-bottom:none}.add-form-suggestion:hover{background:#f8f9ff;color:#667eea}.selected-add-neighborhood{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:12px;margin-top:8px;padding:6px 10px}.businesses-container h3{color:#333;font-size:1.5rem;margin-bottom:25px}.business-count{color:#666;font-size:1.1rem;font-weight:400}.no-businesses{background:#fff;border-radius:15px;color:#666;padding:80px 20px;text-align:center}.no-businesses p{font-size:1.1rem;margin-bottom:10px}.business-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.business-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 3px 15px #00000014;padding:25px;transition:all .3s ease}.business-card:hover{border-color:#fd7e14;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.business-card-header{margin-bottom:20px}.business-title{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.business-name{color:#333;flex:1 1;font-size:1.3rem;font-weight:600;margin:0}.business-category-badge{background:#fd7e14;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;white-space:nowrap}.business-rating{align-items:center;display:flex;gap:10px}.stars{display:flex;gap:2px}.star{font-size:.9rem}.star.full{color:#ffc107}.star.empty{color:#e9ecef}.rating-text{color:#666;font-size:.9rem}.business-info{margin-bottom:15px}.info-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.info-icon{font-size:1rem;width:20px}.info-text{color:#666;font-size:.95rem;line-height:1.4}.business-description{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:15px}.business-description p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.business-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{background:#e3f2fd;border-radius:15px;color:#1976d2;font-size:.8rem;font-weight:500;padding:4px 12px}.business-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 12px;text-align:center;transition:all .3s ease}.call-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.call-btn:hover{box-shadow:0 3px 10px #28a7454d;transform:translateY(-1px)}.direction-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.direction-btn:hover{box-shadow:0 3px 10px #007bff4d;transform:translateY(-1px)}.review-btn{background:linear-gradient(135deg,#ffc107,#f39c12);color:#fff}.review-btn:hover{box-shadow:0 3px 10px #ffc1074d;transform:translateY(-1px)}.add-form-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-form-container{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.add-form-container h3{color:#333;font-size:1.5rem;margin-bottom:25px;text-align:center}.form-row{margin-bottom:20px}.form-row input,.form-row select,.form-row textarea{border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#fd7e14;outline:none}.form-row textarea{font-family:inherit;resize:vertical}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 5px 15px #28a74566;transform:translateY(-2px)}.cancel-btn{background:#6c757d;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}.business-info-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:15px;margin-top:50px;padding:30px}.business-info-section h3{color:#856404;font-size:1.4rem;margin-bottom:25px;text-align:center}.info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#ffffff80;border:1px solid #ffeaa780;border-radius:10px;padding:20px;text-align:center}.info-card h4{color:#856404;font-size:1.1rem;margin-bottom:10px}.info-card p{color:#856404;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.business-container{padding:15px}.business-header{padding:20px}.business-header h1{font-size:1.8rem}.header-actions{flex-direction:column}.search-container{min-width:auto}.business-grid{gap:20px;grid-template-columns:1fr}.business-card{padding:20px}.business-title{align-items:flex-start;flex-direction:column;gap:10px}.business-actions{gap:8px;grid-template-columns:1fr}.category-filters{justify-content:center}.neighborhood-filter{min-width:auto;width:100%}.add-form-container{margin:20px;width:calc(100% - 40px)}}@media (max-width:480px){.business-header h1{font-size:1.6rem}.stat-card{padding:20px}.stat-number{font-size:2rem}.business-card{padding:15px}.business-name{font-size:1.1rem}.category-filters{flex-direction:column}.category-filter{text-align:center}}.auth-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.auth-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.auth-close-btn{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.auth-close-btn:hover{background:#e9ecef;color:#333;transform:rotate(90deg)}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.auth-header p{color:#666;font-size:1rem;margin:0}.user-type-selector{display:flex;gap:10px;margin-bottom:25px}.user-type-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:12px 15px;transition:all .3s ease}.user-type-btn:hover{background:#f8f9ff;border-color:#667eea}.user-type-btn.active{background:#667eea;border-color:#667eea;color:#fff}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:10px;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 10px #667eea1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fff5f5;border-color:#dc3545}.error-text{color:#dc3545;font-size:12px;font-weight:500;margin-top:5px}.form-group textarea{min-height:80px;resize:vertical}.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease}.auth-submit-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.auth-submit-btn:active{transform:translateY(0)}.auth-footer{border-top:1px solid #e9ecef;margin-top:25px;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px;margin:0}.auth-toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;margin-left:5px;text-decoration:underline}.auth-toggle-btn:hover{color:#5a6fd8}@media (max-width:768px){.auth-overlay{padding:10px}.auth-modal{margin:10px;padding:25px}.auth-header h2{font-size:1.5rem}.user-type-selector{flex-direction:column}.user-type-btn{padding:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-submit-btn:disabled:hover{box-shadow:none;transform:none}.form-group input.error,.form-group select.error,.form-group textarea.error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group input:valid:not(:focus),.form-group select:valid:not(:focus),.form-group textarea:valid:not(:focus){border-color:#28a745}.form-group input::placeholder,.form-group textarea::placeholder{color:#adb5bd}.demo-login-section{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #e1e8ff;border-radius:12px;margin-bottom:20px;padding:20px}.demo-title{color:#4a5568;font-size:14px;font-weight:600;margin:0 0 15px;text-align:center}.demo-buttons{display:flex;gap:10px}.demo-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:12px;font-weight:600;gap:4px;padding:12px 15px;text-align:center;transition:all .3s ease}.demo-btn small{font-size:10px;font-weight:400;opacity:.9}.demo-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.business-demo{background:linear-gradient(135deg,#f093fb,#f5576c)}.business-demo:hover{box-shadow:0 6px 20px #f093fb66}.auth-toggle-section{border-top:1px solid #e9ecef;padding-top:20px}.auth-toggle-section p{color:#666;font-size:14px;margin:0;text-align:center}@media (max-width:480px){.demo-buttons{flex-direction:column}.demo-btn{font-size:11px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 10px #0000001a;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{font-size:1.5rem;font-weight:700}.logo-icon{font-size:2rem;margin-right:10px}.nav-menu{display:flex;gap:10px}.nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.nav-item:hover{background:#fff3;transform:translateY(-1px)}.nav-item.active{background:#ffffff4d;box-shadow:0 3px 10px #0003}.main-content{flex:1 1;margin:0 auto;max-width:1200px;width:100%}.home-content{padding:40px 20px}.hero-section{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:50px;padding:60px 20px;text-align:center}.hero-section h1{font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-section p{font-size:1.2rem;margin-bottom:10px;opacity:.95}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.feature-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#007bff;box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.feature-card h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#666;line-height:1.5;margin-bottom:25px}.feature-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 3px 10px #007bff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.feature-button:hover{background:linear-gradient(135deg,#0056b3,#004494);box-shadow:0 5px 15px #007bff66;transform:translateY(-1px)}.footer{background:#333;color:#fff;margin-top:auto;padding:30px 20px;text-align:center}.footer p{margin-bottom:5px;opacity:.9}@media (max-width:768px){.nav-container{flex-direction:column;gap:15px}.nav-menu{justify-content:center;width:100%}.hero-section h1{font-size:2.5rem}.hero-section{padding:40px 20px}.features-grid{gap:20px;grid-template-columns:1fr}.home-content{padding:20px}}@media (max-width:480px){.nav-item{font-size:.9rem;padding:8px 16px}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.feature-card{padding:20px}.feature-icon{font-size:2.5rem}}.login-btn,.nav-auth{align-items:center;display:flex}.login-btn{background:#ffffffe6;border:none;border-radius:25px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.login-btn:hover{background:#fff;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.user-menu{gap:10px}.user-info,.user-menu{align-items:center;display:flex}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;color:#fff;gap:8px;padding:8px 15px}.user-icon{font-size:1.2rem}.user-name{font-size:.9rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:8px 12px;transition:all .3s ease}.logout-btn:hover{background:#fff3;transform:rotate(15deg)}@media (max-width:768px){.nav-auth{margin-left:10px}.user-info{padding:6px 12px}.user-name{font-size:.8rem;max-width:80px}.login-btn{font-size:.9rem;padding:8px 15px}}.progress-container{margin:30px auto;max-width:800px;padding:0 20px}.progress-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.progress-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;padding:30px;text-align:center}.progress-header h2{color:#495057;font-size:1.8rem;font-weight:600;margin-bottom:10px}.progress-header p{color:#6c757d;font-size:1.1rem}.progress-content{padding:40px 30px}.progress-bar-container{margin-bottom:40px;text-align:center}.progress-bar{background-color:#e9ecef;box-shadow:inset 0 2px 4px #0000001a;height:25px;margin:20px 0}.progress-bar,.progress-fill{border-radius:12.5px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width 2s ease-in-out}.progress-fill:after{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#28a745;display:block;font-size:1.5rem;font-weight:700;margin-top:15px}.progress-details{margin-bottom:40px}.progress-item{align-items:center;border-radius:10px;display:flex;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.progress-item.completed{background-color:#d4edda;border-left:4px solid #28a745}.progress-item.in-progress{background-color:#fff3cd;border-left:4px solid #ffc107}.progress-item.pending{background-color:#f8d7da;border-left:4px solid #dc3545}.progress-icon{font-size:1.3rem;margin-right:15px;min-width:25px;text-align:center}.progress-item span:last-child{color:#495057;font-weight:500}.quick-access{border-top:1px solid #dee2e6;padding-top:30px;text-align:center}.quick-access p{color:#6c757d;font-size:1.1rem;font-weight:500;margin-bottom:20px}.quick-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.quick-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:12px 25px;text-decoration:none;transition:all .3s ease}.quick-button:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.quick-button:active{transform:translateY(0)}@media (max-width:768px){.progress-container{margin:20px auto;padding:0 15px}.progress-header{padding:25px 20px}.progress-header h2{font-size:1.5rem}.progress-content{padding:30px 20px}.quick-buttons{align-items:center;flex-direction:column}.quick-button{text-align:center;width:200px}.progress-item{padding:12px 15px}}
/*# sourceMappingURL=main.deca86f9.css.map*/