html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.6;overflow-x:hidden}.app{position:relative;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:40px;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--accent);border-radius:2px}.btn{display:inline-block;padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;text-align:center}.btn:hover{background-color:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-accent{background-color:var(--accent);color:var(--dark)}.btn-accent:hover{background-color:#e59100}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90}@media (max-width: 768px){section{padding:80px 0}.section-title{font-size:2rem;margin-bottom:30px}}.blog-page{padding:4rem 0;background-color:var(--primary);color:var(--light)}.blog-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent);margin-top:30px}.blog-subtitle{font-size:1.2rem;margin-bottom:3rem;color:var(--gray)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.blog-card{background:var(--secondary);border-radius:8px;overflow:hidden;transition:var(--transition)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.blog-card-image{height:200px;overflow:hidden}.blog-card-content{padding:1.5rem}.blog-card-title{font-size:1.3rem;margin-bottom:.5rem}.blog-card-title a{color:var(--light);text-decoration:none}.blog-card-title a:hover{color:var(--accent)}.blog-card-excerpt{color:var(--gray);margin-bottom:1rem}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.blog-card-date{color:var(--gray)}.blog-card-read-more{color:var(--accent);text-decoration:none;font-weight:700}.blog-card-read-more:hover{text-decoration:underline}.blog-card-image{height:200px;overflow:hidden;background:var(--secondary)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-post{padding:4rem 0;background-color:var(--primary);color:var(--light)}.blog-post-header{margin-bottom:3rem}.blog-post-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent)}.blog-post-meta{display:flex;gap:1rem;margin-bottom:2rem;color:var(--gray);font-size:.9rem}.blog-post-featured-image{margin-bottom:2rem;max-height:500px;overflow:hidden;border-radius:8px}.blog-post-featured-image img{width:100%;height:100%;object-fit:cover}.blog-post-content{line-height:1.8;font-size:1.1rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{margin:2rem 0 1rem;color:var(--accent)}.blog-post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--secondary)}.blog-post-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-post-tag{background:var(--secondary);color:var(--light);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.post-gallery{margin:3rem 0}.gallery-title{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item{cursor:pointer;transition:var(--transition);border-radius:8px;overflow:hidden;aspect-ratio:1}.gallery-item:hover{transform:scale(1.02);box-shadow:0 5px 15px #fca3114d}.gallery-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.gallery-image:hover{opacity:.9}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.not-found h1{color:var(--accent);font-size:2.5rem;margin-bottom:1rem}.home-link{margin-top:2rem;padding:.8rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:5px;transition:var(--transition)}.home-link:hover{background:#e69500}:root{--primary: #1a1a2e;--secondary: #16213e;--accent: #fca311;--light: #f8f9fa;--dark: #0f0f1b;--gray: #6c757d;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--secondary);color:var(--light);line-height:1.6}a{text-decoration:none;color:inherit}button{cursor:pointer;transition:var(--transition)}.btn{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;border:none}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--secondary);padding:1rem}.login-card{width:100%;max-width:400px;background-color:var(--primary);border-radius:8px;padding:2rem;box-shadow:0 4px 20px #00000026}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--accent);margin-bottom:.5rem}.login-header p{color:var(--gray)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--light);font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;background-color:var(--dark);border:1px solid var(--gray);border-radius:4px;color:var(--light);font-size:1rem;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #fca31133}.login-button{width:100%;padding:.75rem;background-color:var(--accent);color:var(--primary);border:none;border-radius:4px;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:.5rem}.login-button:hover{background-color:#e69500}.login-button:disabled{background-color:var(--gray);cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center;color:var(--gray)}.login-footer a{color:var(--accent);text-decoration:none;transition:var(--transition)}.login-footer a:hover{text-decoration:underline}.forgot-password{display:block;margin-top:.5rem;font-size:.9rem}.user-sidebar{width:280px;background-color:var(--primary);padding:1.5rem 0;box-shadow:2px 0 10px #0000001a;position:sticky;top:0;height:100vh;overflow-y:auto}.user-profile{padding:0 1.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--gray);margin-bottom:1.5rem}.avatar{width:80px;height:80px;border-radius:50%;background-color:var(--dark);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--accent);font-size:2rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.sidebar-nav a{display:flex;align-items:center;padding:.75rem 1rem;color:var(--light);border-radius:4px;transition:var(--transition)}.sidebar-nav a:hover{background-color:var(--dark);color:var(--accent)}.sidebar-nav a.active{background-color:var(--dark);color:var(--accent);border-left:3px solid var(--accent)}.sidebar-nav svg{margin-right:.75rem;width:20px;height:20px}.logout-button{padding:7px 15px;margin-top:10px;color:#fff;background-color:brown;font-weight:900;border:none;border-radius:5px;font-size:15px}@media (max-width: 768px){.user-sidebar{width:100%;height:auto;position:relative}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-nav a{padding:.5rem}}.user-layout{display:flex;min-height:100vh}.user-content{flex:1;padding:2rem;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray)}.page-header h1{color:var(--accent);margin:0;font-size:2rem}@media (max-width: 768px){.user-layout{flex-direction:column}.user-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--primary);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.stat-card h3{color:var(--gray);font-size:1rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:600;color:var(--accent)}.activity-section{background-color:var(--primary);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.activity-item{padding:1rem 0;border-bottom:1px solid var(--gray)}.activity-item:last-child{border-bottom:none}.activity-item small{color:var(--gray);font-size:.85rem}@media (max-width: 576px){.stats-grid{grid-template-columns:1fr}}.new-post-page{max-width:1200px;margin:0 auto;padding:1rem}.page-header{margin-bottom:2rem}.page-header h1{color:var(--accent);font-size:2rem}.editor-container{display:grid;grid-template-columns:1fr;gap:2rem}.editor-form{background-color:var(--primary);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--light)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group textarea{width:100%;padding:.75rem;background-color:var(--dark);border:1px solid var(--gray);border-radius:4px;color:var(--light);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #fca31133}.form-group textarea{min-height:200px;resize:vertical}.dropzone{border:2px dashed var(--gray);border-radius:4px;padding:2rem;text-align:center;cursor:pointer;transition:var(--transition);background-color:var(--dark);color:var(--light)}.dropzone.active{border-color:var(--accent);background-color:#fca3111a}.dropzone p{margin:0}.image-previews{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.image-preview{position:relative;width:100px;height:100px;border-radius:4px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:4px;right:4px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.remove-image:hover{background-color:#ff0000b3}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;border:none;cursor:pointer;transition:var(--transition)}.btn.primary{background-color:var(--accent);color:var(--primary)}.btn.primary:hover{background-color:#e69500}.btn.secondary{background-color:transparent;border:1px solid var(--gray);color:var(--light)}.btn.secondary:hover{background-color:var(--dark)}.preview-pane{background-color:var(--primary);border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.preview-content{word-wrap:break-word}.error-message{color:#ff6b6b;background-color:#ff6b6b1a;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.success-message{color:#adff2f;background-color:#6bff6b1a;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}.preview-content h1{color:var(--accent);margin-bottom:1rem}.preview-content p{line-height:1.6;margin-bottom:1.5rem;white-space:pre-wrap}.preview-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.preview-images img{width:100%;height:150px;object-fit:cover;border-radius:4px}@media (min-width: 992px){.editor-container{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.form-actions{flex-direction:column}.btn{width:100%}}.tabs{display:flex;border-bottom:1px solid var(--gray);margin-bottom:1.5rem}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--light);font-weight:500;position:relative;cursor:pointer}.tab-button.active{color:var(--accent)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--accent)}.tab-content{background-color:var(--primary);border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}.password-strength{height:4px;background-color:var(--dark);border-radius:2px;margin-top:.5rem;overflow:hidden}.strength-meter{height:100%;transition:width .3s ease}.strength-meter.weak{width:30%;background-color:#dc3545}.strength-meter.medium{width:60%;background-color:#ffc107}.strength-meter.strong{width:100%;background-color:#28a745}@media (max-width: 576px){.tabs{overflow-x:auto}.tab-button{padding:.75rem 1rem}}.blog-table{width:100%;border-collapse:collapse;background-color:var(--primary);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.blog-table th,.blog-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray)}.blog-table th{background-color:var(--dark);color:var(--accent);font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.published{background-color:#28a74533;color:#28a745}.status-badge.draft{background-color:#ffc10733;color:#ffc107}.actions-cell{display:flex;gap:.5rem}.action-btn{padding:.5rem .75rem;border-radius:4px;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem}.action-btn.edit-btn{background-color:#fca3111a;color:var(--accent);border:1px solid var(--accent)}.action-btn.delete-btn{background-color:#dc35451a;color:#dc3545;border:1px solid #dc3545}.post-files{height:3rem;margin-left:4px}@media (max-width: 768px){.blog-table{display:block;overflow-x:auto}.action-btn span{display:none}}