@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}body{background-color:#f8f9fa;background-image:linear-gradient(90deg,#e9ecef 1px,#0000 1px),linear-gradient(#e9ecef 1px,#0000 1px);background-size:50px 50px;margin:0;padding:0;font-family:Poppins,sans-serif}.login-page{min-height:100vh;position:relative;overflow:hidden}.login-header-bg{text-align:center;color:#fff;z-index:1;background:linear-gradient(135deg,#82cc00 0%,#5b8f00 100%);border-bottom-right-radius:50% 15%;border-bottom-left-radius:50% 15%;width:100%;height:350px;padding-top:50px;position:relative}.login-header-bg:before{content:"";opacity:.1;z-index:-1;background-image:radial-gradient(#fff 1px,#0000 2px);background-size:100px 100px;border-bottom-right-radius:50% 15%;border-bottom-left-radius:50% 15%;position:absolute;inset:0}.admin-logo{object-fit:contain;height:60px;margin-bottom:15px}.welcome-text{justify-content:center;align-items:center;gap:10px;font-size:24px;font-weight:500;display:flex}.wave{transform-origin:70% 70%;animation:2.5s infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.login-container{z-index:2;justify-content:center;align-items:center;max-width:900px;margin:-150px auto 0;padding:0 20px;display:flex;position:relative}.login-card{text-align:center;z-index:3;background:#fff;border-radius:12px;width:100%;max-width:450px;padding:40px;box-shadow:0 10px 30px #0000001a}.login-card h2{color:#333;margin:0 0 5px;font-size:28px;font-weight:600}.login-subtitle{color:#888;margin-bottom:30px;font-size:13px}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=password]{color:#333;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.form-group input:focus{border-color:#82cc00}.password-input{position:relative}.eye-icon{cursor:pointer;color:#aaa;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.form-actions{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:12px;display:flex}.remember-me{color:#555;cursor:pointer;align-items:center;gap:5px;display:flex}.forgot-password{color:#82cc00;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-btn{color:#fff;cursor:pointer;background-color:#82cc00;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background-color .3s}.login-btn:hover{background-color:#71b100}@media (width<=768px){.login-container{margin-top:-100px}}.sidebar{z-index:100;background-color:#fff;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000000d}.sidebar-header{border-bottom:1px solid #eee;flex-direction:column;align-items:center;padding:20px;display:flex}.sidebar-logo{object-fit:contain;height:50px;margin-bottom:10px}.sidebar-header h3{color:#333;margin:0;font-size:16px}.sidebar-menu{padding:20px 0;overflow-y:auto}.menu-item{color:#555;cursor:pointer;border-left:4px solid #0000;align-items:center;padding:12px 25px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:#82cc00;background-color:#f5faef}.menu-item.active{color:#82cc00;background-color:#f5faef;border-left:4px solid #82cc00}.menu-icon{color:#888;margin-right:15px;font-size:18px}.menu-item:hover .menu-icon,.menu-item.active .menu-icon,.sub-menu-item:hover .menu-icon,.sub-menu-item.active .menu-icon{color:#82cc00}.dropdown-icon{color:#888;margin-left:auto}.sub-menu{background-color:#fcfcfc;padding:5px 0}.sub-menu-item{color:#666;align-items:center;padding:10px 25px 10px 45px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.sub-menu-item:hover{color:#82cc00;background-color:#f5faef}.sub-menu-item.active{color:#82cc00;background-color:#f5faef;font-weight:600}.cms-page{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.cms-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.add-btn{color:#fff;cursor:pointer;background-color:#82cc00;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.add-btn:hover{background-color:#71b100}.cms-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;display:grid}.cms-card{border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.cms-card-img{object-fit:cover;width:100%;height:180px}.cms-card-content{text-align:center;padding:15px}.cms-card-content h4{color:#333;margin:0 0 15px}.cms-card-actions{justify-content:space-between;gap:10px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-weight:500;transition:all .2s;display:flex}.edit-btn{color:#82cc00;background-color:#f1f8e9}.edit-btn:hover{background-color:#e1f0d3}.delete-btn{color:#f44336;background-color:#ffebee}.delete-btn:hover{background-color:#ffcdd2}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;width:100%;max-width:500px;padding:25px;box-shadow:0 10px 30px #0003}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-header h3{color:#82cc00;margin:0}.close-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-form .form-group{margin-bottom:20px}.modal-form label{color:#444;margin-bottom:8px;font-weight:500;display:block}.modal-form input[type=text],.modal-form input[type=file]{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px;font-family:inherit}.image-preview{text-align:center;margin-bottom:20px}.image-preview img{object-fit:cover;border:1px solid #eee;border-radius:6px;max-width:100%;height:150px}.submit-btn{color:#fff;cursor:pointer;background-color:#82cc00;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;display:flex}.submit-btn:disabled{cursor:not-allowed;background-color:#b0d876}