@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.main-content{min-height:100vh;margin-left:250px}*{font-family:Poppins}body{margin:0}.login-container{background-color:#00bfff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-head{color:#fff;text-shadow:3px 3px 1px #00aee8;margin:0;font-size:40px}.login-box{background-color:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:400px;height:400px;display:flex;box-shadow:5px 5px 1px #00aee8}.login-input{border:2px solid #00bfff;border-radius:30px;outline:none;width:350px;height:30px;padding:10px}.login-btn{color:#fff;cursor:pointer;cursor:pointer;background-color:#00bfff;border:2px solid #00bfff;border-radius:20px;width:100px;height:35px;font-size:15px}.register-btn{color:#00bfff;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:20px;width:200px;height:35px;margin-top:20px;font-size:15px}.login-btn:hover{color:#00bfff;background-color:#fff;border:2px solid #00bfff;transition:all .9s}.template-container{background-color:#00bfff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin:0;display:flex}.sa-navbar{color:#fff;background-color:#008cff;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:900px;height:60px;margin:5px;padding:5px;display:flex}.sa-name{background-color:#1835da;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:200px;height:40px;margin:0;font-size:15px;font-weight:400;display:flex}.logout-btn{color:#fff;background-color:#1835da;border:none;border-radius:20px;justify-content:center;align-items:center;width:100px;height:40px;margin:0;font-size:15px;font-weight:400;display:flex}.template-box{background-color:#fff;border-radius:30px;grid-template-columns:1fr 1fr;gap:30px;width:1100px;height:500px;padding:20px;display:grid;overflow-y:scroll}.template-box::-webkit-scrollbar{width:12px}.template-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:15px}.template-box::-webkit-scrollbar-thumb{background:#00bfff;border-radius:10px}.template-box::-webkit-scrollbar-thumb:hover{background:#0080ff}.subheads{color:#fff;margin:0}.subhead2{color:#00bfff}.template-label{color:gray;margin-bottom:10px;margin-left:10px;font-size:15px;display:block}.template-input{border:2px solid #00bfff;border-radius:30px;outline:none;width:350px;height:30px;margin-bottom:10px;padding:10px}.template-select{color:gray;background-color:#fff;border:2px solid #00bfff;border-radius:30px;outline:none;width:370px;height:50px;margin-bottom:10px;padding:10px;font-size:15px}.add-field-btn{color:#fff;cursor:pointer;background:#00bfff;border:none;border-radius:25px;width:150px;height:30px;margin:15px 10px;font-size:14px}.add-field-btn:hover{background:#0080ff;transition:all .9s}.submit-btn{color:#fff;cursor:pointer;background:#00bfff;border:none;border-radius:30px;width:200px;margin:20px 0;padding:10px 20px;font-size:16px}.submit-btn:hover{background:#0080ff}.field-box{background-color:#f8f9ff;border:2px dashed #00bfff;border-radius:15px;min-height:80px;margin:20px 0;padding:15px}.field-item{background-color:#f0f8ff;border:1px solid #00bfff;border-radius:8px;margin-bottom:8px;padding:10px}.preview-form{background-color:#f8f9ff;border:2px solid #00bfff;border-radius:15px;padding:30px}.preview-content h4{color:#000;margin-bottom:10px;font-size:18px}.preview-content p{color:#000;margin-bottom:15px}.preview-field{margin-bottom:15px}.preview-field label{color:#000;margin-bottom:5px;font-size:14px;display:block}.radio-option{color:#000;align-items:center;margin-bottom:5px;display:flex}.preview-field input,.preview-field select,.preview-field textarea{border:1px solid #00bfff;border-radius:5px;outline:none;width:70%;padding:8px}.preview-field textarea{resize:vertical;min-height:60px}.radio-option{align-items:center;margin-bottom:5px;display:flex}.radio-option input{width:auto;margin-right:8px}.responses-btn{color:#00bfff;cursor:pointer;background:#fff;border:none;border-radius:25px;margin:5px;padding:10px 25px;font-size:16px}.responses-btn:hover{color:#fff;background:#0080ff;transition:all .9s}.button-container{gap:20px;margin-bottom:10px;display:flex}.popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{background:#fff;border-radius:15px;width:90%;max-width:900px;max-height:85%;overflow-y:auto}.popup-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px;display:flex}.popup-header h3{color:#00bfff;margin:0}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px}.close-btn:hover{color:#333}.responses-list{padding:20px}.response-item{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:15px}.response-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.response-item h4{color:#00bfff;margin:0}.delete-response-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:5px;padding:5px 10px;font-size:12px}.delete-response-btn:hover{background:#c82333}.response-item p{color:#333;margin:5px 0}.delete-template-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:5px;margin-top:10px;padding:8px 15px;font-size:14px}.delete-template-btn:hover{background:#c82333}.user-container{background-color:#00bfff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.user-head{color:#fff}.user-box{background-color:#fff;border-radius:30px;justify-content:center;gap:30px;width:600px;height:550px;padding:20px;display:flex;overflow-y:scroll}.user-box::-webkit-scrollbar{width:6px}.user-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:15px}.user-box::-webkit-scrollbar-thumb{background:#00bfff;border-radius:10px}.user-box::-webkit-scrollbar-thumb:hover{background:#0080ff}.form-content p{color:#666;margin-bottom:20px;padding-bottom:20px}.submit-response-btn{color:#fff;cursor:pointer;background:#00bfff;border:none;border-radius:25px;width:100%;margin:20px 0 40px;padding:12px 30px;font-size:16px}.admin-container{background-color:#00bfff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.admin-head{color:#fff}.admin-box{background-color:#fff;border-radius:30px;justify-content:center;gap:30px;width:600px;height:550px;padding:20px;display:flex;overflow-y:scroll}.admin-box::-webkit-scrollbar{width:6px}.admin-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:15px}.admin-box::-webkit-scrollbar-thumb{background:#00bfff;border-radius:10px}.admin-box::-webkit-scrollbar-thumb:hover{background:#0080ff}.form-content{width:100%;padding:20px}.form-content h3{color:#00bfff;margin-bottom:10px}.form-content p{color:#666;margin-bottom:20px}.form-field{margin-bottom:15px}.form-field label{color:#333;margin-bottom:5px;font-weight:500;display:block}.form-field input,.form-field select,.form-field textarea{border:2px solid #00bfff;border-radius:5px;outline:none;width:100%;padding:10px}.form-field textarea{resize:vertical;min-height:80px}.radio-label{align-items:center;margin-bottom:5px;font-weight:400;display:flex}.radio-label input{width:auto;margin-right:8px}.submit-response-btn{color:#fff;cursor:pointer;background:#00bfff;border:none;border-radius:25px;justify-content:center;align-items:center;width:200px;height:50px;margin:30px auto 40px;font-size:16px;display:flex}.submit-response-btn:hover{background:#0080ff}.no-forms-text{color:gray;text-align:center;font-size:16px}.sidebar{z-index:1000;background-color:#00bfff;flex-direction:column;width:250px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid #fff3;padding:20px}.sidebar-header h3{color:#fff;margin:0;font-size:18px}.sidebar-nav{flex-direction:column;padding:20px 0;display:flex}.sidebar-link{color:#fff;border-left:3px solid #0000;padding:15px 20px;text-decoration:none;transition:background-color .3s;display:block}.sidebar-link:hover{background-color:#ffffff1a}.sidebar-link.active{background-color:#fff3;border-left-color:#fff}.load-container{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.load-box{color:#3498db;background-color:#fff;justify-content:center;align-items:center;width:150px;height:80px;font-size:15px;display:flex}.loader{border:6px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}