:root{--accent-color:hsl(193,75%,54%)}body,html{margin:0;padding:0;height:100%;overflow-y:auto}.page-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:#f4f8fb;padding:2rem 1rem;box-sizing:border-box}@keyframes slide-in{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.form-container{width:100%;max-width:600px;background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 15px 30px rgba(123,87,255,.15);animation:slide-in .6s ease-out;overflow:visible}.form-title{font-size:28px;font-weight:700;text-align:center;color:var(--accent-color);margin-bottom:30px}.popup-form{display:flex;flex-direction:column;gap:1rem}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;font-size:16px;border:1px solid #cfcfcf;border-radius:8px;outline:none;transition:border .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(123,87,255,.2)}.form-textarea{resize:vertical;min-height:100px}.form-button{color:white;padding:12px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.form-button,.form-button:hover{background-color:var(--accent-color)}.error-box{background-color:#fee2e2;border:1px solid #fca5a5;color:#b91c1c}.error-box,.success-toast{padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:600}.success-toast{background-color:#e0f4ff;color:#1b4d8a;border:1px solid #7ecbff;animation:fadeIn .5s ease-in-out}.buttons-section{display:flex;flex-direction:column;gap:10px}.section-label{font-weight:600;margin-bottom:4px;color:var(--accent-color)}.button-field{display:flex;align-items:center;gap:10px}.add-btn,.remove-btn{background-color:var(--accent-color);color:white;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px}.add-btn{width:fit-content;align-self:flex-start;margin-top:4px}.remove-btn{background-color:#dc2626;font-weight:700}.image-upload-wrapper{margin-bottom:1.5rem;position:relative;text-align:center}.image-upload-label{display:block;border:2px dashed #d0d0d0;border-radius:10px;padding:1.5rem;cursor:pointer;background-color:#f9f9f9;transition:border-color .3s ease,background-color .3s ease}.image-upload-label:hover{border-color:#007bff;background-color:#eef7ff}.image-placeholder{font-size:1rem;color:#666;font-weight:500}.image-preview{max-width:100%;max-height:250px;border-radius:8px;object-fit:cover}.hidden-input{display:none}@media (max-width:768px){.form-container{padding:1.5rem}.image-preview{max-height:180px}}