@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.login-form{animation:fadeIn var(--transition-slow) ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:1.5rem;box-shadow:0 8px 32px #0000001f;margin:4rem auto;max-width:450px;padding:3rem}.login-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2rem;text-align:center}.login-form input{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.login-form input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.login-form input::placeholder{color:#94a3b8}.login-form button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.login-form button:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.login-form button:active{transform:translateY(0)}.login-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}.switch-button{background:#0000;border:2px solid #6366f1;border-radius:.75rem;color:#6366f1;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease;width:100%}.switch-button:hover{background:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.login-form .error-message{animation:shake .5s ease;background:#ef44441a;border-left:4px solid #ef4444;border-radius:.5rem;color:#ef4444;font-size:.9rem;margin-bottom:1.25rem;padding:1rem}@media (max-width:480px){.login-form{border-radius:1rem;margin:2rem auto;padding:2rem}.login-form h2{font-size:1.75rem}.login-form button,.login-form input,.switch-button{font-size:.95rem;padding:.875rem 1.25rem}}.toast-container{display:flex;flex-direction:column;gap:.75rem;position:fixed;right:20px;top:90px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:.75rem;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;justify-content:space-between;max-width:500px;min-width:320px;padding:1rem 1.25rem;transition:all .2s ease}.toast:hover{box-shadow:0 6px 24px #0003;transform:translateX(-4px)}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#10b9810d;border-left:4px solid #10b981}.toast-error{background:#ef44440d;border-left:4px solid #ef4444}.toast-info{background:#3b82f60d;border-left:4px solid #3b82f6}.toast-warning{background:#f59e0b0d;border-left:4px solid #f59e0b}.toast-message{color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;line-height:1;margin-left:1rem;padding:0;transition:all .2s ease;width:24px}.toast-close:hover{background:#0000000d;color:#1e293b}@media (max-width:768px){.toast-container{left:20px;right:20px;top:80px}.toast{max-width:100%;min-width:auto}}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin:.5rem 0}.skeleton-title{height:1.5rem;margin:.5rem 0;width:60%}.skeleton-image{border-radius:8px;height:200px;width:100%}.blog-card-skeleton{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.skeleton-content{padding:1.5rem}.blog-list-skeleton{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem 0}.blog-list-header{margin-bottom:3rem;padding-top:2rem;text-align:center}.blog-list-title{font-size:3rem;line-height:1.1;margin-bottom:.5rem}.blog-list-subtitle{color:#64748b;font-size:1.125rem;font-weight:400;margin:0}.blog-list-controls{margin-bottom:3rem}.blog-list-controls,.tags-filter{display:flex;justify-content:center}.tags-filter{flex-wrap:wrap;gap:.75rem}.tag-filter-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #e2e8f0;border-radius:2rem;box-shadow:0 2px 4px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.tag-filter-btn:hover{border-color:#6366f1;box-shadow:0 4px 8px #0000001a;color:#6366f1;transform:translateY(-2px)}.tag-filter-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff}.blog-cards-container{margin-bottom:3rem}.blog-card:nth-child(5){animation-delay:.25s}.blog-card:nth-child(6){animation-delay:.3s}.blog-card-image-wrapper{display:block;height:220px;overflow:hidden;position:relative;width:100%}.blog-card-image{height:100%}.blog-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff4d;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blog-tag{border-radius:1rem;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.blog-card-author{color:#1e293b;font-weight:600}.pagination{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:3rem}.pagination-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #6366f1;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;color:#6366f1;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#6366f1;box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.pagination-button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{border-radius:.5rem;color:#1e293b;font-weight:600;padding:.75rem 1.5rem}.empty-state,.pagination-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2}.empty-state{border-radius:1.5rem;box-shadow:0 4px 20px #00000014}.empty-icon{font-size:4rem;margin-bottom:1rem}@media (max-width:768px){.blog-list-title{font-size:2rem}.blog-list-subtitle{font-size:1rem}.blog-cards-container{gap:1.5rem;grid-template-columns:1fr}.blog-card-image-wrapper{height:200px}}.blog-detail{animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000d;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:900px;padding:3rem}.blog-image{animation:fadeInImage .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 8px 24px #0000001f;height:auto;margin-bottom:2rem;max-height:500px;object-fit:cover;width:100%}.blog-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.blog-detail h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;flex:1 1;font-size:2.75rem;font-weight:800;line-height:1.2;margin:0;min-width:300px}.blog-actions{display:flex;flex-wrap:wrap;gap:.5rem}.blog-action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.edit-btn{background:#6366f11a;color:#6366f1}.edit-btn:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.share-btn{background:#10b9811a;color:#10b981}.share-btn:hover{background:#10b981;color:#fff;transform:translateY(-2px)}.blog-info{background:#6366f10d;border-radius:.75rem;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.author-info,.blog-info{align-items:center;display:flex}.author-info{color:#1e293b;font-size:.95rem;font-weight:600;gap:.75rem}.author-icon{color:#6366f1;font-size:1.125rem}.blog-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.blog-meta-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-tag{align-items:center;background:#6366f11a;border-radius:2rem;color:#6366f1;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.blog-content{background:#00000005;border-radius:1rem;color:#334155;font-size:1.125rem;line-height:1.8;margin-bottom:2rem;max-width:100%;min-width:0;padding:2rem;white-space:pre-wrap}.blog-content,.blog-content p{overflow-wrap:break-word;word-break:break-word}.blog-content p{margin-bottom:1rem}.comments-section{border-top:2px solid #0000000d;margin-top:3rem;padding-top:2rem}.comments-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.comment-card{animation:slideInLeft .4s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-left:4px solid #6366f1;border-radius:.75rem;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease}.comment-card:first-child{animation-delay:.1s}.comment-card:nth-child(2){animation-delay:.2s}.comment-card:nth-child(3){animation-delay:.3s}.comment-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(8px)}.comment-card p{color:#1e293b;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.comment-card small{color:#64748b;font-size:.875rem;font-weight:500}.no-comments{color:#64748b;font-size:1rem;font-style:italic;padding:2rem;text-align:center}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.blog-detail{padding:2rem}.blog-detail h1{font-size:2rem}.blog-image{max-height:300px}.blog-content{font-size:1rem;padding:1.5rem}.blog-info{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.blog-detail{border-radius:1rem;padding:1.5rem}.blog-detail h1{font-size:1.75rem}.blog-image{max-height:200px}.blog-content{font-size:.95rem;padding:1.25rem}.comments-section h3{font-size:1.25rem}}.comment-form{animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 12px #00000014;margin:2rem 0;max-width:100%;padding:1.5rem}.comment-text-area{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:1rem;min-height:120px;padding:1rem 1.25rem;resize:vertical;transition:all .2s ease;width:100%}.comment-text-area:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.comment-text-area::placeholder{color:#94a3b8}.submit-button{display:block;margin:0 auto;min-width:150px;padding:.75rem 1.5rem;width:auto}@media (max-width:768px){.comment-form{padding:1.25rem}.comment-text-area{font-size:.95rem;min-height:100px}.submit-button{min-width:auto;width:100%}}@media (max-width:480px){.comment-form{padding:1rem}.comment-text-area{font-size:.9rem;min-height:80px;padding:.875rem 1rem}.submit-button{font-size:.95rem;padding:.75rem 1.25rem}}.dialog-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.dialog-content{animation:slideUp var(--transition-base) ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:400px;padding:var(--spacing-2xl);width:90%}.dialog-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.dialog-message{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.dialog-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.dialog-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:.95rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.dialog-btn-cancel{background:#0000;border:2px solid #e2e8f0;color:var(--text-secondary)}.dialog-btn-cancel:hover{background:#f3f4f6;border-color:var(--text-secondary)}.dialog-btn-confirm{background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);box-shadow:var(--shadow-sm);color:var(--text-white)}.dialog-btn-confirm:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.create-blog-container{align-items:flex-start;animation:fadeIn var(--transition-base) ease-out;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.create-blog-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000d;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;max-width:800px;padding:3rem;width:100%}.create-blog-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2.5rem;text-align:center}.create-blog-card input,.create-blog-card textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;padding:1rem 1.25rem;resize:vertical;transition:all .2s ease;width:100%}.create-blog-card input:focus,.create-blog-card textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.create-blog-card input::placeholder,.create-blog-card textarea::placeholder{color:#94a3b8}.create-blog-card textarea{font-family:Inter,sans-serif;line-height:1.7;min-height:300px}.submit-button{font-size:1.125rem;margin-top:1rem;padding:1rem 2rem;width:100%}.submit-button:active{transform:translateY(0)}.submit-button:disabled{transform:none}.error-message{animation:shake .5s ease}.success-message{animation:fadeIn var(--transition-fast) ease-out;border-left:4px solid #10b981;border-radius:.5rem;color:#10b981;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.create-blog-container{padding:1.5rem}.create-blog-card{padding:2rem}.create-blog-card h2{font-size:1.75rem}}@media (max-width:480px){.create-blog-container{padding:1rem}.create-blog-card{border-radius:1rem;padding:1.5rem}.create-blog-card h2{font-size:1.5rem}.create-blog-card textarea{min-height:250px}}.uploader__container{width:-webkit-fit-content;width:fit-content}.uploader__placeholder{background:#f5f5f5;min-height:100px;min-width:100px;overflow:hidden;position:relative}.uploader__btn_wrapper{align-items:center;display:flex;justify-content:center;padding:0;position:absolute;right:0;top:4px;z-index:1}.uploader__btn{background:#0000;border:none;cursor:pointer}.uploader__file_input_label{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.uploader__file_input_label:hover{cursor:pointer}input.uploader__file_input{bottom:0;height:.1px;left:0;opacity:0;position:absolute;right:0;top:0;width:.1px;z-index:-1}img.uploader__file{display:block;height:100%;object-fit:cover;position:absolute;width:100%}.edit-post-container{align-items:flex-start;animation:fadeIn var(--transition-base) ease-out;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:2rem}.edit-post-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000d;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;max-width:800px;padding:3rem;width:100%}.edit-post-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2.5rem;text-align:center}.input-group{margin-bottom:1.5rem;position:relative}.input-group input,.input-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-family:Inter,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.input-group textarea{line-height:1.7;min-height:300px;resize:vertical}.char-count{background:#fffffff2;border-radius:.375rem;bottom:.75rem;color:#94a3b8;font-size:.8rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#0000;border:2px solid #6366f1;border-radius:.75rem;color:#6366f1;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.loading-spinner-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.loading-spinner{border-top-color:#6366f1;height:50px;width:50px}.error-message{border-left:4px solid #ef4444;border-radius:.5rem;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.edit-post-container{padding:1.5rem}.edit-post-card{padding:2rem}.edit-post-card h2{font-size:1.75rem}}@media (max-width:480px){.edit-post-container{padding:1rem}.edit-post-card{border-radius:1rem;padding:1.5rem}.edit-post-card h2{font-size:1.5rem}.form-actions{flex-direction:column}}.blog-list{animation:fadeIn var(--transition-base) ease-out;padding:0}.blog-list-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:3rem;text-align:center}.blog-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-card{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.blog-card:first-child{animation-delay:.05s}.blog-card:nth-child(2){animation-delay:.1s}.blog-card:nth-child(3){animation-delay:.15s}.blog-card:nth-child(4){animation-delay:.2s}.blog-card:hover{border-color:#6366f1;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.blog-card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:220px;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .blog-card-image{transform:scale(1.1)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.blog-card-title{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.blog-card-title a{color:#1e293b;text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:#6366f1}.blog-card-excerpt{color:#64748b;flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.blog-card-footer{border-top:1px solid #0000000d;gap:.75rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.blog-card-footer,.blog-card-meta{align-items:center;display:flex;flex-wrap:wrap}.blog-card-meta{color:#64748b;font-size:.875rem;gap:1rem}.blog-card-date,.blog-card-reading-time{align-items:center;display:flex;gap:.25rem}.blog-card-actions{flex-wrap:wrap}.blog-action-link,.blog-card-actions{align-items:center;display:flex;gap:.5rem}.blog-action-link{border:none;border-radius:.5rem;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.blog-action-link.edit{background:#6366f11a;color:#6366f1}.blog-action-link.edit:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.blog-action-link.delete{background:#ef44441a;color:#ef4444}.blog-action-link.delete:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.blog-card-read-more{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2rem;box-shadow:0 2px 8px #6366f14d;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.blog-card-read-more:hover{box-shadow:0 4px 12px #6366f166;transform:translateX(4px)}.error-message,.loading-message,.no-blogs-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;color:#64748b;font-size:1.125rem;padding:3rem 2rem;text-align:center}.error-message{color:#ef4444}.no-posts{margin-top:3rem}.empty-state{padding:4rem 2rem;text-align:center}.empty-state h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.empty-state p{color:#64748b;font-size:1.125rem;margin-bottom:2rem}.empty-state-cta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2rem;box-shadow:0 4px 12px #6366f14d;color:#fff;display:inline-block;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .2s ease}.empty-state-cta:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-list-title{font-size:2rem}.blog-cards-container{gap:1.5rem;grid-template-columns:1fr}.blog-card-image{height:200px}}@media (max-width:480px){.blog-list-title{font-size:1.75rem}.blog-card-content{padding:1.25rem}.blog-card-title{font-size:1.25rem}.blog-card-footer{align-items:flex-start;flex-direction:column}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #0000000d;box-shadow:0 2px 20px #00000014;gap:1.5rem;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header,.logo{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.5rem;font-weight:800;gap:.5rem;text-decoration:none;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.75rem}.logo-text{letter-spacing:-.5px}.header-search{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #e2e8f0;border-radius:2rem;box-shadow:0 2px 4px #0000000d;display:flex;flex:1 1;max-width:500px;padding:.625rem 1.25rem;position:relative;transition:all .2s ease}.header-search.focused{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 4px 12px #0000001a}.header-search .search-icon{color:#94a3b8;flex-shrink:0;font-size:.9rem;margin-right:.75rem}.header-search .search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:.95rem;outline:none}.header-search .search-input::placeholder{color:#94a3b8}.header-search .search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:20px;justify-content:center;margin-left:.5rem;padding:0;transition:all .2s ease;width:20px}.header-search .search-clear:hover{background:#0000000d;color:#1e293b}.main-nav{flex-shrink:0;gap:2rem}.main-nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:.5rem;color:#64748b;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#6366f10d;color:#6366f1}.nav-link.active{background:#6366f11a;color:#6366f1;font-weight:600}.header-actions{flex-shrink:0;gap:1rem}.auth-buttons,.header-actions{align-items:center;display:flex}.auth-buttons{gap:.75rem}.auth-link{border-radius:.5rem;color:#64748b;font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.auth-link:hover{background:#6366f10d;color:#6366f1}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff!important}.primary-btn:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.user-menu{align-items:center;display:flex;gap:.75rem;position:relative}.user-avatar{border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:all .2s ease;width:40px}.user-avatar:hover{border-color:#6366f1;transform:scale(1.05)}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-dropdown{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#1e293b;font-size:.9rem;font-weight:600}.logout-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#ef4444;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}.logout-btn:hover{background:#ef44441a}.content{margin-top:0}@media (max-width:1024px){.header-search{max-width:300px}}@media (max-width:768px){.header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.logo{font-size:1.25rem}.header-search{margin-top:.5rem;max-width:100%;order:3;width:100%}.main-nav{gap:1rem;order:2}.auth-link,.nav-link{font-size:.85rem;padding:.4rem .75rem}.user-name{display:none}}@media (max-width:480px){.main-nav{gap:.5rem}.nav-link{font-size:.8rem;padding:.35rem .6rem}.logo-text{display:none}.header-search{padding:.5rem 1rem}}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.error-boundary-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;padding:2rem;text-align:center}.error-boundary-content h2{color:#e74c3c;margin-bottom:1rem}.error-boundary-content p{color:#666;margin-bottom:2rem}.error-details{background:#f5f5f5;border-radius:4px;font-size:.875rem;margin:1rem 0;padding:1rem;text-align:left}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-details pre{word-wrap:break-word;color:#e74c3c;white-space:pre-wrap}.reload-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background .3s}.reload-button:hover{background:#2980b9}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top:4px solid var(--primary);display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.error-message{background:#ef44441a;border-left:4px solid var(--error);color:var(--error)}.error-message,.success-message{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.success-message{background:#10b9811a;border-left:4px solid var(--success);color:var(--success)}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;transition:all var(--transition-base);width:100%}@media (max-width:768px){.content{padding:1rem}}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#f59e0b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#fff;--bg-card-dark:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--text-white:#fff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f4ff,#e0e7ff 50%,#f3e8ff);background-attachment:fixed;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-dark)}::selection{background:#6366f1;background:var(--primary);color:#fff;color:var(--text-white)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}
/*# sourceMappingURL=main.42a69390.css.map*/