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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signin-form{background:#fff;border-radius:10px;box-shadow:0 10px 20px #0003;display:flex;overflow:hidden;width:100%}.left-section{background:linear-gradient(135deg,#b091d1,#cefdff);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px;width:100%}.left-section h1{font-size:32px;font-weight:700;margin-bottom:10px}.left-section p{font-size:16px;line-height:1.5;opacity:.9}.right-section{display:flex;flex-direction:column;justify-content:center;padding:40px}.form-title{font-size:22px;margin-bottom:20px;text-align:center}.input-field{background:#f3f3f3;border:none;border-radius:25px;margin:10px 0;padding:12px 12px 12px 15px}.input-field:focus{background:#e9e9e9;outline:none}.remember-container{color:#666;display:flex;font-size:14px;justify-content:space-between;margin:10px 0}.remember-container input{margin-right:5px}.submit-button{background:linear-gradient(135deg,#6a11cb,#ee0979);border-radius:25px;transition:.3s;width:100%}.submit-button:hover{background:linear-gradient(135deg,#ee0979,#6a11cb)}.redirect-text{margin-top:15px;text-align:center}.link{color:#6a11cb}@media(max-width:768px){.signin-form{flex-direction:column;height:100vh}.left-section{height:50vh;padding:0}}.container{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center}.signup-form{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:15px;padding:2rem;text-align:center;width:350px}.form-title{color:#333;font-size:24px;font-weight:700}.input-field{border:1px solid #ccc;border-radius:5px;font-size:16px;outline:none;padding:12px;transition:.3s ease-in-out;width:100%}.input-field:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.submit-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:12px;transition:background .3s ease-in-out}.submit-button:hover{background:#0056b3}.submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#ffe6e6;border-radius:5px;padding:8px}.redirect-text{color:#666;font-size:14px}.link{color:#007bff;cursor:pointer;font-weight:700;transition:.2s}.link:hover{text-decoration:underline}.dashboard-container{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:20px auto;max-width:800px;padding:20px;text-align:center}nav{background-color:#343a40;border-radius:8px;margin-bottom:20px;padding:10px}nav ul{display:flex;gap:20px;justify-content:center;list-style:none;padding:0}nav ul li{display:inline}nav ul li a{color:#fff;font-weight:700;text-decoration:none}nav ul li a:hover{text-decoration:underline}.dashboard-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.upload-section{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.file-input{border:1px solid #ccc;border-radius:5px;cursor:pointer;padding:10px}.upload-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.upload-button:hover{background:#0056b3}.upload-button:disabled{background:#ccc;cursor:not-allowed}.error-message{color:red;font-size:14px;margin-bottom:10px}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px}.photo-item{border-radius:8px;box-shadow:2px 2px 10px #0000001a;object-fit:cover;width:100%}.modal{align-items:center;background:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{border-radius:10px;max-height:80%;max-width:80%}.close{font-size:30px;position:absolute;right:35px;top:15px}.close,.delete-button{color:#fff;cursor:pointer}.delete-button{background:red;border:none;border-radius:5px;font-size:16px;margin-top:15px;padding:10px 15px}.delete-button:hover{background:darkred}.logout-container{font-family:Arial,sans-serif;margin-top:100px;text-align:center}.logout-container h2{color:#2c3e50;margin-bottom:20px}.logout-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:.3s}.logout-button:hover{background-color:#c0392b}.backbutton{left:0;position:fixed;top:0}.how-to-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:40px auto;max-width:800px;padding:20px}h1{color:#333}h1,p{text-align:center}p{color:#666;font-size:16px}.feature-section,.steps-section{margin-top:20px}h2{color:#222;margin-bottom:10px}ol,ul{color:#444;margin-left:20px}ol li,ul li{font-size:16px;margin-bottom:10px}strong{color:#000}a{color:#007bff;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.backbutton{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:20px auto;padding:10px 15px;text-align:center;width:120px}.backbutton a{color:#fff;text-decoration:none}.backbutton:hover{background-color:#0056b3}
/*# sourceMappingURL=main.7db5457f.css.map*/