body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;opacity:1;transition:opacity .3s ease-out}.fade-out{opacity:.3}.fade-in{animation:fadeIn .6s ease-in}.page-transition-enter{opacity:0;transform:translateY(15px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out}.page-transition-exit{opacity:1}.page-transition-exit-active{left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-container{opacity:0;position:relative;transform:translateY(15px);width:100%}.page-container,.page-transition-active{animation:pageEnter .4s forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-transition-enter,.page-transition-enter-active,.page-transition-exit,.page-transition-exit-active{display:none}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000001a;border-top-color:#3f51b5;display:inline-block;height:20px;width:20px}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}.login-button:hover{background-color:#303f9f!important;box-shadow:0 2px 8px #3f51b540!important;transform:translateY(-1px)}.google-button:hover{background-color:#f9f9f9!important;box-shadow:0 2px 8px #0000000d!important;transform:translateY(-1px)}input:focus{border-color:#3f51b5!important;box-shadow:0 0 0 2px #3f51b526!important;outline:none!important}.form-group:hover label{color:#3f51b5!important;transition:color .2s ease}button:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.role-change-message{background-color:#e8f4ff;border:1px solid #4e73df;border-radius:5px;margin:0 auto 30px;max-width:600px;padding:15px;transition:all .3s ease}@keyframes highlightMessage{0%{background-color:#e8f4ff}50%{background-color:#c5e1ff;border-color:#3f51b5}to{background-color:#e8f4ff}}.highlight-message{animation:highlightMessage 1s ease}.role-card:hover{box-shadow:0 .3rem 2rem 0 #3a3b4526}.role-card.active{background-color:#e8f4ff}.role-card .current-role-badge{background-color:#e8f4ff;border-radius:4px;color:#4e73df;font-weight:700;margin-top:15px;padding:8px}.logout-button{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:8px 12px;position:relative;transition:all .3s ease}.logout-button:hover{background-color:#0000000d}.door-icon{height:24px;position:relative;transition:transform .3s ease;width:24px}.door-frame{border:2px solid #333;border-right:none;box-sizing:border-box;left:0;width:16px}.door,.door-frame{height:24px;position:absolute;top:0}.door{background-color:#333;right:0;transform-origin:right center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);width:14px}.doorknob{background-color:#fff;border-radius:50%;height:4px;position:absolute;right:3px;top:12px;width:4px;z-index:2}.arrow{left:-12px;top:10px;transform-origin:right center;width:16px;z-index:1}.arrow,.arrow:before{background-color:#333;height:2px;position:absolute}.arrow:before{top:-3px;transform:rotate(45deg);transform-origin:left center}.arrow:after,.arrow:before{content:"";left:0;width:8px}.arrow:after{background-color:#333;height:2px;position:absolute;top:3px;transform:rotate(-45deg);transform-origin:left center}.logout-button.animating .door{transform:perspective(100px) rotateY(-80deg)}.logout-button.animating .arrow{animation:arrowMove .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes arrowMove{0%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(8px)}to{opacity:0;transform:translateX(16px)}}.app-header .logout-button{margin-left:auto}@media (max-width:768px){.logout-text{display:none}.logout-button{padding:8px}}.logout-button:hover .door{transform:perspective(100px) rotateY(-15deg)}.logout-button:hover .arrow{transform:translateX(2px)}.logout-button:active{transform:scale(.95)}:root{--primary-color:#3f51b5;--secondary-color:#f50057;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3;--text-color:#333;--bg-light:#f8f9fa;--bg-card:#fff;--border-color:#e0e0e0;--border-radius:4px;--button-radius:4px;--input-radius:4px;--shadow:0 1px 3px #0000000d;--transition:all 0.3s ease;--card-min-height:460px;--card-width:320px;--image-height:200px}body{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.content-container{background-color:#f8f9fa;background-color:var(--bg-light);margin:0 auto;max-width:1200px;padding:1.5rem}.page-title{border-bottom:2px solid #eaedf2;color:#333;color:var(--text-color);font-size:2rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.form-container{animation:fadeIn .4s ease-in-out;background-color:#fff;background-color:var(--bg-card);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:2.5rem}.form-header{flex-direction:column;margin-bottom:2rem;text-align:center}.form-header .page-title{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.form-subtitle{color:#777;font-size:1rem;margin-top:.5rem;max-width:600px;text-align:center}.form-section{background-color:#fff;border:1px solid #eee;border-radius:4px;border-radius:var(--border-radius);box-sizing:border-box;margin-bottom:2rem;max-width:100%;padding:2rem;width:100%}.section-title{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#3f51b5;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:1.75rem;padding-bottom:.5rem}.form-section-title{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.form-field{box-sizing:border-box;margin-bottom:1.75rem;max-width:100%;width:100%}.form-field:last-child{margin-bottom:.5rem}.form-field label{color:#333;color:var(--text-color);display:block;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.form-input,.form-textarea,select.form-input{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--input-radius);box-shadow:none;box-sizing:border-box;font-size:.9rem;max-width:100%;padding:.75rem .85rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-input:focus,.form-textarea:focus,select.form-input:focus{border-color:#3f51b5;border-color:var(--primary-color);box-shadow:0 0 0 1px #3f51b526;outline:none}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;padding-right:2rem}select.form-input:hover{border-color:#d0d5e0;cursor:pointer}select.form-input:focus{border-color:#3f51b5;border-color:var(--primary-color)}.form-textarea{border-radius:4px;border-radius:var(--input-radius);min-height:120px;resize:vertical}.field-help{color:#777;font-size:.8rem;margin-left:0;margin-top:.25rem}.file-upload-container{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;padding:.5rem 0;width:100%}.file-input{display:none}.browse-button{align-items:center;background-color:#3f51b5;background-color:var(--primary-color);border:none;border-radius:4px;border-radius:var(--button-radius);box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1rem;transition:all .3s ease;transition:var(--transition)}.browse-button:hover{background-color:#303f9f;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.file-name{color:#666;flex:1 1;font-size:.875rem;overflow:hidden;padding:.5rem 0;text-overflow:ellipsis;white-space:nowrap}.upload-progress{background-color:#f5f5f5;height:8px;margin-top:1rem;width:100%}.progress-bar{background-color:#3f51b5;background-color:var(--primary-color)}.upload-progress p{color:#666;font-size:.875rem;margin-top:.5rem;text-align:center}.image-preview{margin-top:1rem;position:relative;text-align:center}.preview-image{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow);max-height:200px;max-width:200px;object-fit:cover}.success-text{color:#4caf50;color:var(--success-color);font-size:.875rem;font-weight:500;margin-top:.5rem}.form-actions{padding:1rem 1.25rem}.action-buttons{gap:.75rem}.action-button{padding:.5rem}.action-button.edit-button{color:#2196f3;color:var(--info-color);width:36px}.action-button.delete-button{align-items:center;background-color:#fff;border:1px solid #f44336;border:1px solid var(--error-color);color:#f44336;color:var(--error-color);display:flex;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.5rem 1rem}.action-button.edit-button:hover{background-color:#2196f314;border-color:#2196f3;border-color:var(--info-color);color:#2196f3;color:var(--info-color);transform:translateY(-1px)}.action-button.delete-button:hover{background-color:#f44336;background-color:var(--error-color);border-color:#f44336;border-color:var(--error-color);color:#fff;transform:translateY(-1px)}.icon{font-size:1.2rem}.required{color:#f44336;color:var(--error-color);margin-left:.25rem}.success-message{animation:fadeIn .3s ease-in-out;background-color:#4caf501a;border:1px solid #4caf5033;border-radius:4px;border-radius:var(--border-radius);color:#4caf50;color:var(--success-color)}.error-message,.success-message{margin:1.25rem 0;padding:1.25rem;text-align:center}.error-message{animation:fadeIn .3s ease-in-out,shake .5s ease-in-out;background-color:#f443361a;border:1px solid #f4433633;border-radius:4px;border-radius:var(--border-radius);color:#f44336;color:var(--error-color)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:992px){.form-container{padding:2rem}.form-section{padding:1.75rem}}@media (max-width:768px){.form-container,.form-section{padding:1.5rem}.submit-button{padding:.75rem 1rem;width:100%}.file-upload-container{align-items:flex-start;flex-direction:column}.browse-button,.camera-toggle-button{justify-content:center;margin-bottom:.5rem;width:100%}.form-header .page-title{font-size:1.5rem}.form-subtitle{font-size:.9rem}}@media (max-width:576px){.content-container{padding:1rem}.form-container,.form-section{padding:1.25rem}.section-title{font-size:1.1rem}}.filter-container{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #eaedf2;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.search-input{flex:1 1;min-width:250px;position:relative}.search-input input{background-color:#f8f9fa;background-color:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--input-radius);box-shadow:none;font-size:.95rem;padding:.65rem .75rem .65rem 2.5rem;transition:all .3s ease;transition:var(--transition);width:100%}.search-input .search-icon,.search-input svg{color:#757575;font-size:1.1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input input:focus{background-color:#fff;border-color:#3f51b5;border-color:var(--primary-color);box-shadow:0 0 0 1px #3f51b51a;outline:none}.filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem}.status-filter{align-items:center;display:flex;gap:.75rem}.status-filter label{color:#555;font-weight:500;white-space:nowrap}.status-filter select{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;background-color:var(--bg-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--input-radius);box-shadow:none;color:#333;cursor:pointer;font-size:.9rem;height:36px;min-width:130px;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.status-filter select:focus,.status-filter select:hover{background-color:#fff;border-color:#3f51b5;border-color:var(--primary-color)}.status-filter select:focus{box-shadow:0 0 0 1px #3f51b51a;outline:none}.refresh-button{align-items:center;background-color:#3f51b5;background-color:var(--primary-color);border:none;border-radius:4px;border-radius:var(--border-radius);box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;height:36px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.refresh-button:hover{background-color:#303f9f;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.refresh-button svg{font-size:.9rem}.view-toggle{display:flex;gap:.5rem}.view-button{align-items:center;background-color:#f8f9fa;background-color:var(--bg-light);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);box-shadow:none;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.view-button:hover{background-color:#3f51b514;transform:translateY(0)}.view-button.active{background-color:#3f51b5;background-color:var(--primary-color);border-color:#3f51b5;border-color:var(--primary-color);color:#fff}.grid-icon,.list-icon{font-size:1rem}.forms-container{margin-top:1.5rem;padding-bottom:2rem}.forms-container.grid-view{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-template-columns:repeat(auto-fill,minmax(var(--card-width),1fr));justify-content:center}.forms-container.list-view{display:flex;flex-direction:column;gap:1rem}.list-view .form-card{min-height:auto}.list-view .form-image img{object-fit:cover}.list-view .dates-row{border-top:1px solid #eef1f6;color:#555;display:flex;font-size:.8rem;justify-content:space-between;margin:.5rem 1rem .75rem;padding-top:.5rem}.list-view .dates-row span{align-items:center;display:flex}.list-view .dates-row strong{color:#3f51b5;font-weight:600;margin-right:.3rem}.list-view .detail-row.full-width{grid-column:span 3}@media (max-width:992px){.list-view .form-details{grid-template-columns:repeat(2,1fr)}.list-view .detail-row.full-width{grid-column:span 2}}@media (max-width:767px){.forms-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.list-view .form-content{flex-direction:column;padding:.75rem}.list-view .form-image{height:180px!important;margin:0 0 1rem!important;max-width:100%;width:100%!important}.form-card,.form-details{height:auto;min-height:0;min-height:auto}.form-actions{flex-direction:column;gap:1rem;margin-top:1rem}.delete-button,.status-dropdown{width:100%}.form-header{align-items:flex-start;flex-direction:column;gap:.5rem}.form-header h3{max-width:100%}.status-badge{margin-left:0}.detail-row .detail-value{line-height:1.4}}.form-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #eaedf2;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:500px;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition);width:100%}.form-card:hover{border-color:#d0d5e0;box-shadow:0 8px 16px #00000014;transform:translateY(-3px)}.form-header{align-items:center;background-color:#f5f7fa;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.form-header h3{color:#3f51b5;color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pending{background-color:#fff3e0;color:#e65100}.status-investigating{background-color:#e3f2fd;color:#0277bd}.status-found{background-color:#e8f5e9;color:#2e7d32}.status-active{background-color:#ede7f6;color:#4527a0}.form-details{grid-gap:.5rem 1rem;background-color:#f9fafc;border:1px solid #eef1f6;border-radius:4px;border-radius:var(--border-radius);display:grid;gap:.5rem 1rem;grid-template-columns:repeat(2,1fr);height:auto;margin:0 1rem .75rem;min-height:130px;padding:1rem}.detail-row{display:flex;flex-direction:column;margin-bottom:.25rem}.detail-label{color:#5a6171;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.2rem;text-transform:uppercase}.detail-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;color:var(--text-color);display:-webkit-box;font-size:1rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.detail-row.full-width{grid-column:1/-1;margin-top:.5rem}.detail-row.full-width .detail-value{-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;font-size:.9rem;line-height:1.4;max-height:none;overflow:visible;text-overflow:clip}.detail-row.secondary{margin-top:.25rem}.form-image{height:220px;margin:1rem auto;overflow:hidden;position:relative;width:90%}.form-image,.form-image img{border-radius:4px;border-radius:var(--border-radius)}.form-image img{box-shadow:0 2px 6px #0000001a;display:block;height:100%;object-fit:cover;object-position:center top;width:100%}.image-loading{align-items:center;background-color:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.image-loading span{color:#757575;font-size:.875rem;margin-top:.5rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3f51b51a;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;width:40px}.loading-spinner.small{border-width:2px;height:24px;width:24px}.form-actions{align-items:center;background-color:#f5f7fa;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding:1rem}.status-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--input-radius);box-shadow:none;cursor:pointer;font-size:.9rem;height:36px;min-width:130px;padding:.4rem 2rem .4rem .75rem;transition:all .3s ease;transition:var(--transition)}.status-dropdown:focus,.status-dropdown:hover{border-color:#3f51b5;border-color:var(--primary-color);outline:none}.delete-button{align-items:center;background-color:#f44336;background-color:var(--error-color);border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.delete-button:hover{background-color:#d32f2f;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-container p{color:#757575;font-size:1rem;margin-top:1rem}.no-results{background-color:#fff;background-color:var(--bg-card);border:1px solid #eaedf2;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;padding:4rem 2rem;text-align:center}.no-results svg{margin-bottom:1rem}.no-results p{color:#757575;margin:.5rem 0}.no-results p:first-of-type{color:#333;color:var(--text-color);font-size:1.25rem;font-weight:600}.response-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.response-section h4{align-items:center;display:flex;font-size:1rem;font-weight:600;margin:0 0 1rem}.response-count{background-color:#e3f2fd;border-radius:1rem;color:#3f51b5;color:var(--primary-color);font-size:.75rem;margin-left:.5rem;padding:.125rem .5rem}.responses-list{list-style:none;margin:0;padding:0}.response-item{background-color:#f5f7fa;border-radius:4px;border-radius:var(--border-radius);margin-bottom:.75rem;padding:.75rem}.responder-name{color:#3f51b5;color:var(--primary-color);font-weight:600}.response-date{color:#757575;font-size:.75rem}.response-message{line-height:1.5;margin:.5rem 0}.response-contact{font-size:.875rem;margin:.5rem 0 0}.contact-label{color:#757575;font-weight:600}.camera-toggle-button{align-items:center;background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--button-radius);color:#3f51b5;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease;transition:var(--transition)}.camera-toggle-button svg{font-size:1rem}.camera-toggle-button:hover{background-color:#3f51b514;border-color:#3f51b5;border-color:var(--primary-color);box-shadow:0 2px 5px #0000000d;transform:translateY(-2px)}.camera-toggle-button:before{content:none}.form-detail-modal{align-items:center;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.form-detail-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;max-height:calc(100vh - 2rem);max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;right:0;top:0;transition:all .2s ease;width:32px;z-index:10}.modal-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-header{align-items:center;background-color:#3f51b5;background-color:var(--primary-color);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:relative}.modal-header h3{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.modal-content{color:#333;color:var(--text-color);line-height:1.6}.modal-content p{margin-bottom:1rem}.modal-content p:last-child{margin-bottom:0}.modal-content strong{color:#3f51b5;color:var(--primary-color);font-weight:600}.modal-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.5rem}.modal-detail-section{margin-bottom:1rem}.modal-detail-label{color:#757575;display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.modal-detail-value{color:#333;color:var(--text-color);line-height:1.5}.modal-image-container{background-color:initial;margin-bottom:1.5rem;text-align:center}.modal-image{border-radius:4px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;max-height:400px;max-width:100%;object-fit:contain}.modal-contact-section,.modal-id-section,.modal-response-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.modal-contact-section h4,.modal-id-section h4,.modal-response-section h4{color:#3f51b5;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.modal-contact-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.form-details .detail-row.full-width{grid-column:1/-1}.modal-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.camera-modal{align-items:center;animation:fadeIn .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.camera-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:4px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0003;max-width:550px;padding:1.5rem;position:relative;width:100%}.camera-modal-content h3{color:#333;color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:.75rem;text-align:center}.camera-modal-content p{color:#666;margin-bottom:1.25rem;text-align:center}.close-camera-button{background-color:#f44336;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.close-camera-button:hover{background-color:#d32f2f;transform:translateY(-2px)}@media (max-width:992px){.filter-container{align-items:stretch;flex-direction:column;padding:1rem}.search-input{width:100%}.filter-controls{flex-wrap:wrap;justify-content:space-between}.status-filter{flex:1 1;min-width:180px}.view-toggle{justify-content:flex-start}.refresh-button,.view-toggle{margin-top:.5rem}}@media (max-width:600px){.camera-modal-content,.form-detail-modal-content{height:auto;max-height:90vh;max-width:100%;overflow-y:auto}}.modal-actions{align-items:center;background-color:#f5f7fa;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.modal-actions:empty{border-top:none;display:none;height:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-view .form-card{display:flex;flex-direction:column;height:auto;min-height:500px}.form-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:0}.list-view .form-content{display:flex;flex-direction:row;gap:1.5rem;padding:1rem}.list-view .form-image{flex:0 0 200px;height:180px!important;margin:0!important;width:200px!important}.list-view .form-details{flex:3 1;margin:0}.dates-row{border-top:1px solid #eef1f6;color:#555;display:flex;font-size:.8rem;justify-content:space-between;margin:.5rem 1rem .75rem;padding-top:.5rem}.dates-row span{align-items:center;display:flex}.dates-row strong{color:#3f51b5;font-weight:600;margin-right:.3rem}.status-badge{border-radius:1rem;box-shadow:0 1px 3px #0000001a;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:.5rem;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.identification-section{background-color:#f9fafc;border:1px solid #eef1f6;border-radius:4px;border-radius:var(--border-radius);display:flex;flex-direction:column;margin:0 1rem .75rem;padding:1rem}.identification-section .detail-label{color:#5a6171;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.identification-section .detail-value{color:#333;color:var(--text-color);font-size:.95rem;font-weight:500;line-height:1.4}.list-view .identification-section{margin:.75rem 0}@media (max-width:767px){.identification-section{margin-bottom:.5rem}}.form-row{box-sizing:border-box;display:flex;gap:1.75rem;margin-bottom:1rem;width:100%}.form-row .form-field{flex:1 1;min-width:0}.form-input::placeholder,.form-textarea::placeholder{color:#aaa;font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.action-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:36px}.action-button:hover{background-color:#f8f9fa;background-color:var(--bg-light);transform:translateY(-1px)}.edit-button,.edit-button:hover{color:#2196f3;color:var(--info-color)}.edit-button:hover{background-color:#2196f314;border-color:#2196f3;border-color:var(--info-color)}.action-button.delete-button,.modal-actions .delete-button{align-items:center;background-color:#f4433614;border:1px solid #f44336;border:1px solid var(--error-color);color:#f44336;color:var(--error-color);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.5rem 1rem}.modal-actions .delete-button{font-size:1rem;padding:.7rem 1.5rem}.action-button.delete-button:hover,.modal-actions .delete-button:hover{background-color:#f44336;background-color:var(--error-color);border-color:#f44336;border-color:var(--error-color);color:#fff}.cancel-button{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--button-radius);box-shadow:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.7rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.cancel-button:hover{background-color:#e0e0e0;transform:translateY(-1px)}.add-form-button{align-items:center;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;min-width:140px;padding:.5rem 1rem}.edit-form-container{padding:0 1.5rem 1.5rem}.edit-form-container .form-section{box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.edit-form-container .section-title{border-bottom-color:#3f51b526;color:#3f51b5;color:var(--primary-color);font-size:1.1rem;margin-bottom:1.25rem;padding-bottom:.75rem}.delete-response-button{align-items:center;background:none;border:none;color:#f44336;color:var(--error-color);cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:.25rem;transition:all .3s ease;transition:var(--transition)}.delete-response-button:hover{opacity:1;transform:scale(1.1)}.response-card{background-color:#f9fafc;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem}.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.responses-section{background-color:#f5f7fa;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);padding:1rem}.responses-section h4{align-items:center;color:#3f51b5;color:var(--primary-color);display:flex;font-size:1rem;margin-bottom:1rem}.status-badge.status-active{background-color:#e8f5e9;color:#2e7d32}.status-badge.status-investigating{background-color:#e3f2fd;color:#0277bd}.status-badge.status-found{background-color:#f3e5f5;color:#7b1fa2}.status-badge.status-closed{background-color:#efebe9;color:#5d4037}.submit-button{align-items:center;background-color:#3f51b5;background-color:var(--primary-color);border-radius:4px;border-radius:var(--button-radius);box-shadow:none;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:200px;padding:.7rem 1.5rem;transition:var(--transition)}.submit-button:hover{background-color:#303f9f;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.submit-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.spinner-icon{animation:spin .8s linear infinite}.camera-capture-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:500px;padding:20px;width:100%}.camera-error{background-color:#f8d7da;border-radius:5px;color:#721c24;font-size:14px;margin-bottom:15px;padding:12px;text-align:center}.camera-actions{align-items:center;display:flex;flex-direction:column;gap:15px}.camera-button,.cancel-button,.capture-button,.reset-button,.upload-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;max-width:250px;padding:12px 20px;transition:all .3s ease;width:100%}.camera-button{background-color:#4e73df;color:#fff}.camera-button:hover{background-color:#3d5fc9}.upload-button{background-color:#36b9cc;color:#fff}.upload-button:hover{background-color:#2ea7b9}.capture-button{background-color:#1cc88a;border-radius:50%;color:#fff;font-size:24px;height:60px;padding:0;width:60px}.capture-button:hover{background-color:#17a673;transform:scale(1.05)}.cancel-button{background-color:#858796;color:#fff}.cancel-button:hover{background-color:#717384}.reset-button{background-color:#f6c23e;color:#444}.reset-button:hover{background-color:#e8b635}.or-divider{align-items:center;color:#858796;display:flex;font-size:14px;margin:5px 0;width:100%}.or-divider:after,.or-divider:before{border-bottom:1px solid #e3e6f0;content:"";flex:1 1;margin:0 10px}.camera-preview{aspect-ratio:4/3;background-color:#000;border-radius:10px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.video-preview{height:100%;object-fit:cover;width:100%}.camera-controls{bottom:20px;display:flex;gap:20px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.captured-image-container{border-radius:10px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.captured-image{border-radius:8px;max-height:400px;object-fit:contain;width:100%}.upload-progress{background-color:#eaecf4;border-radius:20px;height:10px;margin-top:15px;overflow:hidden;position:relative}.progress-bar{background-color:#4e73df;border-radius:20px;height:100%;transition:width .3s ease}.progress-text{color:#4e73df;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:576px){.camera-button,.cancel-button,.reset-button,.upload-button{font-size:14px}.camera-controls{bottom:10px}}:root{--bg-primary-light:#f8f9fa;--bg-secondary-light:#fff;--text-primary-light:#333;--text-secondary-light:#666;--card-bg-light:#fff;--border-color-light:#e0e0e0;--accent-color-light:#2196f3;--shadow-light:0 2px 8px #0000001a;--bg-primary-dark:#1a1a1a;--bg-secondary-dark:#2d2d2d;--text-primary-dark:#fff;--text-secondary-dark:#b3b3b3;--card-bg-dark:#2d2d2d;--border-color-dark:#404040;--accent-color-dark:#2196f3;--shadow-dark:0 2px 8px #0000004d}.role-selection-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem;transition:all .3s ease}.light-theme .role-selection-container{background-color:#f8f9fa;background-color:var(--bg-primary-light);color:#333;color:var(--text-primary-light)}.dark-theme .role-selection-container{background-color:#1a1a1a;background-color:var(--bg-primary-dark);color:#fff;color:var(--text-primary-dark)}.role-header{margin-bottom:2rem;text-align:center}.role-header h1{font-size:2.5rem;margin-bottom:1rem}.light-theme .role-header h1{color:#333;color:var(--text-primary-light)}.dark-theme .role-header h1{color:#fff;color:var(--text-primary-dark)}.current-role-banner{background:#2196f3;background:var(--accent-color-light);border-radius:10px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-light);color:#fff;margin-bottom:2rem;max-width:800px;padding:1rem 2rem;text-align:center;width:100%}.role-cards-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem;max-width:1000px;width:100%}.role-card{border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.light-theme .role-card{background:#fff;background:var(--bg-secondary-light);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-light);color:#333;color:var(--text-primary-light)}.dark-theme .role-card{background:#2d2d2d;background:var(--bg-secondary-dark);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-dark);color:#fff;color:var(--text-primary-dark)}.role-card:hover{transform:translateY(-5px)}.light-theme .role-card:hover{border-color:#2196f3;border-color:var(--accent-color-light);box-shadow:0 8px 15px #2196f333}.dark-theme .role-card:hover{border-color:#2196f3;border-color:var(--accent-color-dark);box-shadow:0 8px 15px #2196f34d}.role-card.active{border:2px solid #2196f3;border:2px solid var(--accent-color-light)}.role-icon{color:#2196f3;color:var(--accent-color-light);font-size:2.5rem;margin-bottom:1rem}.role-title{font-size:1.5rem;font-weight:600;margin-bottom:.8rem}.light-theme .role-title{color:#333;color:var(--text-primary-light)}.dark-theme .role-title{color:#fff;color:var(--text-primary-dark)}.role-description{font-size:1rem;line-height:1.5;margin-bottom:1.2rem}.light-theme .role-description{color:#666;color:var(--text-secondary-light)}.dark-theme .role-description{color:#b3b3b3;color:var(--text-secondary-dark)}.role-features{display:flex;flex-direction:column;gap:.8rem}.feature-item{align-items:center;display:flex;font-size:1rem;gap:.6rem}.light-theme .feature-item{color:#666;color:var(--text-secondary-light)}.dark-theme .feature-item{color:#b3b3b3;color:var(--text-secondary-dark)}.feature-icon{color:#2196f3;color:var(--accent-color-light);font-size:.9rem}@media (max-width:768px){.role-cards-container{grid-template-columns:1fr}.role-header h1{font-size:2rem}.role-card{padding:1.5rem}.current-role-banner{font-size:.9rem;padding:1rem}}.loading-overlay{align-items:center;bottom:0;display:flex;font-size:1.2rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.light-theme .loading-overlay{background:#ffffffe6;color:#333;color:var(--text-primary-light)}.dark-theme .loading-overlay{background:#000c;color:#fff;color:var(--text-primary-dark)}.landing-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.landing-nav{align-items:center;background-color:initial;display:flex;justify-content:space-between;padding:1rem 5%;position:fixed;top:0;transition:all .3s ease;width:90%;z-index:1000}.landing-nav.scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:.8rem 5%}.landing-nav.scrolled .logo,.landing-nav.scrolled .nav-link{color:#333}.landing-nav.scrolled .nav-button{border-color:#333;color:#333}.landing-nav.scrolled .nav-button:hover{background-color:#333;color:#fff}.nav-button{border:2px solid #f5f5f5;color:#f5f5f5;font-weight:500;transition:all .3s ease}.cta-button.primary{background:#fff;border-radius:30px;box-shadow:0 4px 15px #0003;color:#333;display:inline-block;font-size:1.2rem;font-weight:600;letter-spacing:2px;padding:1.2rem 3rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button.primary:hover{background:#f0f0f0;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.nav-button:hover{background-color:#f5f5f5;color:#000}.logo{color:#f5f5f5;font-size:1.5rem;font-weight:700;letter-spacing:1px}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{border:none;border-radius:0;font-weight:700;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-link,.nav-link:hover{background-color:initial;color:#fff}.dark-nav .nav-link:hover,.landing-nav.scrolled .nav-link:hover{background-color:#333;color:#fff}.nav-button{border:none;border-radius:0;color:#fff;font-weight:700;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.nav-button,.nav-button:hover{background-color:initial}.hero-section{align-items:center;background:url(/static/media/connect.fbd7ab92e4795e6a1666.jpg) 50%/cover;display:flex;justify-content:center;min-height:100vh;padding:0 5%;position:relative}.hero-section:before{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:600px;position:relative;text-align:center;z-index:1}.hero-content h1{color:#fff;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{color:#fff;font-size:1.5rem;margin-bottom:2rem}.cta-button.secondary{border:2px solid #fff;color:#fff}.features-section{background-color:#f8f9fa;padding:5rem 5%;text-align:center}.features-section h2{color:#333;font-size:2.5rem;margin-bottom:3rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.stats-section{grid-gap:2rem;background-color:#fff;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:4rem 5%}.stat-card{text-align:center}.stat-card h3{color:#2575fc;font-size:2.5rem;margin-bottom:.5rem}.landing-footer{background-color:#1a1a1a;color:#fff;padding:4rem 5% 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{margin-bottom:30px;min-width:200px}.footer-section h4{border-bottom:2px solid #ffffff1a;color:#2196f3;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:10px}.footer-section a,.footer-section button.footer-link{background:none;border:none;border-radius:5px;color:#ccc;cursor:pointer;display:block;font-size:1rem;margin-bottom:.8rem;padding:10px 15px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.footer-section a:hover,.footer-section button.footer-link:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section{margin-bottom:40px}.footer-section a{font-size:1.1rem;margin-bottom:10px;padding:12px 15px}.footer-section a:hover{transform:translateY(-2px)}}.about-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:120px 20px 80px}.about-content{margin:0 auto;max-width:1200px}.about-content h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.about-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:40px}.about-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:transform .3s ease}.about-card:hover{transform:translateY(-5px)}.about-card h3{color:#2196f3;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.about-card p{color:#666;font-size:1.1rem;line-height:1.8}@media (max-width:768px){.about-grid{grid-template-columns:1fr}.about-content h2{font-size:2rem}}.how-it-works-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:120px 5% 60px}.how-it-works-content{margin:0 auto;max-width:1200px}.how-it-works-content h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;position:relative;text-align:center;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px)}.step-number{align-items:center;background:#2575fc;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;margin:0 auto 1.5rem;width:40px}.step-card h3{color:#2575fc;font-size:1.5rem;margin-bottom:1rem}.step-card p{color:#666;line-height:1.6}@media (max-width:768px){.how-it-works-section{padding:100px 5% 40px}.steps-grid{grid-template-columns:1fr}}.services-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:120px 5% 60px}.services-content{margin:0 auto;max-width:1200px}.services-content h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:3rem;margin-bottom:1.5rem}.service-card h3{color:#2575fc;font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#666;line-height:1.6}@media (max-width:768px){.services-section{padding:100px 5% 40px}.services-content h2{font-size:2rem}.services-grid{grid-template-columns:1fr}}.dark-nav .logo,.dark-nav .nav-link{color:#333}.dark-nav .nav-button{border-color:#333;color:#333}.dark-nav .nav-button:hover{background-color:#333;color:#fff}.contact-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:120px 20px 80px}.contact-content{margin:0 auto;max-width:1200px}.contact-content h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:40px}.contact-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:transform .3s ease}.contact-info:hover{transform:translateY(-5px)}.contact-item{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;display:flex;margin-bottom:30px;padding:15px}.contact-icon{color:#2196f3;font-size:28px;margin-right:20px}.contact-form{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.submit-button{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease;width:100%}.submit-button:hover{background:linear-gradient(45deg,#1976d2,#1565c0);box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--accent-color:#007bff;--border-color:#dee2e6;--card-bg:#fff;--nav-bg:#fff;--shadow:0 2px 4px #0000001a}.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#ccc;--accent-color:#4dabf7;--border-color:#404040;--card-bg:#2d2d2d;--nav-bg:#1a1a1a;--shadow:0 2px 4px #0000004d}body{background-color:#fff;background-color:var(--bg-primary);transition:background-color .3s,color .3s}.card,body{color:#333;color:var(--text-primary)}.card{background-color:#fff;background-color:var(--card-bg);border-color:#dee2e6;border-color:var(--border-color)}.navbar{background-color:#fff;background-color:var(--nav-bg);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color)}.btn-primary{background-color:#007bff;background-color:var(--accent-color);border-color:#007bff;border-color:var(--accent-color)}.form-control{background-color:#f8f9fa;background-color:var(--bg-secondary);border-color:#dee2e6;border-color:var(--border-color);color:#333;color:var(--text-primary)}
/*# sourceMappingURL=main.d26ca2d2.css.map*/