@import"https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&display=swap";:root{--primary-bg: #c2dceb;--secondary: #82aed4;--tertiary: #1d2d50;--text-color: #1d2d50;--hover-color: #5a9ec2}body{font-family:Delius Swash Caps;background-color:var(--primary-bg);color:var(--text-color)}button{background-color:var(--secondary);border:none}button:hover{background-color:var(--hover-color)}; .Header{display:flex;align-items:center;justify-content:space-between;width:95%;padding:10px 20px}.Header{display:flex;align-items:center;justify-content:space-between;width:95%;padding:10px 20px}.header-left{display:flex;align-items:center;gap:10px}.Header img{width:90px}.header-right{display:flex;align-items:center;gap:15px}.settings-button,.login-button,.logout-button{display:flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #ccc;border-radius:15px;cursor:pointer;transition:background .2;font-size:16px;gap:10px}.Title,.text-container2{text-align:center;margin-bottom:50px}.image-container{width:350px}.hero-section{display:flex;align-items:center;justify-content:center;gap:50px;padding:50px;flex-wrap:wrap}.cat-image{width:520px;margin-left:-170px}.title-container{max-width:500px;text-align:left}.title-container h1{font-size:2.5rem;font-weight:700;text-align:center;max-width:500px;margin:0 auto 40px;line-height:1.5}.title-container h2{font-size:1.8rem;font-weight:700;text-align:center;max-width:500px;margin:0 auto 30px;line-height:1.5}.title-container p{font-size:1.5rem;text-align:center;max-width:500px;margin:0 auto;line-height:1.5}.learn-more{padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;margin-left:190px;margin-top:35px}.text-section{width:80%;margin:50px auto;font-size:1.3rem;font-weight:500;line-height:1.8;padding:40px;text-align:center;max-width:900px}.text-section ul{text-align:left;display:inline-block;margin:30px auto}.text-section li{margin-bottom:10px;list-style-type:" 🐾 ";padding-left:10px}image-doguinho{display:flex;justify-content:center;margin-top:30px}.doguinho{width:650px}.button-group{display:flex;justify-content:center;margin-top:25px;margin-bottom:40px;gap:8px}.button{padding:8px 16px;border:1px solid #ccc;border-radius:10px;font-size:19px;cursor:pointer}.button:focus{outline:none;box-shadow:0 0 5px #0003}.report-container{background:#82aed4;width:800px;padding:30px;justify-content:center;overflow:hidden;border-radius:15px;box-shadow:4px 4px 10px #00000080;text-align:center;display:flex;flex-direction:column;align-items:center}.map-container{width:100%;max-width:900px;height:400px;display:flex;justify-content:center;border-radius:10px;overflow:hidden}.page-container{display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:20px;margin-top:50px}.sidebar{width:320px;height:auto;background:#82aed4;padding:20px;border-radius:10px;text-align:center;display:flex;flex-direction:column;gap:15px;align-items:center}.sidebar img{max-width:300px;height:auto;border-radius:8px}.sidebar p{font-size:18px;font-weight:700}.report-button{background:#1d2d50;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background .3s;width:160px;height:40px;font-size:14px;margin-top:20px}select{width:100px;padding:10px;font-size:14px}form{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;flex-direction:column;align-items:center}.form-colums{display:flex;justify-content:space-between;gap:30px}.titles{margin-bottom:20px;font-weight:700;font-size:30px}.report-form{display:flex;justify-content:space-between;gap:30px}.form-left,.form-right{display:flex;flex-direction:column;width:48%}label{display:block;font-size:14px;font-weight:700;margin-bottom:5px;text-align:left}input,select,textarea{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:10px;background:#dad8d8;font-size:14px}textarea{width:100%;resize:vertical;height:120px;resize:none}input[type=description]{height:150px}input[type=checkbox]{margin-right:10px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.checkbox-group input{width:16px;height:16px}.submitbutton{width:50%;padding:10px;color:#fff;border-radius:8px;font-size:16px;background:#1d2d50}.view-container{width:80%;margin:50px auto;text-align:center}.map-container2{width:80vw;height:60vh;margin:0 auto}.view-title{font-size:24px;font-weight:700;margin-bottom:20px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;justify-content:center}.report-card{position:relative;background:#82aed4;display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:15px;border-radius:10px;box-shadow:3px 3px 8px #0000004d;text-align:left;min-height:280px;transition:all .3s ease-in-out}.report-card .x{font-size:1.5rem;cursor:pointer}.report-options{display:flex;justify-content:space-between;width:100%}.report-card .edit-icon{font-size:1.3rem;cursor:pointer;border:none}.report-card.edit-mode .toggle-info2{display:none}.extra-info{max-height:0}.report-card.expanded{min-height:auto;max-height:600px}.report-info .extra-info{display:none}.report-card.expanded .report-info .extra-info{display:block;opacity:1;max-height:300px}.report-info{width:100%;display:flex;flex-direction:column;gap:8px}.report-info label{display:flex;flex-direction:column;font-weight:700}.report-info input,.report-info textarea{width:95%;padding:5px;border:1px;border-radius:5px;font-size:14px}.image-placeholder{width:200px;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#f0f0f0;margin-bottom:10px}.image-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:10px}.reports-grid{display:flex;justify-content:center;gap:20px;align-items:start}.report-info p{font-size:14px;margin:5px 0;font-weight:700}.x{font-size:1.5rem;margin-right:162px}.info-window{display:flex;flex-direction:column;align-items:center;font-size:14px}.toggle-info{background:#1d2d50;color:#fff;font-weight:700;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;margin-top:5px;transition:background .3s}.login-container{width:80%;max-width:850px;margin:40px auto;padding:20px;background:#82aed4;border-radius:15px;box-shadow:2px 2px 10px #0000004d;text-align:center}.login-title{font-size:30px;font-weight:700;margin-bottom:20px}.login-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px}.login-form{display:flex;flex-direction:column;width:55%;text-align:left}.login-form label{font-size:16px;font-weight:700;margin:10px 0 5px}.login-form input{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;background:#ddd;font-size:14px;outline:none}.Login-button{margin-top:20px;padding:12px;width:100%;background:#333;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .3s}.Login-button2:hover{background:#555}.create-account{background:none;border:none;color:#222;font-size:14px;cursor:pointer;margin-top:25px}.create-account:hover{text-decoration:underline}.login-image{flex:1;display:flex;justify-content:center;align-items:center}.login-image img{width:300px;border-radius:1030px}.create-container{width:80%;max-width:850px;margin:40px auto;padding:20px;background:#82aed4;border-radius:15px;box-shadow:2px 2px 10px #0000004d;text-align:center}.create-title{font-size:30px;font-weight:700;margin-bottom:20px}.create-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px}.create-form{display:flex;flex-direction:column;width:55%;text-align:left}.create-form label{font-size:16px;font-weight:700;margin:10px 0 5px}.create-form input{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;background:#ddd;font-size:14px;outline:none}.create-button{margin-top:20px;padding:12px;width:100%;background:#333;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .3s}.create-button:hover{background:#555}.create-image{width:50%;display:flex;align-items:center;justify-content:center}.dogcomputer{width:90%;max-width:300px;border-radius:200px}