.topbar{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:80px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1}.search-container{position:relative;width:300px}.search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-input::placeholder{color:#9ca3af}.topbar-center{display:flex;flex:1 1;justify-content:center}.topbar-title{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.topbar-right{align-items:center;display:flex;flex:1 1;gap:20px;justify-content:flex-end}.notification-icons{align-items:center;display:flex;gap:16px}.notification-item{border-radius:8px;cursor:pointer;padding:8px;position:relative;transition:background-color .2s ease}.notification-item:hover{background-color:#f3f4f6}.notification-item i{color:#6b7280;font-size:18px}.notification-badge{background-color:#3b82f6;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:2px;text-align:center;top:2px}.notification-badge-pink{background-color:#ec4899}.language-selector{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.language-selector:hover{background-color:#f3f4f6}.flag-icon{border-radius:2px;height:15px;width:20px}.language-text{color:#374151;font-size:14px;font-weight:500}.language-arrow{color:#9ca3af;font-size:12px}.user-profile-container{position:relative}.user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .2s ease}.user-profile:hover{background-color:#f3f4f6}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:#1f2937;font-size:14px;font-weight:600;line-height:1.2}.user-role{color:#6b7280;font-size:12px;line-height:1.2}.user-arrow{color:#9ca3af;font-size:12px;transition:transform .2s ease}.user-arrow.rotated{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item i{color:#6b7280;font-size:14px;width:16px}.dropdown-item span{flex:1 1}.logout-item{border-top:1px solid #e5e7eb;color:#dc2626}.logout-item:hover{background-color:#fef2f2}.logout-item i{color:#dc2626}@media (max-width:992px){.user-info{display:none}.user-dropdown{min-width:160px}}@media (max-width:768px){.topbar{padding:0 16px}.user-dropdown{min-width:140px;right:-20px}.dropdown-item{font-size:13px;padding:10px 12px}}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:1000}.sidebar.collapsed{width:70px}.sidebar-logo{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;padding:24px 20px}.sidebar.collapsed .sidebar-logo{padding:24px 15px}.logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;margin-right:12px;transition:margin .3s ease;width:40px}.sidebar.collapsed .logo-icon{margin-right:0}.logo-text{color:#1f2937;font-size:20px;font-weight:700}.sidebar-menu{flex:1 1;padding:20px 0}.menu-header{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0 20px 12px;text-transform:uppercase}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:2px 0}.menu-link{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar.collapsed .menu-link{justify-content:center;padding:12px 15px}.menu-link:hover{background-color:#f3f4f6;color:#374151}.menu-item.active .menu-link{background-color:#f0f0ff;color:#6366f1}.menu-icon{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;margin-right:12px;transition:margin .3s ease;width:20px}.sidebar.collapsed .menu-icon{margin-right:0}.menu-text{flex:1 1;font-size:14px;font-weight:500}.menu-badge{border-radius:10px;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px}.badge-count{background-color:#dbeafe;color:#1e40af}.badge-new{background-color:#fce7f3;color:#be185d}.menu-arrow{color:#9ca3af;font-size:12px;margin-left:8px}.sidebar-categories{border-top:1px solid #e5e7eb;padding:20px 0}.categories-header{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0 20px 12px;text-transform:uppercase}.categories-list{list-style:none;margin:0;padding:0}.category-item{margin:2px 0}.category-link{color:#6b7280;display:block;font-size:14px;padding:8px 20px;text-decoration:none;transition:all .2s ease}.category-link:hover{background-color:#f3f4f6;color:#374151}.sidebar-card{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px;margin:20px;overflow:hidden;padding:16px;position:relative}.card-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236366f1' fill-opacity='.1'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E") repeat;height:40px;left:-10px;opacity:.3;position:absolute;top:-10px;width:40px}.card-content{position:relative;z-index:1}.card-content h4{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 8px}.card-arrow{color:#6366f1;font-size:12px}.sidebar-footer{border-top:1px solid #e5e7eb;padding:20px;text-align:center}.footer-text{color:#6b7280;font-size:12px;margin-bottom:4px}.footer-credit{color:#9ca3af;font-size:11px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:30px;justify-content:center;left:280px;position:fixed;top:50%;transform:translateY(-50%) translateX(-50%);transition:all .3s ease;width:30px;z-index:9999}.sidebar.collapsed .sidebar-toggle{left:70px}.sidebar-toggle:hover{background:#f3f4f6;box-shadow:0 6px 16px #0003;transform:translateY(-50%) translateX(-50%) scale(1.1)}.sidebar-toggle i{color:#6b7280;font-size:12px;pointer-events:none;transition:color .3s ease}.sidebar-toggle:hover i{color:#374151}.sidebar-toggle:before{background:#fff;border-radius:50%;bottom:-2px;box-shadow:0 0 0 1px #0000001a;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.menu-link[title]:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;content:attr(title);font-size:12px;margin-left:8px;padding:8px 12px;white-space:nowrap}.menu-link[title]:hover:after,.menu-link[title]:hover:before{left:100%;position:absolute;top:50%;transform:translateY(-50%);z-index:1002}.menu-link[title]:hover:before{border:5px solid #0000;border-right-color:#1f2937;content:"";margin-left:3px}.header{display:flex;justify-content:center}.headerTitles{align-items:center;color:#444;display:flex;flex-direction:column;font-family:Lora,serif}.headerTitleSm{font-size:20px;position:absolute;top:18%}.headerTitleLg{font-size:100px;position:absolute;top:20%}.headerImg{height:100%;object-fit:contain;width:50%}.game-account-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.game-account-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.card-link{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.card-image-container{background:linear-gradient(135deg,#1e3a8a,#3b82f6);height:200px;overflow:hidden;position:relative}.game-character-img{height:100%;object-fit:cover;object-position:center;width:100%}.character-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.game-ui-overlay{background:linear-gradient(180deg,#0000004d 0,#0000001a 30%,#0000001a 70%,#0000004d);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}.game-logo{color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px #000c}.account-id{background:#dc2626;border-radius:4px;box-shadow:0 2px 4px #0000004d;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.vip-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;border-radius:20px;bottom:16px;box-shadow:0 4px 8px #0000004d;color:#92400e;font-size:14px;font-weight:700;left:50%;padding:8px 16px;position:absolute;text-shadow:1px 1px 2px #ffffff4d;transform:translateX(-50%)}.card-info{background:#fff;padding:16px}.account-info{position:relative;z-index:1}.account-name{color:#dc2626;font-size:16px;font-weight:700}.account-name,.account-specialty{line-height:1.3;margin-bottom:8px}.account-specialty{color:#374151;font-size:14px}.rental-price{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;font-weight:600;padding:8px 12px;text-align:center}@media (max-width:768px){.card-image-container{height:160px}.game-ui-overlay{padding:12px}.account-id,.game-logo{font-size:10px}.account-id{padding:3px 6px}.vip-badge{font-size:12px;padding:6px 12px}.card-info{padding:12px}.account-name{font-size:14px}.account-specialty,.rental-price{font-size:13px}}.posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}@media (max-width:1200px){.posts-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:992px){.posts-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.posts-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:576px){.posts-grid{gap:16px;grid-template-columns:1fr}}.page-header{margin-bottom:24px}.page-title h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.page-title p{color:#6b7280;font-size:16px;margin:0}.page-toolbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:24px}.toolbar-search{flex:1 1;max-width:300px;position:relative}.toolbar-search i{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.toolbar-search input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.toolbar-search input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.toolbar-actions{align-items:center;display:flex;gap:20px}.toolbar-actions .btn{align-items:center;background-color:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;min-width:150px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.toolbar-actions .btn:hover{background-color:#4f46e5;transform:translateY(-1px)}.toolbar-actions .btn i{font-size:14px}.toolbar-actions .btn span{flex:1 1}.view-toggle{border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.view-btn{background-color:#fff;border:none;color:#6b7280;cursor:pointer;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background-color:#f3f4f6}.view-btn.active{background-color:#6366f1;color:#fff}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.filter-btn.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.posts-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px}.no-results{flex-direction:column;padding:60px 20px;text-align:center}.no-results,.no-results-icon{align-items:center;display:flex;justify-content:center}.no-results-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;height:80px;margin-bottom:24px;width:80px}.no-results-icon i{color:#9ca3af;font-size:32px}.no-results h3{color:#374151;font-size:24px;font-weight:600;margin:0 0 12px}.no-results p{color:#6b7280;font-size:16px;line-height:1.5;margin:0;max-width:400px}@media (max-width:768px){.page-toolbar{align-items:stretch;flex-direction:column;gap:16px}.toolbar-search{max-width:none}.toolbar-actions{justify-content:space-between}.filter-buttons{justify-content:center}.posts-container{padding:16px}}.main_form{align-items:center;background-color:#3c4257bf;display:flex;font-family:Josefin Sans,sans-serif;height:100vh;justify-content:center;position:absolute;top:0;width:100%}.formbg{background:#fff;border-radius:4px;box-shadow:0 7px 14px 0 #3c42571f,0 3px 6px 0 #0000001f;margin:0 auto;max-width:348px;padding:20px 30px;width:70%}.formbg-title{text-align:center}.field{display:flex;flex-direction:row;justify-content:space-between;width:100%}.field .btn-submit{background-color:#fff;border:initial;border-radius:4px;box-shadow:0 0 0 0 #0000,0 0 0 0 #0000,0 0 0 0 #0000,0 0 0 1px #3c425729,0 0 0 0 #0000,0 0 0 0 #0000,0 0 0 0 #0000;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:16px;line-height:28px;margin-top:20px;min-height:44px;outline-color:#5469d480;width:48%}.field .btn-submit:hover{background-color:#ccc;font-family:Josefin Sans,sans-serif;font-weight:600}.change-password_title{margin:10px 0}.change-password_input{border:1px solid #ccc;border-radius:5px;padding:10px;width:90%}.login{align-items:center;background:linear-gradient(#00000080,#5c5c5c80),url(https://images.unsplash.com/photo-1543892653-a8c35efe6445);background-size:cover;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:center}.loginTitle{font-size:50px}.loginForm{display:flex;flex-direction:column;margin-top:20px}.loginForm>label{margin:10px 0}.loginInput{background-color:#fff;border:none;border-radius:10px;padding:10px}.loginInput:focus{outline:none}.loginButton{background-color:#f08080;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;text-align:center}.loginButton:disabled{background-color:#f39090;cursor:not-allowed}.loginRegisterButton{background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px;position:absolute;right:20px;top:60px}.settings{display:flex}.settingsWrapper{flex:9 1;padding:20px}.settingsTitle{align-items:center;display:flex;justify-content:space-between}.settingsUpdateTitle{color:#f08080;font-size:30px;margin-bottom:20px}.settingsDeleteTitle{color:red;cursor:pointer;font-size:12px}.settingsForm{display:flex;flex-direction:column}.settingsPP{align-items:center;display:flex;margin:10px 0}.settingsPP>img{border-radius:20px;height:70px;object-fit:cover;width:70px}.settingsPPIcon{align-items:center;background-color:#f08080;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;margin-left:10px;width:25px}.settingsForm>label{font-size:20px;margin-top:20px}.settingsForm>input{border:none;border-bottom:1px solid #d3d3d3;color:gray;height:30px;margin:10px 0}.settingsSubmit{align-self:center;background-color:teal;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;width:150px}.single-post-page{background-color:#f8f9fa;flex:1 1;min-height:100vh;padding:20px}.single-post-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;overflow:hidden}.single-post-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.post-header-info h1{font-size:28px;font-weight:600;margin:0}.post-subtitle{font-size:16px;margin:8px 0 0;opacity:.9}.action-buttons,.post-header-actions{display:flex;gap:12px}.btn{gap:8px;padding:12px 20px;transition:all .3s ease}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px)}.single-post-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px}.post-image-section{display:flex;flex-direction:column;min-width:0}.main-image-container{background:#f8f9fa;border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden;position:relative}.main-image{display:block;height:400px;object-fit:cover;width:100%}.no-image-placeholder{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;flex-direction:column;font-size:18px;height:400px;justify-content:center;width:100%}.no-image-placeholder i{font-size:48px;margin-bottom:16px;opacity:.5}.image-overlay{background:linear-gradient(180deg,#0000004d 0,#0000 30%,#0000 70%,#0000004d);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:20px;position:absolute;right:0;top:0}.account-badge{align-self:flex-start}.badge-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;color:#333;font-weight:600}.account-id,.badge-text{border-radius:20px;font-size:14px;padding:8px 16px}.account-id{align-self:flex-end;background:#000000b3;color:#fff;font-weight:500}.post-details-section{min-width:0}.details-card,.post-details-section{display:flex;flex-direction:column;height:100%}.details-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 24px}.card-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.card-body{justify-content:space-between;padding:24px}.card-body,.detail-item{display:flex;flex:1 1;flex-direction:column}.detail-item{justify-content:center;margin-bottom:24px}.detail-item:last-child{margin-bottom:0}.detail-label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.detail-label i{color:#007bff;width:16px}.detail-value{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#333;display:flex;flex:1 1;font-size:16px;min-height:50px;padding:12px 16px}.price-value{color:#28a745;font-size:18px;font-weight:600}.type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.type-badge.crossFire{background:#e3f2fd;color:#1976d2}.type-badge.valorant{background:#f3e5f5;color:#7b1fa2}.type-badge.guide{background:#e8f5e8;color:#388e3c}.form-input,.form-textarea{border:2px solid #e9ecef;box-sizing:border-box;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-textarea{min-height:80px}.image-gallery-section{background:#f8f9fa;border-top:1px solid #e9ecef;padding:32px}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.gallery-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.gallery-header-right{align-items:center;display:flex;gap:16px}.gallery-count{background:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.add-images-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.add-images-btn:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.add-images-btn.primary{background:#007bff;font-size:16px;padding:12px 20px}.add-images-btn.primary:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d}.no-images-placeholder{align-items:center;background:#fff;border:2px dashed #e9ecef;border-radius:12px;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-images-placeholder i{font-size:48px;margin-bottom:16px;opacity:.5}.no-images-placeholder p{font-size:16px;margin:0 0 20px}.image-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-item{border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-4px)}.gallery-image{cursor:pointer;display:block;height:150px;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-image:hover{transform:scale(1.05)}.gallery-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.remove-image-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.remove-image-btn:hover{background:#c82333;transform:scale(1.1)}.view-image-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-image-btn:hover{background:#0056b3;transform:scale(1.1)}@media (max-width:768px){.single-post-page{padding:10px}.single-post-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.single-post-content{gap:20px;grid-template-columns:1fr;padding:20px}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center}.image-gallery{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-item img{height:120px}}@media (max-width:480px){.single-post-header h1{font-size:24px}.card-body{padding:16px}.image-gallery-section{padding:20px}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-image{height:100px}}.image-modal{align-items:center;background:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;cursor:default;max-height:90%;max-width:90%;overflow:hidden;position:relative}.modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:1001}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-image{display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}@media (max-width:768px){.modal-content{max-height:95%;max-width:95%}.modal-close{height:35px;right:10px;top:10px;width:35px}}.single{display:flex}.write-page{background-color:#f8f9fa;min-height:100vh;padding:20px}.write-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:800px;overflow:hidden}.write-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:32px;text-align:center}.write-header h1{font-size:28px;font-weight:700;margin:0 0 8px}.write-header p{font-size:16px;margin:0;opacity:.9}.write-form{padding:32px}.form-section{margin-bottom:32px}.form-label{color:#374151;font-size:16px;margin-bottom:12px}.image-upload-area{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:24px;transition:all .2s ease}.image-upload-area:hover{background-color:#f0f0ff;border-color:#6366f1}.upload-button{display:inline-flex;gap:12px;padding:24px;transition:all .2s ease}.upload-button i{color:#6366f1}.upload-button span{color:#6b7280}.image-preview-main{display:inline-block;position:relative}.image-preview-main img{border-radius:12px;max-height:200px;max-width:300px;object-fit:cover}.remove-main-image{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:32px}.remove-main-image:hover{background:#b91c1c;transform:scale(1.1)}.radio-group{gap:24px}.radio-option{border:2px solid #e5e7eb;padding:12px 16px;transition:all .2s ease}.radio-option:hover{background-color:#f0f0ff;border-color:#6366f1}.radio-custom{border:2px solid #d1d5db;transition:all .2s ease}.radio-option input[type=radio]:checked+.radio-custom{background-color:#6366f1;border-color:#6366f1}.radio-label{color:#374151;font-size:16px;font-weight:500}.input-icon{color:#9ca3af;font-size:16px;left:16px;z-index:1}.form-input,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:16px;padding:16px 16px 16px 48px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{min-height:100px}.additional-images{display:flex;flex-direction:column;gap:16px}.add-image-btn{align-items:center;align-self:flex-start;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;gap:8px;padding:12px 20px;transition:all .2s ease}.add-image-btn:hover{background-color:#f0f0ff;border-color:#6366f1;color:#6366f1}.add-image-btn i{font-size:16px}.image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-item{aspect-ratio:1;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-item img{height:100%}.remove-image{background:#dc2626e6;font-size:12px;height:24px;right:4px;top:4px;transition:all .2s ease;width:24px}.remove-image:hover{background:#dc2626}.form-actions{border-top:1px solid #e5e7eb;justify-content:center;padding-top:32px}.submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 32px;transition:all .2s ease}.submit-btn:hover{box-shadow:0 8px 15px -3px #0000001a}.submit-btn:active{transform:translateY(0)}.submit-btn i{font-size:18px}@media (max-width:768px){.write-page{padding:16px}.write-container{border-radius:12px}.write-header{padding:24px}.write-header h1{font-size:24px}.write-form{padding:24px}.radio-group{flex-direction:column;gap:12px}.image-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-input,.form-textarea{font-size:14px;padding:12px 12px 12px 40px}.input-icon{font-size:14px;left:12px}}.ads-page{background-color:#f8f9fa;min-height:100vh;padding:20px}.ads-container{margin:0 auto;max-width:1200px}.ads-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.ads-title h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.ads-title p{color:#6c757d;font-size:14px;margin:0}.ads-actions{display:flex;gap:15px}.create-btn-ads{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.create-btn-ads:hover{box-shadow:0 6px 20px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.ads-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.filter-section{margin-bottom:20px}.filter-title{color:#2c3e50;font-size:14px;margin:0 0 12px}.filter-tab{border-radius:8px}.ads-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.filter-summary{border-radius:8px;margin-bottom:25px;padding:15px 20px}.summary-info{align-items:center;display:flex}.summary-text{color:#2c3e50;font-size:14px}.clear-filters-btn{background:#6c757d;border-radius:6px;font-size:12px;font-weight:500;padding:8px 12px}.clear-filters-btn:hover{background:#5a6268}.empty-state{padding:60px 20px}.empty-state i{font-size:64px}.empty-state h3{font-size:24px}.empty-state p{font-size:16px;margin:0 0 25px}.create-first-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 15px #667eea4d;font-weight:500;gap:8px;padding:12px 24px}.create-first-btn:hover{box-shadow:0 6px 20px #667eea66;color:#fff;text-decoration:none}.ads-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ad-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .3s ease}.ad-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.ad-image{height:200px;overflow:hidden;position:relative}.ad-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.ad-card:hover .ad-image img{transform:scale(1.05)}.ad-status{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.ad-status.visible{background:#d4edda;color:#155724}.ad-status.hidden{background:#f8d7da;color:#721c24}.ad-content{padding:20px}.ad-title{color:#2c3e50;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.ad-link{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px;margin-bottom:15px}.ad-link i{color:#667eea}.ad-meta{flex-wrap:wrap;gap:15px;margin-bottom:15px}.ad-meta,.ad-position{align-items:center;display:flex}.ad-position{background:#f8f9fa;border-radius:12px;color:#6c757d;font-size:13px;gap:6px;padding:4px 8px}.ad-position i{color:#667eea}.ad-date{align-items:center;color:#6c757d;display:flex;font-size:13px;gap:6px}.ad-date i{color:#667eea}.ad-actions{display:flex;gap:8px;padding:0 20px 20px}.action-btn{border:none;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.toggle-btn{background:#e9ecef;color:#6c757d}.toggle-btn:hover{background:#667eea;color:#fff}.edit-btn{background:#d1ecf1;color:#0c5460;text-decoration:none}.edit-btn:hover{background:#17a2b8;text-decoration:none}.delete-btn{background:#f8d7da;color:#721c24}@media (max-width:768px){.ads-header{align-items:stretch;flex-direction:column;gap:20px}.ads-actions{justify-content:center}.filter-tabs{flex-wrap:wrap}.filter-summary{align-items:stretch;flex-direction:column;gap:15px}.clear-filters-btn{align-self:flex-start}.ads-grid{grid-template-columns:1fr}}.ads-form-page{background-color:#f8f9fa;min-height:100vh;padding:20px}.ads-form-container{margin:0 auto;max-width:800px}.ads-form-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.ads-form-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.ads-form-header p{color:#6c757d;font-size:14px;margin:0}.ads-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-section{margin-bottom:25px}.form-label{color:#2c3e50;font-size:14px;margin-bottom:8px}.form-help{font-size:12px;margin-top:5px}.input-icon{color:#6c757d}.form-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 15px 12px 45px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.image-upload-area{border-radius:8px;padding:20px}.upload-button{transition:color .3s ease}.upload-button i{font-size:32px}.upload-button span{font-size:16px;font-weight:500}.upload-button small{font-size:12px;opacity:.7}.image-preview{max-width:100%}.image-preview img{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:300px;max-width:100%}.remove-image{background:#dc3545;box-shadow:0 2px 8px #dc35454d;right:-10px;top:-10px}.remove-image:hover{background:#c82333}.radio-group{gap:10px}.radio-option{border-radius:8px;padding:10px;transition:background-color .3s ease}.radio-option:hover{background:#f8f9fa}.radio-custom{flex-shrink:0}.radio-label{color:#2c3e50;font-size:14px;line-height:1.4}.checkbox-group{gap:10px}.checkbox-option{border-radius:8px;padding:10px;transition:background-color .3s ease}.checkbox-option:hover{background:#f8f9fa}.checkbox-custom{flex-shrink:0}.checkbox-option input[type=checkbox]:checked+.checkbox-custom:after{content:"\f00c";font-family:Font Awesome\ 5 Free;font-weight:900}.checkbox-label{color:#2c3e50;font-size:14px;line-height:1.4}.form-actions{gap:15px;margin-top:30px;padding-top:25px}.cancel-btn,.submit-btn{border-radius:8px;font-size:14px;font-weight:500;gap:8px;padding:12px 24px}.cancel-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.loading{padding:60px 20px}.loading i{font-size:32px}@media (max-width:768px){.ads-form-page{padding:15px}.ads-form{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.blogs-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.blogs-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.blogs-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:40px}.blogs-title h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.blogs-title p{font-size:1.1rem;margin:0;opacity:.9}.blogs-actions{display:flex;gap:15px}.create-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.create-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.blogs-filters{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:30px 40px}.filter-section{margin-bottom:25px}.filter-section:last-child{margin-bottom:0}.filter-title{color:#495057;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.filter-tab{background:#fff;border:2px solid #e9ecef;border-radius:25px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-tab:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.filter-tab.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.blogs-content{padding:30px 40px}.filter-summary{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.summary-text{color:#495057;font-size:1rem;font-weight:500}.filter-indicator{color:#667eea;font-weight:600;margin-left:5px}.clear-filters-btn{align-items:center;background:#dc3545;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.clear-filters-btn:hover{background:#c82333;transform:translateY(-1px)}.empty-state{color:#6c757d;padding:80px 20px;text-align:center}.empty-state i{color:#dee2e6;font-size:4rem;margin-bottom:20px}.empty-state h3{color:#495057;font-size:1.5rem;margin:0 0 10px}.empty-state p{font-size:1.1rem;margin:0 0 30px}.create-first-btn{align-items:center;background:#667eea;border:none;border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.create-first-btn:hover{background:#5a6fd8;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.blogs-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.blog-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.blog-image{height:200px;overflow:hidden;position:relative}.blog-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-image img{transform:scale(1.05)}.no-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.blog-status{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.status-published{background:#28a745;color:#fff}.status-draft{background:#ffc107;color:#212529}.status-hidden{background:#6c757d;color:#fff}.status-unknown{background:#dc3545;color:#fff}.blog-content{padding:25px}.blog-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 15px;overflow:hidden}.blog-excerpt{color:#6c757d;font-size:.95rem;line-height:1.6;margin-bottom:20px}.blog-meta{display:flex;flex-wrap:wrap;font-size:.9rem;gap:15px;margin-bottom:15px}.blog-meta span{align-items:center;display:flex;gap:6px}.blog-meta i{color:#667eea;width:14px}.blog-category{align-items:center;background:#667eea;background:var(--category-color,#667eea);border-radius:15px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 12px}.blog-category i{color:#fff!important;width:auto!important}.blog-stats{display:flex;gap:15px;margin-bottom:20px}.stat{align-items:center;background:#f8f9fa;border-radius:15px;color:#6c757d;display:flex;font-size:.85rem;gap:6px;padding:6px 12px}.stat i{color:#667eea}.blog-actions{gap:10px;justify-content:flex-start;padding:0 25px 25px}.action-btn,.blog-actions{align-items:center;display:flex}.action-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;box-sizing:border-box;color:#6c757d;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;text-decoration:none;transition:all .3s ease;width:40px}.action-btn:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.status-btn:hover{background:#28a745;border-color:#28a745;color:#fff}.visibility-btn:hover{background:#ffc107;border-color:#ffc107;color:#212529}.edit-btn:hover{background:#007bff;border-color:#007bff;color:#fff}.delete-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}@media (max-width:768px){.blogs-page{padding:10px}.blogs-header{flex-direction:column;padding:30px 20px;text-align:center}.blogs-title h1{font-size:2rem}.blogs-content,.blogs-filters{padding:20px}.blogs-grid{gap:20px;grid-template-columns:1fr}.filter-summary{flex-direction:column;gap:15px;text-align:center}.blog-actions{justify-content:center}}@media (max-width:480px){.blogs-title h1{font-size:1.5rem}.filter-tabs{justify-content:center}.filter-tab{font-size:.8rem;padding:8px 16px}.blog-content{padding:20px}.blog-actions{padding:0 20px 20px}}.blog-form-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.blog-form-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden}.blog-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.blog-form-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.blog-form-header p{font-size:1.1rem;margin:0;opacity:.9}.blog-form{padding:40px}.form-section{margin-bottom:35px}.form-section:last-child{margin-bottom:0}.form-label{color:#495057;display:block;font-size:1rem;font-weight:600;margin-bottom:10px}.form-help{color:#6c757d;display:block;font-size:.85rem;font-style:italic;margin-top:8px}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#667eea;font-size:1rem;left:15px;position:absolute;z-index:2}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:15px;color:#495057;font-size:1rem;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.form-editor{background:#fff;border:2px solid #e9ecef;border-radius:15px;min-height:300px;padding:15px 15px 15px 45px;width:100%}.form-editor .ce-block__content,.form-editor .ce-toolbar__content{max-width:100%}.image-upload-area{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.image-upload-area:hover{background:#f0f2ff;border-color:#667eea}.upload-button{align-items:center;color:#6c757d;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.upload-button:hover{color:#667eea}.upload-button i{font-size:2rem}.upload-button span{font-size:1.1rem;font-weight:600}.upload-button small{font-size:.9rem;opacity:.8}.image-preview{border-radius:15px;box-shadow:0 10px 30px #0000001a;display:inline-block;overflow:hidden;position:relative}.image-preview img{display:block;max-height:200px;max-width:300px;object-fit:cover}.remove-image{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:30px}.remove-image:hover{background:#dc3545;transform:scale(1.1)}.file-upload-area{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:15px;margin-bottom:20px;padding:20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#f0f2ff;border-color:#667eea}.existing-images,.images-preview{margin-top:20px}.existing-images h4,.images-preview h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 15px}.images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-item{border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;position:relative}.image-item img{display:block;height:80px;object-fit:cover;width:100%}.image-item .remove-image{font-size:.8rem;height:25px;position:absolute;right:5px;top:5px;width:25px}.existing-videos,.videos-preview{margin-top:20px}.existing-videos h4,.videos-preview h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 15px}.videos-list{display:flex;flex-direction:column;gap:10px}.video-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:12px 15px}.video-item i{color:#667eea;font-size:1.2rem}.video-item span{color:#495057;flex:1 1;font-size:.9rem;font-weight:500}.remove-video{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:25px;justify-content:center;transition:all .3s ease;width:25px}.remove-video:hover{background:#c82333;transform:scale(1.1)}.category-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .3s ease}.category-option:hover{background:#667eea0d;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.category-option.selected,.category-option:hover{border-color:#667eea;border-color:var(--category-color,#667eea)}.category-option.selected{background:#667eea1a;box-shadow:0 0 0 3px #667eea1a}.category-option input[type=radio]{display:none}.category-content{align-items:center;display:flex;gap:15px;width:100%}.category-icon{align-items:center;background:#667eea;background:var(--category-color,#667eea);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.category-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.category-name{color:#495057;font-size:1.1rem;font-weight:600}.category-description{color:#6c757d;font-size:.9rem;line-height:1.4}.radio-group{display:flex;flex-direction:column;gap:15px}.radio-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s ease}.radio-option:hover{background:#f0f2ff;border-color:#667eea}.radio-option input[type=radio]{display:none}.radio-custom{border:2px solid #e9ecef;border-radius:50%;height:20px;position:relative;transition:all .3s ease;width:20px}.radio-option input[type=radio]:checked+.radio-custom{background:#667eea;border-color:#667eea}.radio-option input[type=radio]:checked+.radio-custom:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-option input[type=radio]:checked~.radio-label{color:#667eea;font-weight:600}.radio-label{color:#495057;font-size:1rem;transition:all .3s ease}.checkbox-group{display:flex;flex-direction:column;gap:15px}.checkbox-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:15px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s ease}.checkbox-option:hover{background:#f0f2ff;border-color:#667eea}.checkbox-option input[type=checkbox]{display:none}.checkbox-custom{border:2px solid #e9ecef;border-radius:4px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-option input[type=checkbox]:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.checkbox-option input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-option input[type=checkbox]:checked~.checkbox-label{color:#667eea;font-weight:600}.checkbox-label{color:#495057;font-size:1rem;transition:all .3s ease}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:20px;justify-content:flex-end;margin-top:40px;padding-top:30px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:150px;padding:15px 30px;transition:all .3s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.submit-btn{background:#667eea;color:#fff}.submit-btn:hover{background:#5a6fd8;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading i{color:#667eea;font-size:2rem;margin-bottom:15px}.loading span{font-size:1.1rem;font-weight:500}@media (max-width:768px){.blog-form-page{padding:10px}.blog-form-header{padding:30px 20px}.blog-form-header h1{font-size:2rem}.blog-form{padding:30px 20px}.form-actions{flex-direction:column;gap:15px}.cancel-btn,.submit-btn{width:100%}.images-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item img{height:60px}}@media (max-width:480px){.blog-form-header h1{font-size:1.5rem}.blog-form{padding:20px 15px}.form-input,.form-select,.form-textarea{padding:12px 12px 12px 40px}.input-icon{left:12px}.checkbox-option,.radio-option{padding:12px}.file-upload-area,.image-upload-area{padding:20px 15px}.upload-button i{font-size:1.5rem}.upload-button span{font-size:1rem}.category-options{grid-template-columns:1fr}.category-option{padding:15px}.category-icon{font-size:1rem;height:40px;width:40px}.category-name{font-size:1rem}.category-description{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;min-height:100vh}.app-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;transition:margin-left .3s ease}.app-content.sidebar-collapsed{margin-left:70px}.main-content{background-color:#f8f9fa;flex:1 1;min-height:calc(100vh - 80px);overflow-y:auto;padding:20px}.link,.link:hover{color:inherit;text-decoration:none}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover{background-color:#4f46e5;transform:translateY(-1px)}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.badge-primary{background-color:#dbeafe;color:#1e40af}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#dc2626}.grid{grid-gap:20px;display:grid;gap:20px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1200px){.grid-cols-5{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:992px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:576px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(1,minmax(0,1fr))}}
/*# sourceMappingURL=main.bd976e61.css.map*/