*{margin:0;padding:0}.admin-layout{display:flex;flex-direction:column;min-height:100vh}.admin-header{background-color:#2c3e50;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:1.5rem}.admin-header nav{display:flex;align-items:center}.admin-header nav a{color:#fff;margin-left:1rem;text-decoration:none}.admin-header nav a:hover{text-decoration:underline}.admin-main{flex:1;padding:2rem}.admin-footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard h2{color:#2c3e50;margin-bottom:2rem;font-size:2rem}.stats-container{display:flex;gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:#fff;border-radius:12px;padding:1.5rem;flex:1;box-shadow:0 4px 6px #0000000d;display:flex;align-items:center;gap:1.5rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.stat-icon{background-color:#e3f2fd;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2196f3}.stat-content h3{margin:0 0 .25rem;color:#7f8c8d;font-size:.9rem;font-weight:500}.stat-content p{font-size:1.75rem;margin:0;color:#2c3e50;font-weight:700}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.action-card{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;text-align:center;transition:transform .3s,box-shadow .3s}.action-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.action-icon{color:#2196f3;margin-bottom:1.5rem}.action-card h3{color:#2c3e50;margin:0 0 1rem;font-size:1.25rem}.action-card p{color:#7f8c8d;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.action-button{background-color:#2196f3;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s;display:inline-block}.action-button:hover{background-color:#0d8bf2}.create-blog .action-icon{color:#4caf50}.create-blog .action-button{background-color:#4caf50}.create-blog .action-button:hover{background-color:#3d8b40}.manage-blogs .action-icon{color:#ff9800}.manage-blogs .action-button{background-color:#ff9800}.manage-blogs .action-button:hover{background-color:#e68a00}.blog-list{max-width:1200px;margin:0 auto}.blog-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.blog-list-header h2{color:#2c3e50;margin:0}.new-blog-button{background-color:#27ae60;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}.new-blog-button:hover{background-color:#219653}.blogs-table{width:100%;border-collapse:collapse;box-shadow:0 2px 4px #0000001a}.blogs-table th,.blogs-table td{padding:1rem;text-align:left;border-bottom:1px solid #ecf0f1}.blogs-table th{background-color:#2c3e50;color:#fff}.blogs-table tr:hover{background-color:#f8f9fa}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:capitalize}.status-badge.published{background-color:#d5f5e3;color:#27ae60}.status-badge.draft{background-color:#fef9e7;color:#f39c12}.action-link{border:none;background:none;color:#3498db;cursor:pointer;margin-right:1rem;font-size:.875rem}.action-link.delete{color:#e74c3c}.action-link:hover{text-decoration:underline}.loader{position:relative;width:35px;height:35px;border-radius:10px;margin:auto}.loader div{width:8%;height:24%;background:#fff;position:absolute;left:50%;top:30%;opacity:0;border-radius:50px;box-shadow:0 0 3px #0003;animation:fade458 1s linear infinite}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader .bar1{transform:rotate(0) translateY(-130%);animation-delay:0s}.loader .bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-1.1s}.loader .bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-1s}.loader .bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.9s}.loader .bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.8s}.loader .bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.7s}.loader .bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.6s}.loader .bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.5s}.loader .bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.4s}.loader .bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.3s}.loader .bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.2s}.loader .bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.1s}.add-blog-page{margin-top:20px;background:#f5f5f5}.write-page{width:80%;margin:20px auto;padding:5px}.writePage-head{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;margin:10px 0;border:1px solid rgb(220,220,220);border-radius:5px}.select-categories select{padding:4px 3px;cursor:pointer;border:1px solid rgb(201,201,201)}.publish-save button{padding:4px 8px;margin:0 0 0 10px;cursor:pointer}.publish-save .publish-btn{background-color:#1e61a6;border:none;border-radius:5px;padding:8px 20px;font-size:15px;color:#fff}.publish-save .save-btn{background-color:#fff;border:1px solid rgb(179,179,179);border-radius:4px}.title-input{display:flex;align-items:center;gap:10px}.writePage-body .write-title{width:100%}.writePage-body .write-title input{width:100%;font-size:19px;padding:8px 0;border:none;border-bottom:1px solid rgb(182,179,179)}.writePage-body .write-img{width:90%;margin:10px auto;max-height:400px;overflow:hidden}.writePage-body .write-img img{width:100%;height:100%;border-radius:10px}.title-input input{border:1px solid red;margin:10px 0}.title-input label .icon{font-size:30px}.write-editor{margin:20px 0;background-color:#fff;border:1px solid rgb(249,197,197)}.quill-editor{min-height:300px}.loginAleart{border:1px solid rgb(254,142,142);background-color:#fad2d2;border-radius:10px;max-width:500px;margin:0 auto;text-align:center;padding:20px 0}.loginAleart p{padding:15px 0;font-size:18px}.loginAleart h4{font-size:22px;color:red}.loginAleart span{font-size:22px;border:1px solid red;border-radius:5px;padding:3px 5px;background-color:#ff9292;color:#fff}@media only screen and (max-width: 600px){.write-page{width:100%}.writePage-body .write-img{height:200px}.writePage-head{flex-direction:column;gap:10px}.writePage-head .publish-save{display:flex}}.login-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000026;width:100%;max-width:380px;text-align:center;animation:fadeIn .5s ease-in-out}.login-container{font-family:Arial,sans-serif;background:linear-gradient(135deg,#c79f59,#022d13);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.login-box h2{margin-bottom:1.5rem;color:#333;font-size:1.8rem}.login-box .error{color:red;margin-bottom:1rem;font-size:.9rem}.login-box label{display:block;text-align:left;font-weight:700;margin-bottom:.3rem;color:#555}.login-box input{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:.3s}.login-box input:focus{border-color:#2575fc;box-shadow:0 0 6px #2575fc66}.login-box button{width:100%;padding:.8rem;background:#2575fc;border:none;color:#fff;font-size:1rem;border-radius:8px;cursor:pointer;transition:.3s}.login-box button:hover{background:#1a5cd8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.login-box{padding:1.5rem}}body{font-family:Poppins,sans-serif}
