.single{display:flex}@media(max-width:768px){.single{flex-direction:column}}body{font-family:Roboto,sans-serif}.sidebar{flex:3;height:fit-content;margin:20px;padding-bottom:30px;background-color:#fefefe;border-radius:10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000001a}.sidebarItem{display:flex;flex-direction:column;align-items:center}.sidebarVideo{width:80%;margin:10px auto;display:block}.sidebarItem>video{margin-top:15px;width:250px;height:250px}.sidebarItem>p{margin-top:10px;padding:10px;font-size:18px;line-height:1.3;text-align:center}.sidebarTitle{margin:10px 0;padding:5px;width:80%;border-top:1px solid #a7a4a4;border-bottom:1px solid #a7a4a4;font-family:Merriweather,serif;font-size:24px;color:#eb0bba;font-weight:700;line-height:1.1;text-align:center}.sidebarList{list-style:none;margin-bottom:30px;width:100%}.sidebarListItem{display:block;width:100%;margin-top:5px;font-size:16px;cursor:pointer;padding:8px 0;border-radius:5px;transition:all .3s ease}.sidebarListItem:hover{background-color:#f5f5f5;transform:translate(5px)}.sidebarListItem.active{background-color:#eb0bba;color:#fff;font-weight:700}.sidebarListItem.active:hover{background-color:#d309a5;transform:translate(0)}.sidebar-link{text-decoration:none;color:inherit;display:block;padding:5px 15px;width:100%;box-sizing:border-box}.sidebar-link:hover{color:#eb0bba;text-decoration:none}.sidebarListItem.active .sidebar-link,.sidebarListItem.active .sidebar-link:hover{color:#fff}.sidebarSocial{margin-top:25px;width:25px;display:flex;align-items:center;justify-content:center}.sidebarIcon{font-size:36px;margin-left:10px;cursor:pointer}.sidebarIcon:hover{color:#eb0bba;transform:scale(1.2);transition:transform .2s ease-in-out}.subcategory-list{list-style:none;margin:0;padding:0;width:100%}.sidebarListItem.subcategory{margin-left:20px;margin-top:2px;font-size:14px;border-left:2px solid #eb0bba;padding:5px 0}.sidebarListItem.subcategory .sidebar-link{padding:3px 10px;position:relative}.sidebarListItem.subcategory .sidebar-link:before{content:"└ ";color:#eb0bba;font-weight:700}.sidebarListItem.subcategory:hover{background-color:#f9f9f9;transform:translate(3px)}.sidebarListItem.subcategory.active{background-color:#eb0bba;color:#fff}.sidebarListItem.subcategory.active .sidebar-link:before{color:#fff}.category-post-count{color:#666;font-size:12px;margin-left:5px;font-weight:400}.sidebarListItem.active .category-post-count{color:#fffc}.sidebarListItem.subcategory .category-post-count{font-size:11px}@media(max-width:768px){.sidebar{flex:1;margin:10px;padding:15px}.sidebarTitle{font-size:28px}.sidebarListItem{font-size:18px}.sidebarListItem.subcategory{font-size:16px;margin-left:15px}.sidebarIcon{font-size:28px}}.welcome{align-items:center;position:relative}.video-container{display:flex;justify-content:center;align-items:center;padding:0;background-color:transparent;width:100%;height:auto;margin:0;position:relative}.audio-button-overlay{position:absolute;top:10px;right:10px;z-index:10}.sound-toggle-overlay{position:absolute;top:10px;left:10px;z-index:10}.play-audio-button,.sound-toggle-button{background:#000000b3;color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.play-audio-button:hover,.sound-toggle-button:hover{background:#000000e6;transform:scale(1.05)}.sound-toggle-button{width:35px;height:35px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px}.manual-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;opacity:.8;transition:opacity .3s ease}.manual-play-overlay:hover{opacity:1}.manual-play-button{background:#ffffffe6;color:#333;border:2px solid rgba(255,255,255,.8);width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.manual-play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.video-element{width:100%;height:auto;border:none;outline:none;cursor:pointer}.video-element.manual-play-ready{filter:brightness(.7);transition:filter .3s ease}.video-element.manual-play-ready:hover{filter:brightness(.9)}.like-button-container{display:flex;align-items:center;gap:10px;margin:15px 0}.like-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #e1e8ed;border-radius:20px;background:#fff;color:#657786;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.like-button:hover:not(:disabled){border-color:#e0245e;color:#e0245e;background:#fdf2f8}.like-button.liked{border-color:#e0245e;color:#e0245e;background:#fdf2f8}.like-button:disabled{opacity:.6;cursor:not-allowed}.like-button.loading{opacity:.7;cursor:wait}.like-icon{font-size:16px}.like-count{color:#657786;font-size:14px;font-weight:500}.comments-section{margin-top:40px;padding-top:30px;border-top:1px solid #e1e8ed}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comments-header h3{margin:0;color:#14171a;font-size:20px;font-weight:700}.add-comment-button{padding:8px 16px;border:1px solid #1da1f2;border-radius:20px;background:#fff;color:#1da1f2;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-comment-button:hover{background:#1da1f2;color:#fff}.comments-loading,.comments-error,.no-comments{text-align:center;padding:40px 20px;color:#657786}.comments-error p{margin-bottom:15px}.retry-button{padding:8px 16px;border:1px solid #1da1f2;border-radius:20px;background:#fff;color:#1da1f2;cursor:pointer}.retry-button:hover{background:#1da1f2;color:#fff}.comment-form{border:1px solid #e1e8ed;border-radius:16px;padding:16px;background:#f7f9fa;margin-bottom:20px}.comment-form-placeholder{text-align:center;padding:20px;color:#657786;font-style:italic}.comment-form-header{margin-bottom:12px}.commenting-as{color:#657786;font-size:14px}.comment-textarea{width:100%;border:1px solid #e1e8ed;border-radius:8px;padding:12px;font-size:16px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s ease}.comment-textarea:focus{border-color:#1da1f2}.comment-textarea:disabled{background:#f7f9fa;opacity:.7}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.character-count{color:#657786;font-size:12px}.form-buttons{display:flex;gap:8px}.cancel-button,.submit-button{padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{border:1px solid #657786;background:#fff;color:#657786}.cancel-button:hover{background:#657786;color:#fff}.submit-button{border:1px solid #1da1f2;background:#1da1f2;color:#fff}.submit-button:hover:not(:disabled){background:#1991db;border-color:#1991db}.submit-button:disabled{opacity:.6;cursor:not-allowed}.comment-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.comment-item:last-child{border-bottom:none}.comment-reply{margin-left:40px;border-left:2px solid #e1e8ed;padding-left:20px}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.comment-author{display:flex;align-items:center;gap:8px}.comment-author strong{color:#14171a;font-size:15px}.comment-date{color:#657786;font-size:13px}.comment-edited{color:#657786;font-size:12px;font-style:italic}.comment-actions{display:flex;gap:4px}.comment-action-btn{padding:4px 8px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:14px;opacity:.7;transition:all .2s ease}.comment-action-btn:hover{opacity:1;background:#f7f9fa}.comment-content{margin-bottom:12px}.comment-text{color:#14171a;font-size:15px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.comment-edit-form{margin:8px 0}.comment-edit-form textarea{width:100%;border:1px solid #e1e8ed;border-radius:8px;padding:8px 12px;font-size:15px;font-family:inherit;resize:vertical;outline:none}.comment-edit-form textarea:focus{border-color:#1da1f2}.comment-edit-actions{display:flex;gap:8px;margin-top:8px}.save-button{padding:6px 16px;border:1px solid #1da1f2;border-radius:16px;background:#1da1f2;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.save-button:hover:not(:disabled){background:#1991db;border-color:#1991db}.save-button:disabled{opacity:.6;cursor:not-allowed}.comment-footer{display:flex;align-items:center;gap:16px}.reply-button{background:none;border:none;color:#657786;font-size:13px;cursor:pointer;padding:4px 0;transition:color .2s ease}.reply-button:hover{color:#1da1f2}.comment-reply-form,.comment-replies{margin-top:12px}.new-comment-form{margin-bottom:20px}.share-button-container{position:relative;display:inline-block;margin:15px 0}.share-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid #e1e8ed;border-radius:20px;background:#fff;color:#657786;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.share-button:hover{border-color:#1da1f2;color:#1da1f2;background:#f0f8ff}.share-icon{font-size:16px}.share-dropdown{position:absolute;top:100%;left:0;margin-top:8px;z-index:1000}.share-dropdown-content{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:180px}.share-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:#fff;color:#14171a;font-size:15px;cursor:pointer;border-radius:8px;transition:all .2s ease}.share-option:hover{background:#f7f9fa}.share-option.facebook:hover{background:#e7f3ff;color:#1877f2}.share-option.twitter:hover{background:#e1f5fe;color:#1da1f2}.share-option.linkedin:hover{background:#e3f2fd;color:#0077b5}.share-option.whatsapp:hover{background:#e8f5e8;color:#25d366}.share-option.copy:hover{background:#f3e5f5;color:#9c27b0}.share-option-icon{font-size:18px;width:20px;text-align:center}.share-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.social-actions{display:flex;align-items:center;gap:20px;margin:20px 0;padding:15px 0;border-top:1px solid #e1e8ed;border-bottom:1px solid #e1e8ed}@media(max-width:768px){.share-dropdown-content{right:0;left:auto;min-width:160px}.share-option{padding:10px 12px;font-size:14px}.social-actions{flex-direction:column;align-items:stretch;gap:10px}.comment-reply{margin-left:20px;padding-left:12px}.comment-header{flex-direction:column;align-items:flex-start;gap:8px}.comment-actions{align-self:flex-end}.comments-header{flex-direction:column;align-items:stretch;gap:12px}.like-button-container{flex-direction:column;align-items:flex-start;gap:8px}}.singlePost{flex:9}.singlePostWrapper{padding:20px 0 20px 20px}.singlePostImg{width:100%;height:300px;border-radius:10PX;object-fit:cover}.singlePostTitle{text-align:center;margin:10px;font-family:Kanit,sans-serif;font-size:27px}.singlePostEdit{float:right;font-size:18px}.SinglePostIcon{margin-left:10Px;cursor:pointer}.SinglePostIcon:first-child{color:teal}.SinglePostIcon:last-child{color:tomato}.singlePostInfo{margin-top:20px;display:flex;justify-content:space-between;font-size:18px;color:#b39656;font-family:Roboto,system-ui}.singlePostAuthor{margin-left:5px}.singlePostDesc{color:#666;font-size:18px;line-height:27px}.singlePostDesc:first-letter{margin-left:20px;font-size:30px;font-weight:600}.loading,.error{text-align:center;padding:40px 20px;font-family:Poppins,sans-serif}.retry-btn{background-color:#be9656;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;transition:background-color .3s ease}.retry-btn:hover{background-color:#a0824a}.singlePostTags{margin:20px 0;font-family:Roboto,sans-serif}.singlePostTag{display:inline-block;background-color:#be9656;color:#fff;padding:4px 8px;border-radius:4px;margin-right:8px;font-size:14px}.singlePostDescription{margin:20px 0;font-family:Roboto,sans-serif;font-size:16px;color:#666;border-left:4px solid #be9656;padding-left:16px}.singlePostContent{color:#666;font-size:18px;line-height:27px;margin-top:30px;font-family:Roboto,sans-serif}.singlePostContent:first-letter{margin-left:20px;font-size:30px;font-weight:600}.singlePostContent h1,.singlePostContent h2,.singlePostContent h3{color:#333;margin-top:30px;margin-bottom:15px;font-family:Kanit,sans-serif}.singlePostContent p{margin-bottom:15px}.singlePostContent code{background-color:#f4f4f4;padding:2px 4px;border-radius:3px;font-family:monospace}.singlePostContent pre{background-color:#f4f4f4;padding:15px;border-radius:5px;overflow-x:auto;margin:20px 0}.singlePostContent blockquote{border-left:4px solid #be9656;padding-left:16px;margin:20px 0;font-style:italic;color:#555}.singlePostStats{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-family:Poppins,sans-serif;font-size:14px;color:#666}.singlePostStats span{display:flex;align-items:center;gap:5px}@media(max-width:768px){.singlePost{flex:1}.singlePostWrapper{padding:15px}.singlePostTitle{font-size:22px;margin:15px 5px}.singlePostInfo{flex-direction:column;gap:10px;font-size:16px}.singlePostDesc,.singlePostContent{font-size:16px;line-height:24px}.singlePostStats{flex-direction:column;gap:10px;text-align:center}}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-container{background:#fff;border-radius:15px;width:100%;max-width:700px;max-height:calc(100vh - 120px);overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.search-header{background:linear-gradient(135deg,#eb0bba,#d309a5);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.search-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.search-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-close:hover{background:#ffffff4d;transform:scale(1.1)}.search-form{padding:25px;border-bottom:1px solid #eee}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:15px 60px 15px 20px;border:2px solid #ddd;border-radius:50px;font-size:1.1rem;outline:none;transition:all .3s ease;background:#f8f9fa}.search-input:focus{border-color:#eb0bba;background:#fff;box-shadow:0 0 0 3px #eb0bba1a}.search-submit{position:absolute;right:5px;background:linear-gradient(135deg,#eb0bba,#d309a5);border:none;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-submit:hover{background:linear-gradient(135deg,#d309a5,#b8088a);transform:scale(1.05)}.search-results{max-height:400px;overflow-y:auto;padding:0}.search-loading{display:flex;flex-direction:column;align-items:center;padding:40px;color:#666}.loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #eb0bba;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.search-error{text-align:center;padding:40px;color:#666}.search-error i{font-size:3rem;color:#ff6b6b;margin-bottom:20px}.search-error h3{margin:0 0 10px;color:#ff6b6b}.search-error p{margin:0;color:#666}.search-no-results{text-align:center;padding:40px;color:#666}.search-no-results i{font-size:3rem;color:#ddd;margin-bottom:20px}.search-no-results h3{margin:0 0 10px;color:#333}.search-no-results p{margin:0;color:#666}.search-results-list{padding:20px 0}.search-results-list h3{margin:0 0 20px;padding:0 25px;color:#333;font-size:1.1rem;font-weight:600}.search-result-item{display:flex;align-items:center;padding:20px 25px;text-decoration:none;color:inherit;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.search-result-item:hover{background:#f8f9fa;transform:translate(5px)}.search-result-item:last-child{border-bottom:none}.search-result-content{flex:1}.search-result-content h4{margin:0 0 8px;font-size:1.1rem;color:#333;font-weight:600;line-height:1.3}.search-result-content p{margin:0 0 12px;color:#666;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;gap:15px;font-size:.8rem;color:#888}.search-result-meta span{display:flex;align-items:center;gap:5px}.search-result-icon{color:#eb0bba;font-size:1.2rem;opacity:0;transition:all .3s ease}.search-result-item:hover .search-result-icon{opacity:1;transform:translate(5px)}.search-suggestions{padding:25px}.search-suggestions h3{margin:0 0 20px;color:#333;font-size:1.1rem;font-weight:600}.search-tips{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #eb0bba}.search-tips p{margin:0 0 15px;color:#333;font-weight:600}.search-tips ul{margin:0;padding-left:20px;color:#666}.search-tips li{margin-bottom:8px;font-size:.95rem}.search-tags{display:flex;flex-wrap:wrap;gap:10px}.search-tag{background:#f8f9fa;border:2px solid #e9ecef;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;color:#666}.search-tag:hover{background:#eb0bba;border-color:#eb0bba;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.search-overlay{padding:60px 10px 10px;align-items:flex-start}.search-container{max-height:calc(100vh - 80px)}.search-header{padding:15px 20px}.search-header h2{font-size:1.3rem}.search-form{padding:20px}.search-input{font-size:1rem;padding:12px 55px 12px 18px}.search-submit{width:40px;height:40px}.search-result-item{padding:15px 20px}.search-result-content h4{font-size:1rem}.search-result-meta{flex-direction:column;gap:8px}.search-suggestions{padding:20px}.search-tags{gap:8px}.search-tag{font-size:.8rem;padding:6px 12px}}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1}.search-results::-webkit-scrollbar-thumb{background:#eb0bba;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#d309a5}.user-dropdown{position:relative;display:inline-block}.user-avatar{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px;border-radius:25px;transition:background-color .2s ease}.user-avatar:hover{background-color:#0000000d}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.dropdown-arrow{font-size:12px;color:#666;transition:transform .2s ease}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e0e0e0;min-width:280px;z-index:1000;animation:dropdownFadeIn .2s ease-out;margin-top:5px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.dropdown-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.user-info h4{margin:0 0 4px;font-size:16px;font-weight:600}.user-info p{margin:0 0 6px;font-size:14px;opacity:.9}.user-role{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dropdown-divider{height:1px;background:#e0e0e0;margin:0}.dropdown-section{padding:12px 0}.dropdown-section h5{margin:0 0 8px;padding:0 20px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#333;text-decoration:none;transition:background-color .2s ease;border:none;background:none;width:100%;font-size:14px;cursor:pointer;text-align:left}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item i{width:16px;text-align:center;color:#666}.admin-item,.admin-item i{color:#e63946}.admin-item:hover{background-color:#fef2f2}.logout-item{color:#dc3545;font-weight:500}.logout-item i{color:#dc3545}.logout-item:hover{background-color:#fff5f5}@media(max-width:768px){.dropdown-menu{min-width:260px;right:-10px}.dropdown-header{padding:15px}.dropdown-avatar{width:45px;height:45px}.user-info h4{font-size:15px}.user-info p{font-size:13px}}.top{width:100%;height:50px;background-color:#fff;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:10px;font-family:Oswald,sans-serif;z-index:999;box-shadow:0 2px 4px #0000001a}.topLeft{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto}.topCenter{display:flex;justify-content:center}.topRight{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto}.topIcon{font-size:45px;margin-right:5px;color:#444;cursor:pointer}.topIcon:hover{color:#eb0bba;transform:scale(1.1);transition:transform .2s ease-in-out}.topImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.topList{display:flex;justify-content:center;margin:0;padding:0;list-style:none;transition:max-height .3s ease-in-out}.topList.open{max-height:500px}.topListItem{margin-right:20px;font-size:3px;font-weight:700;cursor:pointer;list-style:none}.topListItem:hover{color:#eb0bba;font-weight:700;text-decoration:underline}.topListItem.active{color:#eb0bba;font-weight:700;border-bottom:2px solid #eb0bba}.topSearchIcon{font-size:27px;color:#666;cursor:pointer;margin-left:15px}.loginIcon{font-size:24px;margin:0 10px;color:#444;text-decoration:none;display:inline-flex;align-items:center;padding:5px}.loginIcon:hover{color:#eb0bba}.hamburgerIcon{display:none;font-size:24px;cursor:pointer;margin-left:15px;color:#444}.hamburgerIcon:hover{color:#eb0bba}@media(max-width:767px){.top{flex-wrap:nowrap;position:sticky;top:0;width:100%;height:40px;background-color:#fff;z-index:1000;margin:0;padding:5px 10px;border:none;box-sizing:border-box}.topLeft{order:1;flex:1;min-width:0}.topRight{order:2;flex:0 0 auto;min-width:0}.topCenter{display:none}.mobileMenu{position:fixed;top:40px;left:0;right:0;width:100vw;z-index:9999;background-color:#fff;border-top:1px solid #eee;box-shadow:0 4px 12px #00000026;max-height:calc(100vh - 40px);overflow-y:auto;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.topList{flex-direction:column;width:100%;align-items:stretch;margin:0;padding:0;list-style:none}.topListItem{margin:0;font-size:20px;text-align:left;width:100%;padding:20px 30px;border-bottom:1px solid #f0f0f0;display:block;background-color:#fff;transition:background-color .2s ease}.topListItem:hover{background-color:#f8f9fa;color:#eb0bba}.topListItem:last-child{border-bottom:none}.topListItem .link{display:block;width:100%;text-decoration:none;color:inherit;font-weight:600}.hamburgerIcon{display:block!important;font-size:24px;color:#444;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.hamburgerIcon:hover{background-color:#f0f0f0;color:#eb0bba}.topIcon{font-size:30px;margin-right:3px}.topSearchIcon{font-size:20px;margin-left:8px}.topCenter.open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:-1}}@media(min-width:768px){.top{display:flex;justify-content:space-between;align-items:center;padding:10px;flex-wrap:nowrap}.topLeft{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto;order:1}.topCenter{flex:2;display:flex!important;justify-content:center;order:2;margin-top:0;border-top:none;padding:0}.topRight{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;order:3}.topIcon{font-size:45px;margin-right:10px}.topList{flex-direction:row;align-items:center}.topListItem{margin:0 20px 0 0;font-size:36px;text-align:left;width:auto;padding:0;border-bottom:none}.hamburgerIcon{display:none!important}}.loginMenu{position:relative}.loginIcon{display:flex;align-items:center;gap:5px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.loginIcon:hover{background-color:#f5f5f5}.loginIcon i{font-size:20px;color:#444}.loginIcon .fa-chevron-down{font-size:12px}.loginDropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px 0;min-width:220px;z-index:1000;margin-top:8px}.loginOption{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#333;transition:background-color .2s ease}.loginOption:hover{background-color:#f8f9ff}.loginOption.admin:hover{background-color:#fef2f2}.loginOption i{font-size:18px;min-width:20px;color:#667eea}.loginOption.admin i{color:#dc2626}.loginOption div{display:flex;flex-direction:column;gap:2px}.loginOption strong{font-weight:600;font-size:14px;color:#333}.loginOption span{font-size:12px;color:#666;line-height:1.2}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:80px;padding:40px 0 0}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{color:#ecf0f1;margin-bottom:15px;font-size:1.5rem;font-weight:700}.footer-section h4{color:#bdc3c7;margin-bottom:15px;font-size:1.1rem;font-weight:600}.footer-section p{color:#95a5a6;line-height:1.6;margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#95a5a6;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:#3498db}.footer-social{display:flex;gap:15px;margin-top:15px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#bdc3c7;text-decoration:none;transition:all .3s ease;font-size:1.2rem}.social-link:hover{background:#3498db;color:#fff;transform:translateY(-2px)}.footer-bottom{margin-top:40px;border-top:1px solid #34495e;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin-left:auto;margin-right:auto;padding:20px}.footer-copyright p{color:#7f8c8d;margin:0;font-size:.9rem}.footer-legal-links{display:flex;align-items:center;gap:10px}.footer-legal-links a{color:#7f8c8d;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-legal-links a:hover{color:#3498db}.separator{color:#7f8c8d;font-size:.8rem}@media(max-width:768px){.footer{margin-top:60px;padding:30px 0 0}.footer-content{grid-template-columns:1fr;gap:30px;padding:0 15px}.footer-section{text-align:center}.footer-bottom{flex-direction:column;gap:15px;text-align:center;padding:15px}.footer-legal-links,.footer-social{justify-content:center}}@media(max-width:480px){.footer-content{padding:0 10px}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.social-link{width:35px;height:35px;font-size:1rem}}.media-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.media-selector-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.media-selector-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.media-selector-header h3{margin:0;color:#333;font-size:1.2rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background-color:#f0f0f0;color:#333}.media-selector-content{flex:1;overflow-y:auto;padding:20px}.media-selector-loading,.media-selector-error,.no-media{text-align:center;padding:40px 20px;color:#666}.media-selector-error{color:#d63384}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-item{border:2px solid #eee;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.media-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff33}.media-item.selected{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.selection-indicator{position:absolute;top:8px;right:8px;background:#007bff;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.media-thumbnail{width:100%;height:150px;object-fit:cover;display:block}.media-info{padding:12px}.media-name{font-weight:500;color:#333;margin-bottom:4px;font-size:.9rem;word-break:break-word}.media-details{display:flex;gap:8px;font-size:.8rem;color:#666}.media-size,.media-type{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:.75rem}.media-selector-footer{display:flex;flex-direction:column;gap:12px;padding:20px;border-top:1px solid #eee;background:#f8f9fa}.media-selector-footer>div{display:flex;justify-content:space-between;align-items:center}.selection-info{color:#666;font-size:.9rem}.pagination{display:flex;gap:12px;align-items:center;justify-content:center}.pagination button{padding:6px 12px;border-radius:4px;border:1px solid #6c757d;background-color:#fff;color:#6c757d;cursor:pointer;font-size:.9rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#6c757d;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#666;font-size:.9rem;min-width:100px;text-align:center}.footer-buttons{display:flex;gap:12px}.btn-primary,.btn-secondary{padding:8px 16px;border-radius:4px;border:1px solid;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#fff;color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#6c757d;color:#fff}@media(max-width:768px){.media-selector-modal{width:95%;max-height:90vh}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-thumbnail{height:120px}}.rich-text-editor{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-toolbar{display:flex;align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:8px 8px 0 0;gap:4px;flex-wrap:wrap}.toolbar-btn{background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;min-height:32px}.toolbar-btn:hover{background:#e9ecef;border-color:#adb5bd}.toolbar-btn:active,.toolbar-btn.active{background:#dee2e6;border-color:#6c757d}.image-btn{background:#007bff;color:#fff;border-color:#007bff}.image-btn:hover{background:#0056b3;border-color:#0056b3}.toolbar-separator{width:1px;height:20px;background:#ddd;margin:0 8px}.editor-container{position:relative;min-height:400px}.editor-content{padding:16px;outline:none;font-size:16px;line-height:1.6;min-height:400px;background:#fff;color:#333;border:1px solid #ddd;border-radius:0 0 8px 8px;border-top:none}.editor-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.editor-placeholder{position:absolute;top:16px;left:16px;color:#999;pointer-events:none;font-size:16px}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-heading-h1{font-size:2em;font-weight:700;margin:.67em 0;color:#333}.editor-heading-h2{font-size:1.5em;font-weight:700;margin:.83em 0;color:#333}.editor-heading-h3{font-size:1.17em;font-weight:700;margin:1em 0;color:#333}.editor-list-ul,.editor-list-ol{margin:1em 0;padding-left:0}.editor-listitem{list-style-position:inside;margin:.25em 0}.editor-list-ul .editor-listitem{list-style-type:disc}.editor-list-ol .editor-listitem{list-style-type:decimal}.editor-nested-listitem{list-style-type:circle;margin-left:20px}.editor-paragraph{margin:.5em 0}.editor-paragraph:first-child{margin-top:0}.editor-paragraph:last-child{margin-bottom:0}.editor-error{padding:16px;background:#f8d7da;color:#721c24;border:1px solid #f5c2c7;border-radius:4px;margin-bottom:16px}.retry-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:8px}.retry-btn:hover{background:#c82333}.editor-textarea{width:100%;border:1px solid #ddd;border-radius:0 0 8px 8px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;resize:vertical;min-height:400px;outline:none;background:#fff}.editor-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.editor-content img{max-width:100%;height:auto;border-radius:4px;margin:8px 0;display:block;cursor:pointer;transition:all .2s ease}.editor-content img:hover{box-shadow:0 2px 8px #007bff4d;border:2px solid #007bff}.editor-content img.selected{border:2px solid #007bff!important;box-shadow:0 0 0 2px #007bff40}.image-controls-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.image-control-btn{transition:all .2s ease}.image-control-btn:hover{background:#f8f9fa!important;transform:translateY(-1px)}.image-control-btn.delete-btn:hover{background:#c82333!important;transform:translateY(-1px)}.editor-content a{color:#007bff;text-decoration:underline}.editor-content a:hover{color:#0056b3}.editor-content:focus{outline:none}.rich-text-editor:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media(max-width:768px){.toolbar{padding:4px 8px;gap:2px}.toolbar-btn{padding:4px 8px;font-size:13px;min-height:28px}.editor-content{padding:12px;font-size:16px}.editor-placeholder{top:12px;left:12px;font-size:16px}}@media print{.toolbar{display:none}.rich-text-editor{border:none;box-shadow:none}}.write{padding-top:50px;padding-bottom:50px}.writeImg{margin-left:150px;width:72vw;height:300px;border-radius:10PX;object-fit:cover}.write-header{margin-left:150px;margin-bottom:20px}.write-header h1{color:#333;font-family:Kanit,sans-serif;margin-bottom:5px}.write-header p{color:#666;font-family:Poppins,sans-serif;margin:0}.write-error{margin-left:150px;padding:40px;text-align:center;background-color:#f8f9fa;border-radius:10px;border:1px solid #e1e5e9}.write-error h2{color:#e74c3c;margin-bottom:15px}.write-error button{background-color:#be9656;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin-top:15px}.write-error-message,.write-success-message{margin-left:150px;padding:15px;border-radius:5px;margin-bottom:20px;font-family:Poppins,sans-serif}.write-error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.write-success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.writeForm{position:relative}.writeFormGroup{margin-left:150px;display:flex;align-items:center;margin-bottom:20px;gap:15px}.writeFormGroupFull{margin-left:150px;margin-bottom:20px;width:70vw}.writeFormGroupFull .lexical-container{width:100%}.featured-image-preview{position:relative;display:inline-block;margin-bottom:10px}.featured-image-preview img{max-width:300px;max-height:200px;border-radius:5px;object-fit:cover}.remove-image-btn{position:absolute;top:-8px;right:-8px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.remove-image-btn:hover{background-color:#c0392b}.file-upload-label{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;cursor:pointer;margin-right:15px}.featured-image-options{display:flex;gap:15px;margin-bottom:15px;align-items:center}.media-library-btn{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;cursor:pointer;background:none;border:1px solid #ddd;padding:8px 12px;border-radius:5px;transition:all .3s ease}.media-library-btn:hover{background-color:#f5f5f5;border-color:#be9656;color:#be9656}.media-library-btn:hover .writeIcon{color:#be9656}.writeIcon{width:36px;height:36px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:20px;color:#5c5c5c;cursor:pointer;transition:all .3s ease}.writeIcon:hover{background-color:#f5f5f5;transform:scale(1.1)}.writeInput{font-size:18px;border:1px solid #ddd;padding:15px;width:70vw;border-radius:5px;font-family:Poppins,sans-serif;transition:border-color .3s ease}.writeInput:focus{outline:none;border-color:#be9656;box-shadow:0 0 0 3px #be96561a}.writeSelect{width:auto;min-width:200px}.writeHelperText{display:block;margin-top:5px;font-size:12px;color:#666;font-family:Poppins,sans-serif;font-style:italic}.writeScheduleGroup{flex-direction:column!important;align-items:flex-start!important;background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;width:auto!important;max-width:600px;box-sizing:border-box}.writeScheduleLabel{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;font-family:Poppins,sans-serif}.writeScheduleInputs{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.writeScheduleField{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.writeFieldLabel{font-size:14px;font-weight:500;color:#555;font-family:Poppins,sans-serif}.writeScheduleDate{width:180px;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;font-family:Poppins,sans-serif;box-sizing:border-box}.writeScheduleTime{width:150px;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:5px;font-family:Poppins,sans-serif;box-sizing:border-box}.writeScheduleDate:focus,.writeScheduleTime:focus{outline:none;border-color:#be9656;box-shadow:0 0 0 3px #be96561a}.writeScheduleGroup .writeHelperText{margin-top:15px;margin-left:0;color:#6c757d;max-width:500px}.writeText{font-size:16px;min-height:400px;resize:vertical;font-family:Poppins,sans-serif;line-height:1.6}.writeFormActions{margin-left:150px;display:flex;gap:15px;margin-top:30px}.writeSubmit,.writeCancel{color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-family:Poppins,sans-serif;transition:all .3s ease}.writeSubmit{background-color:#be9656}.writeSubmit:hover{background-color:#a0824a;transform:translateY(-2px)}.writeSubmit:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.writeCancel{background-color:#6c757d}.writeCancel:hover{background-color:#545b62;transform:translateY(-2px)}.tox-tinymce{border-radius:5px!important;border:1px solid #ddd!important}.tox .tox-toolbar,.tox .tox-toolbar__primary{background:#f8f9fa!important;border-bottom:1px solid #ddd!important}.tox .tox-edit-area__iframe{background:#fff!important}.tox .tox-statusbar{border-top:1px solid #ddd!important;background:#f8f9fa!important}.tox.tox-tinymce-aux .tox-toolbar__primary{background:#fff!important}@media(max-width:768px){.writeImg,.writeFormGroup,.writeFormGroupFull,.write-header,.write-error,.write-error-message,.write-success-message,.writeFormActions{margin-left:20px;margin-right:20px}.writeImg{width:calc(100vw - 40px)}.writeInput{width:calc(100vw - 100px);font-size:16px}.writeFormGroupFull{width:calc(100vw - 40px)}.writeFormGroupFull .lexical-container{width:100%}.writeFormActions{flex-direction:column}.writeSubmit,.writeCancel{width:100%}.featured-image-preview img{max-width:100%}.writeScheduleGroup{width:calc(100vw - 80px);padding:15px}.writeScheduleInputs{flex-direction:column;gap:15px}.writeScheduleField{width:100%}.writeScheduleDate,.writeScheduleTime{width:100%;min-width:0}.tox .tox-toolbar__primary{flex-wrap:wrap!important}}.edit-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.edit-page-wrapper{max-width:1200px;margin:0 auto;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.edit-page-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-page-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.edit-page-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group label{font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e0e6ed;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group small{color:#7f8c8d;font-size:.85rem;margin-top:.25rem}.form-group input[type=checkbox]{width:auto;margin-right:.5rem;transform:scale(1.2)}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:2px solid #f0f0f0}.btn{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 5px 15px #95a5a64d}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;font-weight:500;box-shadow:0 5px 15px #ff6b6b33}.success-message{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff;padding:1rem;border-radius:10px;margin-bottom:1rem;font-weight:500;box-shadow:0 5px 15px #51cf6633}.loading{text-align:center;padding:4rem 2rem;color:#7f8c8d;font-size:1.2rem}@media(max-width:768px){.edit-page{padding:1rem}.edit-page-wrapper{padding:1.5rem}.edit-page-header h1{font-size:2rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.btn{width:100%}}.edit-page .lexical-container{border:2px solid #e0e6ed;border-radius:10px;overflow:hidden;transition:all .3s ease}.edit-page .lexical-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-page .lexical-toolbar{background:#f8f9fa;border-bottom:1px solid #e0e6ed;padding:.5rem}.edit-page .lexical-content-editable{min-height:300px;padding:1rem;font-size:1rem;line-height:1.6}.edit-page .lexical-placeholder{color:#adb5bd;font-style:italic}.ops-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Roboto,sans-serif}.ops-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;position:relative}.ops-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.ops-header p{margin:0 0 15px;font-size:1.1rem;opacity:.9}.admin-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem}.btn-logout{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 15px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-logout:hover{background:#ffffff4d;border-color:#ffffff80}@media(max-width:768px){.admin-info{flex-direction:column;gap:10px;text-align:center}}.ops-navigation{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #eee;padding-bottom:10px;flex-wrap:wrap}.ops-navigation button{background:none;border:none;padding:12px 20px;font-size:1rem;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:8px;color:#666}.ops-navigation button:hover{background-color:#f5f5f5;color:#333}.ops-navigation button.active{background-color:#eb0bba;color:#fff;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.section-header h2{margin:0;color:#333;font-size:2rem}.btn-primary{background-color:#eb0bba;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#d309a5;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-secondary:hover{background-color:#5a6268}.btn-small{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:5px}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.post-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-card h3{margin:0 0 15px;color:#333;font-size:1.3rem}.post-card p{color:#666;margin-bottom:20px;line-height:1.5}.recent-posts{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a}.recent-posts h3{margin:0 0 20px;color:#333;font-size:1.5rem}.ops-table{width:100%;border-collapse:collapse;margin-top:10px}.ops-table th,.ops-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.ops-table th{background-color:#f8f9fa;font-weight:600;color:#333}.status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status.published{background-color:#d4edda;color:#155724}.status.draft{background-color:#fff3cd;color:#856404}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.category-management{padding:20px}.add-category-form{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#eb0bba}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.category-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;align-items:flex-start}.category-info h3{margin:0 0 8px;color:#333;font-size:18px}.category-slug{color:#666;font-family:Courier New,monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-size:12px;margin:8px 0}.post-count{color:#28a745;font-weight:600;margin:8px 0 0}.category-actions{display:flex;gap:8px;flex-direction:column}.category-actions button{padding:8px 12px;font-size:12px;min-width:80px}.category-info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:10px;margin-top:30px}.category-info-box h3{margin:0 0 15px;font-size:20px}.category-info-box ul{margin:15px 0;padding-left:20px}.category-info-box li{margin-bottom:8px;line-height:1.5}.category-info-box strong{color:gold}.category-info-box em{opacity:.9;font-style:italic}.user-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center}.user-avatar{width:60px;height:60px;background-color:#eb0bba;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:1.5rem}.social-management{padding:20px}.social-links-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.social-link-item{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.social-link-item:hover{border-color:#eb0bba;background-color:#fafafa}.social-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem}.social-input{flex:1}.social-input label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.95rem}.social-input input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .3s ease}.social-input input:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 3px #eb0bba1a}.social-input input.invalid{border-color:#dc3545;background-color:#fff5f5}.error-text{color:#dc3545;font-size:.8rem;margin-top:5px;display:block}.message{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:600;text-align:center}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f1b2b7}.social-preview{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px}.social-preview h3{margin:0 0 15px;color:#333;font-size:1.3rem}.social-preview p{color:#666;margin-bottom:20px}.preview-icons{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.preview-icons a{color:#666;font-size:2rem;transition:all .3s ease;text-decoration:none}.preview-icons a:hover{color:#eb0bba;transform:scale(1.1)}.no-links{color:#999;font-style:italic;margin:0}.social-info-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:10px;margin-top:30px}.social-info-box h3{margin:0 0 15px;font-size:20px}.social-info-box ul{margin:15px 0;padding-left:20px}.social-info-box li{margin-bottom:8px;line-height:1.5}.social-info-box strong{color:gold}.social-info-box em{opacity:.9;font-style:italic}@media(max-width:768px){.social-link-item{flex-direction:column;gap:15px;text-align:center}.social-icon{margin:0 auto}.preview-icons{justify-content:center}}.settings-section{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.settings-section h3{margin:0 0 20px;color:#333;font-size:1.3rem;border-bottom:2px solid #eb0bba;padding-bottom:10px}.setting-item label{display:block;margin-bottom:8px;color:#333;font-weight:600}.setting-item input[type=text],.setting-item textarea{width:100%;padding:10px;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.setting-item input[type=text]:focus,.setting-item textarea:focus{outline:none;border-color:#eb0bba}.setting-item input[type=checkbox]{margin-right:10px}.setting-help{display:block;margin-top:5px;color:#666;font-size:.9rem;font-style:italic}.setting-help a{color:#667eea;text-decoration:none}.setting-help a:hover{text-decoration:underline}.settings-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;text-align:center}.stat-card h3{margin:0 0 15px;color:#666;font-size:1rem;font-weight:600}.stat-number{margin:0;font-size:2.5rem;font-weight:700;color:#eb0bba}.ops-unauthorized{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin:40px auto;max-width:500px}.ops-unauthorized h2{color:#dc3545;margin-bottom:15px}.ops-unauthorized p{color:#666;font-size:1.1rem}@media(max-width:768px){.ops-container{padding:15px}.ops-header h1{font-size:2rem}.ops-navigation{justify-content:center}.ops-navigation button{font-size:.9rem;padding:10px 15px}.section-header{flex-direction:column;align-items:flex-start}.posts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.ops-table{font-size:.9rem}}.user-management .add-user-form{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;margin-bottom:30px}.user-management .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.user-management .form-group{display:flex;flex-direction:column}.user-management .form-group label{font-weight:600;margin-bottom:8px;color:#333;font-size:.9rem}.user-management .form-group input,.user-management .form-group select{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.user-management .form-group input:focus,.user-management .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-management .form-actions{display:flex;gap:10px;margin-top:20px}.user-management .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.user-management .user-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;position:relative}.user-management .user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.user-management .user-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#fff;font-size:1.5rem}.user-management .user-info h3{margin:0 0 5px;color:#333;font-size:1.1rem}.user-management .user-username{color:#666;font-size:.9rem;margin:0 0 5px}.user-management .user-email{color:#666;font-size:.85rem;margin:0 0 10px}.user-management .user-role{display:inline-block;padding:4px 12px;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;margin-bottom:10px}.user-management .user-status{font-size:.85rem;color:#666;margin:5px 0}.user-management .user-status .fa-circle{font-size:.6rem;margin-right:5px}.user-management .user-status .fa-circle.active{color:#28a745}.user-management .user-status .fa-circle.inactive{color:#dc3545}.user-management .user-date,.user-management .user-last-login{font-size:.8rem;color:#999;margin:3px 0}.user-management .user-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.user-management .no-users{text-align:center;padding:60px 20px;color:#666}.user-management .no-users i{font-size:3rem;color:#ddd;margin-bottom:20px}.user-management .no-users h3{margin:0 0 10px;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e1e5e9}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .3s ease}.modal-close:hover{background-color:#f8f9fa}.modal-content form{padding:20px}.modal-content .form-group{margin-bottom:20px}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.9rem}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:40px;color:#666;font-size:1.1rem}@media(max-width:768px){.user-management .form-row,.user-management .users-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}}.page-management{padding:20px}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.page-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:1px solid #e1e5e9;transition:all .3s ease}.page-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.page-card.quick-actions{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #6c757d}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.page-header h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1}.page-status{color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.page-info{margin-bottom:20px}.page-info p{margin:8px 0;color:#6c757d;font-size:.9rem;display:flex;align-items:center;gap:8px}.page-info i{width:16px;text-align:center;color:#95a5a6}.page-slug{font-family:Courier New,monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-weight:500}.page-actions .btn-secondary,.page-actions .btn-danger{padding:8px 12px;font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:6px;transition:all .3s ease;border:none;cursor:pointer}.page-actions .btn-secondary:hover{background:#5a6268}.page-actions .btn-danger:hover{background:#c82333}.quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-buttons .btn-secondary,.quick-buttons .btn-primary{padding:12px;text-decoration:none;border-radius:8px;text-align:center;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.quick-buttons .btn-secondary{background:#6c757d;color:#fff}.quick-buttons .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.quick-buttons .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:1 / -1}.quick-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.no-pages{text-align:center;padding:60px 20px;color:#6c757d;grid-column:1 / -1}.no-pages i{font-size:4rem;margin-bottom:20px;color:#dee2e6}.no-pages h3{margin:20px 0 10px;color:#495057}.no-pages p{margin-bottom:30px;font-size:1.1rem}.page-info-box{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #bbdefb;border-radius:12px;padding:25px;margin-top:30px}.page-info-box h3{margin:0 0 15px;color:#1565c0;font-size:1.2rem}.page-info-box p{margin:0 0 15px;color:#37474f;line-height:1.6}.page-info-box li{margin-bottom:8px;color:#37474f;line-height:1.5}.page-info-box em{display:block;margin-top:15px;font-style:italic;color:#546e7a;font-size:.95rem}@media(max-width:768px){.pages-grid,.quick-buttons{grid-template-columns:1fr}.page-actions{justify-content:center}.page-header{flex-direction:column;align-items:flex-start;gap:10px}}.oauth-settings{border-top:2px solid #e1e8f0;margin-top:30px;padding-top:30px}.oauth-settings .section-header h3{color:#2c3e50;font-size:1.4rem;margin-bottom:8px;display:flex;align-items:center;gap:10px}.oauth-settings .section-header h3:before{content:"🔐";font-size:1.2rem}.oauth-settings .section-description{color:#666;font-size:.95rem;margin-bottom:25px;line-height:1.5}.oauth-provider{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.oauth-provider:hover{border-color:#d1ecf1;box-shadow:0 4px 12px #0000001a}.provider-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-bottom:1px solid #e9ecef}.provider-info{display:flex;align-items:center;gap:15px}.oauth-icon{font-size:1.8rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff}.oauth-icon.google{background:#4285f4}.oauth-icon.facebook{background:#1877f2}.oauth-icon.twitter{background:#1da1f2}.provider-info h4{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#2c3e50}.provider-info p{margin:0;font-size:.9rem;color:#666}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:30px;transition:.4s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:.4s}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translate(30px)}.provider-config{padding:0 20px 20px;background:#f8f9fa}.config-group{display:grid;gap:20px}.provider-config .setting-item{margin-bottom:0}.provider-config .setting-item label{color:#495057;font-weight:500;margin-bottom:8px;display:block}.provider-config .setting-item input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.provider-config .setting-item input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.secret-input{position:relative;display:flex;align-items:center}.secret-input input{padding-right:50px}.secret-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#666;padding:8px;border-radius:4px;transition:all .3s ease}.secret-toggle:hover{color:#333;background:#0000000d}.provider-config .setting-item small{display:block;margin-top:6px;color:#6c757d;font-size:.85rem;font-style:italic}.oauth-actions{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #e9ecef}.oauth-help{margin-top:40px;padding:25px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px}.oauth-help h4{color:#856404;margin:0 0 20px;font-size:1.2rem;display:flex;align-items:center;gap:8px}.oauth-help h4:before{content:"💡"}.help-section{margin-bottom:25px}.help-section:last-child{margin-bottom:0}.help-section h5{color:#856404;margin:0 0 10px;font-size:1rem;font-weight:600}.help-section ol{margin:0;padding-left:20px}.help-section li{margin-bottom:5px;color:#6c5b0b;font-size:.9rem}.help-section a{color:#007bff;text-decoration:none;font-weight:500}.help-section a:hover{text-decoration:underline}@media(max-width:768px){.provider-header{flex-direction:column;gap:15px;text-align:center}.config-group{gap:15px}.oauth-help{padding:20px}.help-section ol{padding-left:15px}}.cognito-login{padding:20px;max-width:1000px;margin:0 auto}.cognito-login-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.cognito-header{background:linear-gradient(135deg,#ff9500,#ff6b35);color:#fff;padding:30px;text-align:center}.cognito-header h2{margin:0 0 10px;font-size:28px;font-weight:600}.cognito-header p{margin:0;opacity:.9;font-size:16px}.cognito-demo-section{padding:30px;text-align:center;border-bottom:1px solid #e1e5e9}.cognito-demo-section h3{color:#333;margin:0 0 10px;font-size:20px}.cognito-demo-section p{color:#666;margin:0 0 25px}.cognito-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-cognito-login,.btn-cognito-signup{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.btn-cognito-login{background:#ff9500;color:#fff}.btn-cognito-login:hover:not(:disabled){background:#e8860a;transform:translateY(-2px);box-shadow:0 4px 12px #ff95004d}.btn-cognito-login:disabled{opacity:.7;cursor:not-allowed}.btn-cognito-signup{background:#6c757d;color:#fff}.btn-cognito-signup:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.cognito-info{padding:30px;background:#f8f9fa}.cognito-info h3{color:#333;margin:0 0 20px;font-size:18px}.tech-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border-left:4px solid #FF9500}.detail-item strong{color:#333;font-weight:600}.detail-item span{color:#666;font-family:monospace;font-size:14px}.cognito-features{padding:30px;border-bottom:1px solid #e1e5e9}.cognito-features h3{color:#333;margin:0 0 20px;font-size:18px}.cognito-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.cognito-features li{padding:10px;background:#f8f9fa;border-radius:6px;color:#333;font-weight:500}.cognito-architecture{padding:30px}.cognito-architecture h3{color:#333;margin:0 0 20px;font-size:18px}.architecture-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.arch-point{padding:15px;background:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3}.arch-point strong{color:#1976d2;display:block;margin-bottom:5px;font-weight:600}@media(max-width:768px){.cognito-login{padding:10px}.cognito-header,.cognito-demo-section{padding:20px}.cognito-actions{flex-direction:column;align-items:center}.btn-cognito-login,.btn-cognito-signup{width:100%;max-width:300px}.tech-details{grid-template-columns:1fr}.detail-item{flex-direction:column;align-items:flex-start;gap:5px}}.cognito-admin-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:2rem;margin:2rem 0;max-width:500px}.cognito-admin-panel h2{margin-bottom:1rem;font-size:1.5rem;color:#2d3748}.cognito-admin-panel label{display:block;margin-bottom:1rem;font-weight:500}.cognito-admin-panel input[type=text]{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #cbd5e0;border-radius:4px}.cognito-admin-panel input[type=checkbox]{margin-left:.5rem}.cognito-admin-panel fieldset{border:1px solid #e2e8f0;border-radius:4px;padding:1rem;margin-bottom:1rem}.cognito-admin-panel legend{font-weight:600;color:#4a5568}.cognito-admin-panel button{background:#3182ce;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.cognito-admin-panel button:hover{background:#2b6cb0}.cognito-tabs{display:flex;gap:10px;margin-bottom:30px;background:#e9ecef;border-radius:8px;padding:4px}.cognito-tabs button{padding:10px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:#666;transition:all .2s ease;display:flex;align-items:center;gap:8px}.cognito-tabs button.active{background:#fff;color:#007bff;box-shadow:0 2px 4px #0000001a}.cognito-tabs button:hover:not(.active){color:#333;background:transparent}.config-section,.demo-section{min-height:400px}.cognito-admin-panel{max-width:none}.database-manager{min-height:400px}.database-manager .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.database-manager .section-header h3{margin:0;color:#2d3748;font-size:1.5rem}.database-manager .refresh-controls{display:flex;gap:1rem;align-items:center}.database-manager .refresh-controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568;margin:0}.database-manager .refresh-controls button{padding:.5rem 1rem;font-size:.875rem}.database-manager .current-database{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center}.database-manager .current-database h4{margin:0;color:#0c4a6e}.database-manager .database-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.database-manager .database-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.database-manager .database-card.active{border-color:#22c55e;background:#f0fdf4;box-shadow:0 4px 12px #22c55e26}.database-manager .database-card:hover{box-shadow:0 4px 12px #0000001a}.database-manager .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.database-manager .card-header h4{margin:0;font-size:1.125rem;color:#374151;display:flex;align-items:center;gap:.5rem}.database-manager .active-badge{background:#22c55e;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem}.database-manager .status-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.database-manager .status-row .label{font-weight:500;color:#6b7280}.database-manager .status.healthy{color:#22c55e;font-weight:600}.database-manager .status.error{color:#ef4444;font-weight:600}.database-manager .status.unavailable{color:#6b7280;font-weight:600}.database-manager .config-section{margin:1rem 0;padding:1rem;background:#f9fafb;border-radius:6px}.database-manager .config-details{margin-top:.5rem;font-size:.875rem;color:#4b5563}.database-manager .pool-stats{margin:1rem 0}.database-manager .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#4b5563}.database-manager .health-info{margin:1rem 0}.database-manager .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.75rem;margin-top:.5rem;color:#dc2626;font-size:.875rem}.database-manager .card-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.database-manager .test-btn{background:#3b82f6;flex:1}.database-manager .test-btn:hover{background:#2563eb}.database-manager .switch-btn{background:#f59e0b;flex:1}.database-manager .switch-btn:hover{background:#d97706}.database-manager .test-results{margin-top:1rem;padding:1rem;border-radius:6px;font-size:.875rem}.database-manager .test-results.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.database-manager .test-results.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.database-manager .test-success>div{margin-bottom:.25rem}.database-manager .loading-state{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.database-manager .loading-state i{margin-right:.5rem}.content-management{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.section-header h2{color:#333;margin:0;font-size:24px}.section-tabs{display:flex;gap:10px;background:#f8f9fa;border-radius:8px;padding:4px}.section-tabs button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:#666;transition:all .2s ease}.section-tabs button.active{background:#fff;color:#007bff;box-shadow:0 2px 4px #0000001a}.section-tabs button:hover:not(.active){color:#333}.header-actions{display:flex;gap:10px}.content-sections{min-height:500px}.posts-section{width:100%}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.post-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.post-card h3{margin:0 0 10px;color:#333;font-size:18px}.post-card p{color:#666;margin:0 0 15px;font-size:14px}.upload-card{border:2px dashed #007bff;background:linear-gradient(135deg,#f8f9ff,#e3f2fd)}.upload-card:hover{border-color:#0056b3;background:linear-gradient(135deg,#f0f4ff,#d1e7fd)}.upload-btn{background:#007bff!important;color:#fff!important;border:none!important;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.upload-btn:hover{background:#0056b3!important;transform:translateY(-1px)}.upload-progress{text-align:center}.progress-bar{width:100%;height:8px;background:#e1e5e9;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease}.upload-progress p{color:#007bff;font-weight:600;margin:0}.recent-posts{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.recent-posts h3{margin:0 0 20px;color:#333;font-size:20px}.category-badge{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.categories-section{width:100%}.add-category-form{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px;margin-bottom:30px;position:relative;transition:all .3s ease}.category-form-overlay{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border:2px solid #007bff;box-shadow:0 8px 25px #007bff26;z-index:100}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #007bff}.form-header h3{margin:0;color:#007bff;font-size:20px;font-weight:600}.close-form-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.close-form-btn:hover{background:#c82333;transform:scale(1.1)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions{display:flex;gap:10px;margin-top:20px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.category-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.category-info{margin-bottom:15px}.category-info h3{margin:0 0 5px;color:#333;font-size:18px}.category-slug{color:#666;font-family:monospace;font-size:14px;margin:0 0 5px}.post-count{color:#888;font-size:12px;margin:0}.category-actions{display:flex;gap:10px}.category-info-box{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.category-info-box h3{margin:0 0 15px;color:#333;font-size:18px}.category-info-box p{margin:0 0 10px;color:#666;line-height:1.6}.category-info-box ul{margin:0 0 15px 20px;color:#666;line-height:1.6}.category-info-box li{margin-bottom:5px}.category-info-box em{color:#888;font-size:14px}.category-card.subcategory{border-left:4px solid #007bff;margin-left:20px;background:linear-gradient(135deg,#f8f9ff,#fff)}.category-header{display:flex;flex-direction:column;gap:5px}.subcategory-indicator{color:#007bff;font-weight:700;margin-right:5px}.parent-category{color:#666;font-size:12px;font-style:italic;margin:0}.subcategory-count{color:#007bff;font-size:12px;font-weight:600;margin:0}.category-description{color:#888;font-size:13px;margin:5px 0 0;font-style:italic}.default-badge{background:#ffc107;color:#856404;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:8px;font-weight:400}.add-category-form h3{margin:0 0 20px;color:#333;font-size:20px}.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.form-group small{display:block;color:#666;font-size:12px;margin-top:5px;line-height:1.4}.form-group input[type=color]{width:60px;height:40px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.category-actions button:disabled{opacity:.5;cursor:not-allowed}.category-actions button:disabled:hover{transform:none;box-shadow:none}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.checkbox-text{font-weight:500;color:#333}.category-flags{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.hidden-flag{background:#ffc107;color:#856404;font-size:11px;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.category-card:has(.hidden-flag){border-left:4px solid #ffc107;background:linear-gradient(135deg,#fffbf0,#fff)}@media(max-width:768px){.section-header{flex-direction:column;align-items:stretch}.section-tabs{order:2}.header-actions{order:3;justify-content:center}.posts-grid,.categories-grid,.pages-grid{grid-template-columns:1fr}}.pages-section{margin-top:20px}.pages-section .message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-weight:500}.pages-section .message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.pages-section .message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.page-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.page-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.page-card.quick-actions{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.page-card.quick-actions h3{color:#fff;margin-bottom:15px}.quick-buttons{display:flex;flex-direction:column;gap:10px}.quick-buttons .btn-secondary,.quick-buttons .btn-primary{text-align:left;justify-content:flex-start}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f1f3f4}.page-header h3{margin:0;color:#333;font-size:18px;flex:1}.page-status{color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.page-info{margin-bottom:15px}.page-info p{margin:8px 0;display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.page-info i{width:16px;color:#999}.page-slug{font-family:Courier New,monospace;font-weight:600;color:#0056b3!important}.page-template{color:#28a745!important}.page-seo{color:#17a2b8!important}.page-menu{color:#6f42c1!important}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.page-actions .btn-secondary,.page-actions .btn-danger{padding:6px 12px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.page-actions .btn-secondary{background:#6c757d;color:#fff}.page-actions .btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.page-actions .btn-danger{background:#dc3545;color:#fff}.page-actions .btn-danger:hover{background:#c82333;transform:translateY(-1px)}.no-pages{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin-bottom:30px}.no-pages i{font-size:48px;color:#ccc;margin-bottom:15px}.no-pages h3{color:#666;margin-bottom:10px}.no-pages p{color:#999;margin-bottom:20px}.page-info-box{background:#f8f9fa;border-radius:12px;padding:20px;border-left:4px solid #007bff}.page-info-box h3{color:#333;margin-bottom:15px;font-size:18px}.page-info-box p{color:#666;margin-bottom:10px;line-height:1.6}.page-info-box ul{margin:15px 0;padding-left:20px}.page-info-box li{color:#666;margin-bottom:8px;line-height:1.5}.page-info-box li strong{color:#333}.site-settings{padding:20px;max-width:800px;margin:0 auto}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #eee}.section-header h2{margin:0;color:#333;font-size:24px}.btn-primary{background-color:#007cba;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-primary:hover{background-color:#005a87}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.settings-message{padding:10px 15px;border-radius:5px;margin-bottom:20px;font-weight:500}.settings-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.settings-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.settings-section{background:#fff;border:1px solid #eee;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #0000001a}.settings-section h3{margin:0 0 20px;color:#333;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px}.setting-item{margin-bottom:20px}.setting-item label{display:block;margin-bottom:5px;font-weight:500;color:#555}.setting-item input[type=text],.setting-item input[type=email],.setting-item input[type=number],.setting-item input[type=password],.setting-item textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.setting-item input[type=text]:focus,.setting-item input[type=email]:focus,.setting-item input[type=number]:focus,.setting-item input[type=password]:focus,.setting-item textarea:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 2px #007cba33}.setting-item textarea{min-height:80px;resize:vertical}.setting-item input[type=checkbox]{margin-right:8px}.setting-item small{display:block;margin-top:5px;color:#666;font-size:12px;font-style:italic}.settings-section:has(h3:contains("Email")){border-left:4px solid #007cba}@media(max-width:768px){.site-settings{padding:15px}.section-header{flex-direction:column;gap:15px;align-items:stretch}.settings-section{padding:20px}}.media-management{background:#fff;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.media-management{max-width:100%;width:100%;padding:0;box-sizing:border-box;overflow-x:hidden}.section-navigation{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #e9ecef;background:#f8f9fa;border-radius:8px 8px 0 0;overflow:hidden}.section-tab{flex:1;padding:1rem 2rem;background:#f8f9fa;border:none;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-tab:hover{background:#e9ecef;color:#495057}.section-tab.active{background:#fff;color:#007bff;border-bottom-color:#007bff;font-weight:600}.section-tab i{font-size:1.1rem}.current-storage-info{display:flex;align-items:center;justify-content:space-between;background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#1565c0}.current-storage-info span{font-size:.95rem}.current-storage-info .btn-link{background:none;border:none;color:#1976d2;cursor:pointer;font-size:.9rem;text-decoration:none;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.current-storage-info .btn-link:hover{background:#1976d21a}.library-section,.config-section{background:#fff;border-radius:0 0 12px 12px;border:1px solid #e9ecef;border-top:none;padding:2rem;min-height:400px}.media-management .section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;position:sticky;top:0;background:#fff;z-index:100;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.media-management .section-header h2{margin:0;font-size:1.75rem;color:#333}.folder-navigation{margin-bottom:2rem;background:#f8f9fa;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.folder-navigation h3{margin:0 0 1rem;color:#495057;font-size:1.2rem}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.folder-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.folder-item:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-1px)}.folder-item.back-button{background:#e3f2fd;border-color:#2196f3;font-weight:600}.folder-item.back-button:hover{background:#bbdefb}.folder-item i{font-size:1.1rem;color:#6c757d;min-width:16px}.folder-item.back-button i{color:#2196f3}.folder-current-info{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;font-size:.85rem;color:#856404;margin-top:.5rem}.folder-current-info i{color:#856404}.media-thumbnail{position:relative;width:100%;height:150px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0}.media-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:8px 8px 0 0}.media-item:hover .media-thumbnail img{transform:scale(1.05)}.media-thumbnail .file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f8f9fa;color:#6c757d;font-size:2.5rem}.media-item{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.media-item:hover{border-color:#007bff;transform:translateY(-3px);box-shadow:0 8px 25px #007bff26}.media-management .media-server-config{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.media-management .media-server-config label{font-weight:600;color:#444;display:block;margin-bottom:.5rem}.media-management .media-server-config select{width:100%;max-width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.configuration-section{margin-top:3rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.configuration-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#e9ecef;cursor:pointer;transition:background-color .2s ease}.configuration-header:hover{background:#dee2e6}.configuration-header h3{margin:0;font-size:1.1rem;color:#495057;display:flex;align-items:center;gap:.5rem}.collapse-toggle{background:none;border:none;cursor:pointer;color:#6c757d;font-size:1.2rem;transition:transform .2s ease}.configuration-header:hover .collapse-toggle{color:#495057}.config-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.configuration-section .media-server-config{background:#fff;border:none;border-radius:0;padding:1.5rem;margin-bottom:0}.media-management .media-server-config select:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 3px #eb0bba1a}.media-management .cloud-media-config{margin-top:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:2px solid #e9ecef;box-shadow:0 4px 16px #0000000d;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.media-management .cloud-media-config h4{margin:0 0 1.5rem;font-size:1.4rem;color:#333;font-weight:700}.media-management .security-notice{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #bbdefb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:block;width:100%;max-width:100%;box-sizing:border-box}.media-management .security-notice i{color:#1976d2;font-size:1.5rem;display:block;margin-bottom:1rem;text-align:center}.media-management .security-notice strong{color:#1565c0;display:block;margin-bottom:.75rem;font-size:1.1rem;text-align:center}.media-management .security-notice p{margin:0;color:#424242;line-height:1.6;text-align:center}.media-management .config-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.media-management .config-field{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.media-management .config-field label{font-weight:700;color:#333;font-size:1rem;margin-bottom:.25rem}.media-management .config-field input,.media-management .config-field select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;width:100%;box-sizing:border-box}.media-management .config-field input:focus,.media-management .config-field select:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 3px #eb0bba1a}.media-management .config-field small{color:#666;font-size:.85rem;line-height:1.4;margin-top:.25rem}.media-management .section-header .media-actions{display:flex!important;gap:1rem;margin:0 0 1.5rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;flex-wrap:wrap;align-items:center;width:100%;max-width:none;box-sizing:border-box;box-shadow:0 4px 12px #667eea4d;overflow:visible;position:sticky;top:10px;z-index:1000;justify-content:center;min-height:60px}.media-management .section-header .media-actions button{flex:0 0 auto;min-height:48px;font-weight:600;font-size:1rem;border-radius:8px;transition:all .2s ease;cursor:pointer;border:none;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem}.media-management .section-header .media-actions .btn-primary{background:linear-gradient(135deg,#eb0bba,#d309a5);color:#fff;box-shadow:0 4px 12px #eb0bba4d}.media-management .section-header .media-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #eb0bba66}.media-management .section-header .media-actions .btn-secondary{background:#6c757d;color:#fff}.media-management .section-header .media-actions .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.media-management .section-header .media-actions .btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:2px solid #f57c00;font-size:1rem;padding:.75rem 1.5rem;box-shadow:0 4px 12px #ff98004d}.media-management .section-header .media-actions .btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff980066}.media-management .section-header .media-actions .btn-warning:disabled{background:#6c757d;border-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.media-management .media-controls{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0;padding:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px}.media-management .media-search input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;box-sizing:border-box}.media-management .media-search input:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 3px #eb0bba1a}.media-management .media-filters select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff}.media-management .folder-breadcrumb{font-size:.9rem;color:#666;padding:.5rem 0;border-top:1px solid #e0e0e0;margin-top:1rem}.media-management .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;position:relative;z-index:1}.media-management .media-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.media-management .media-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.media-management .media-thumbnail{width:100%;height:200px;position:relative;background:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-management .media-thumbnail img{width:100%;height:100%;object-fit:cover}.media-management .file-icon{font-size:3rem;color:#6c757d}.media-management .media-info{padding:1rem}.media-management .media-info h4{margin:0 0 .5rem;font-size:1rem;color:#333;word-break:break-word}.media-management .media-info p{margin:.25rem 0;font-size:.85rem;color:#666}.media-management .media-item-actions{padding:1rem;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;justify-content:center}.media-management .media-item-actions .btn-icon{background:none;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem;cursor:pointer;color:#666;transition:all .2s ease}.media-management .media-item-actions .btn-icon:hover{background:#f8f9fa;border-color:#ccc}.media-management .media-item-actions .btn-icon.delete{color:#dc3545}.media-management .media-item-actions .btn-icon.delete:hover{background:#f8d7da;border-color:#dc3545}.media-management .media-server-status{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #d4edda;border-radius:12px}.media-management .status-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #28a745;box-shadow:0 2px 4px #0000000d}.media-management .status-item:last-child{margin-bottom:0}.media-management .status-item i{color:#28a745;font-size:1.25rem;width:20px;text-align:center;margin-top:.25rem;flex-shrink:0}.media-management .status-item span{color:#333;font-size:.95rem;line-height:1.5}.media-management .status-item strong{color:#155724;font-weight:700}.media-management .external-id-input-group{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;box-sizing:border-box}.media-management .external-id-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;background:#f8f9fa;border:2px solid #e0e0e0;width:100%!important;max-width:100%!important;min-width:0!important;padding:.75rem!important;box-sizing:border-box;line-height:1.4;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.media-management .external-id-input:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 3px #eb0bba1a;background:#fff}.media-management .external-id-buttons{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.media-management .btn-generate-external-id,.media-management .btn-copy-external-id,.media-management .btn-regenerate-external-id{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px #28a7454d;flex:0 0 auto}.media-management .btn-copy-external-id{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d}.media-management .btn-regenerate-external-id{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;box-shadow:0 2px 8px #ffc1074d}.media-management .btn-generate-external-id:hover,.media-management .btn-copy-external-id:hover,.media-management .btn-regenerate-external-id:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.media-management .btn-generate-external-id:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.media-management .external-id-info{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.media-management .external-id-info small{color:#495057;font-size:.85rem;line-height:1.4}.media-management .external-id-info small:first-child{color:#dc3545;font-weight:700}.media-management .external-id-info small:nth-child(2){color:#6c757d}.media-management .external-id-info small:last-child{color:#28a745;font-weight:600}.media-management .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.media-management .modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.media-management .modal-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.media-management .modal-header h3{margin:0;font-size:1.25rem;color:#333}.media-management .modal-header button{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:.25rem;border-radius:4px}.media-management .modal-header button:hover{background:#f8f9fa}.media-management .modal-body{padding:1.5rem}.media-management .upload-area{border:2px dashed #ccc;border-radius:12px;padding:3rem 2rem;text-align:center;background:#fafafa;transition:all .2s ease}.media-management .upload-area:hover{border-color:#eb0bba;background:#fef7f7}.media-management .upload-label{cursor:pointer;display:block}.media-management .upload-label i{font-size:3rem;color:#ccc;margin-bottom:1rem;display:block}.media-management .upload-label p{margin:0 0 .5rem;font-size:1.1rem;color:#333}.media-management .upload-label small{color:#666;font-size:.9rem}.media-management .upload-progress{margin-top:1rem;text-align:center;color:#eb0bba}.media-management .upload-progress i{margin-right:.5rem}.media-management .aws-config-main{display:block;width:100%;max-width:100%;box-sizing:border-box}.media-management .aws-config-fields{margin-bottom:2rem;width:100%;max-width:100%;box-sizing:border-box}.media-management .aws-config-sidebar{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0;width:100%;max-width:100%;box-sizing:border-box;margin-top:1rem}.media-management .auth-section-header{margin-bottom:1rem}.media-management .auth-section-header h5{margin:0 0 .5rem;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:.5rem}.media-management .auth-section-header small{display:block;color:#dc3545;font-weight:600;margin-top:.25rem}.media-management .access-key-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.media-management .auth-method-note{margin-top:1rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:.9rem}.media-management .debug-info{background:#f8f9fa;padding:1rem;border:1px solid #dee2e6;font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border-radius:8px;margin-bottom:1rem;line-height:1.4}.media-management .aws-security-info{background:#e8f5e8;padding:1rem;border-radius:8px;border:1px solid #d4edda;font-size:.9rem;margin-bottom:1rem}.media-management .aws-security-info h5{margin:0 0 .5rem;color:#155724;font-size:1rem}.media-management .aws-security-info p{margin:0;color:#155724;line-height:1.4}.media-management .aws-status-cards-container{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.media-management .identity-center-credentials-section{background:#f8f9fa;padding:2rem;border-radius:12px;border:1px solid #e0e0e0;margin:2rem 0;width:100%;max-width:100%;box-sizing:border-box}.media-management .identity-center-credentials-section .auth-section-header{margin-bottom:1.5rem}.media-management .identity-center-credentials-section .access-key-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.media-management .action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.media-management .btn-test-connection,.media-management .btn-save-config{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all .2s ease;min-height:44px}.media-management .btn-test-connection:hover:not(:disabled){background-color:#0056b3!important;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.media-management .btn-save-config:hover:not(:disabled){background-color:#1e7e34!important;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.media-management .btn-test-connection:disabled,.media-management .btn-save-config:disabled{cursor:not-allowed;transform:none;box-shadow:none}.media-management .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem}.media-management .pagination button{background:#eb0bba;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.media-management .pagination button:disabled{background:#ccc;cursor:not-allowed}.media-management .pagination button:hover:not(:disabled){background:#d309a5;transform:translateY(-1px)}.media-management .pagination span{color:#333;font-weight:600}.media-management .media-empty{text-align:center;padding:4rem 2rem;color:#666}.media-management .media-empty i{font-size:4rem;color:#ccc;margin-bottom:1rem;display:block}.media-management .media-empty p{font-size:1.1rem;margin-bottom:2rem}.media-management .loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.media-management .folder-navigation{margin:2rem 0}.media-management .folder-navigation h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.media-management .folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.media-management .folder-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.media-management .folder-item:hover{background:#f8f9fa;border-color:#eb0bba;transform:translateY(-1px)}.media-management .folder-item i{color:#ffc107;font-size:1.5rem}.media-management .folder-item span{font-weight:600;color:#333}.media-management .folder-item small{color:#666;font-size:.8rem}@media(min-width:768px){.media-management .section-header{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.media-management .config-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.media-management .media-controls{grid-template-columns:2fr 1fr auto;align-items:center;gap:1.5rem}.media-management .folder-breadcrumb{border-top:none;margin-top:0}.media-management .security-notice{display:flex;align-items:flex-start;gap:1rem}.media-management .security-notice i{text-align:left;margin-bottom:0;margin-top:.25rem;font-size:1.25rem}.media-management .security-notice strong,.media-management .security-notice p{text-align:left}.media-management .external-id-input-group{flex-direction:column;align-items:stretch}.media-management .external-id-buttons{flex-wrap:nowrap;justify-content:flex-start}.media-management .cloud-media-config{padding:2.5rem}.media-management .media-item-actions{gap:1.5rem;padding:2rem;justify-content:flex-start}}@media(min-width:1024px){.media-management .config-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.media-management .identity-center-credentials-section .access-key-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.media-management .identity-center-credentials-section .session-token-field{grid-column:1 / -1}.media-management .access-key-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.media-management .session-token-field{grid-column:1 / -1}.media-management .aws-status-cards-container{grid-template-columns:1fr 1fr;gap:1rem}.media-management .aws-config-main{display:block}}@media(min-width:1200px){.media-management .config-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:100%}.media-management .media-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.media-management .aws-config-main{display:grid;grid-template-columns:1.8fr 1fr;gap:2rem;align-items:start;max-width:100%}.media-management .identity-center-credentials-section .access-key-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.media-management .identity-center-credentials-section .session-token-field{grid-column:1 / -1}.media-management .access-key-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.media-management .session-token-field{grid-column:1 / -1}}@media(min-width:1440px){.media-management .config-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.media-management .aws-config-main{grid-template-columns:2fr 1fr}.media-management .identity-center-credentials-section .access-key-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.media-management .identity-center-credentials-section .session-token-field{grid-column:1 / -1}.media-management .access-key-grid{grid-template-columns:repeat(2,1fr)}.media-management .session-token-field{grid-column:1 / -1}}.media-management .folder-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:1rem;margin:1rem 0}.media-management .folder-select:focus{outline:none;border-color:#eb0bba;box-shadow:0 0 0 2px #eb0bba1a}.media-management .folder-select option:disabled{color:#999;font-style:italic}.media-thumbnail.pdf-thumbnail{border:1px solid #ddd;border-radius:4px;background:#f9f9f9;box-shadow:0 2px 4px #0000001a}.media-thumbnail.pdf-thumbnail:hover{border-color:#007bff;box-shadow:0 2px 8px #00000026}.folder-item.trash-folder{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:2px solid #e17055;color:#d63031}.folder-item.trash-folder:hover{background:linear-gradient(135deg,#fdcb6e,#e17055);transform:translateY(-2px);box-shadow:0 4px 12px #e170554d}.folder-item.trash-folder i{color:#d63031}.trash-controls{margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-radius:8px}.trash-header{display:flex;justify-content:space-between;align-items:center}.trash-header h3{margin:0;color:#d63031;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.btn-icon.restore{color:#27ae60;background:#27ae601a}.btn-icon.restore:hover{color:#fff;background:#27ae60}.btn-icon.permanent{color:#e74c3c;background:#e74c3c1a}.btn-icon.permanent:hover{color:#fff;background:#e74c3c}.btn-trash{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#d63031;border:2px solid #e17055;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;text-decoration:none;font-size:.9rem}.btn-trash:hover{background:linear-gradient(135deg,#fdcb6e,#e17055);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #e170554d}.btn-trash:active{transform:translateY(0)}.database-management{padding:20px;max-width:1200px;margin:0 auto}.database-management h2{color:#2d3748;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.database-management h3{color:#4a5568;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.database-management h4{color:#4a5568;font-size:1rem;font-weight:600;margin-bottom:.5rem}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid}.alert-error{background-color:#fed7d7;border-color:#feb2b2;color:#c53030}.alert-success{background-color:#c6f6d5;border-color:#9ae6b4;color:#22543d}.database-management button{font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;gap:.5rem}.database-management button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.database-management button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.database-management table{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.database-management th{background-color:#f7fafc;font-weight:600;color:#2d3748;text-align:left}.database-management td,.database-management th{padding:.75rem;border-bottom:1px solid #e2e8f0}.database-management tr:last-child td{border-bottom:none}.database-management tr:hover{background-color:#f7fafc}.database-management input[type=text]{border-radius:.375rem;border:1px solid #d1d5db;padding:.75rem;width:100%;font-size:.875rem;transition:border-color .2s ease-in-out}.database-management input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.database-management .bg-gray-50{background-color:#f9fafb;border:1px solid #e5e7eb}.database-management .bg-white{background-color:#fff;border:1px solid #e5e7eb}.database-management .bg-red-50{background-color:#fef2f2;border:1px solid #fecaca}.database-management .bg-red-100{background-color:#fee2e2;border:1px solid #fca5a5}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-4{gap:1rem}.gap-2{gap:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.font-mono{font-family:Courier New,monospace}.font-semibold{font-weight:600}.text-left{text-align:left}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-green-600{color:#059669}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-red-200{border-color:#fecaca}.border-red-300{border-color:#fca5a5}.block{display:block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-y-2>*+*{margin-top:.5rem}.min-w-full{min-width:100%}.w-full{width:100%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.overflow-x-auto{overflow-x:auto}.bg-green-500{background-color:#10b981;color:#fff}.bg-green-600,.hover\:bg-green-600:hover{background-color:#059669}.bg-blue-500{background-color:#3b82f6;color:#fff}.bg-blue-600,.hover\:bg-blue-600:hover{background-color:#2563eb}.bg-red-500{background-color:#ef4444;color:#fff}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-red-700:hover{background-color:#b91c1c}.database-management .bg-red-50 h3{color:#b91c1c}.database-management .bg-red-100 p{margin-bottom:.5rem}.database-management .bg-red-100 p:last-child{margin-bottom:0}@media(max-width:768px){.database-management{padding:10px}.grid-cols-2{grid-template-columns:1fr}.database-management table{font-size:.875rem}.database-management th,.database-management td{padding:.5rem .25rem}.flex{flex-direction:column;gap:.5rem}.items-center{align-items:stretch}}.database-management button[disabled]{position:relative}.database-management button[disabled]:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;right:8px;top:50%;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.backup-management{padding:20px;max-width:1200px;margin:0 auto}.backup-header{margin-bottom:30px;text-align:center}.backup-header h2{color:#333;margin-bottom:10px;font-size:2rem}.backup-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.alert{padding:12px 16px;border-radius:6px;margin-bottom:20px;position:relative;font-weight:500}.alert-error{background-color:#fee;color:#c53030;border:1px solid #fed7d7}.alert-success{background-color:#f0fff4;color:#22543d;border:1px solid #c6f6d5}.alert-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;font-weight:700;opacity:.7}.alert-close:hover{opacity:1}.backup-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:30px;gap:4px}.tab-button{padding:12px 24px;border:none;background:transparent;font-size:1rem;font-weight:500;cursor:pointer;color:#64748b;transition:all .2s ease;border-radius:6px 6px 0 0}.tab-button:hover{color:#3b82f6;background-color:#f8fafc}.tab-button.active{color:#3b82f6;background-color:#f0f9ff;border-bottom:2px solid #3b82f6;position:relative;bottom:-2px}.backup-status .status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.status-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.status-card h3{margin:0 0 15px;color:#1a202c;font-size:1.2rem}.status-details{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f7fafc}.status-item:last-child{border-bottom:none}.status-item .label{color:#4a5568;font-weight:500}.status-item .value{color:#1a202c;font-weight:600}.status-item .value.success{color:#22543d}.status-item .value.warning{color:#d69e2e}.status-warning{margin-top:15px;padding:15px;background:#fef5e7;border:1px solid #f6ad55;border-radius:6px;color:#744210}.status-warning p{margin:0 0 10px}.status-warning p:last-child{margin-bottom:0}.action-buttons{display:flex;flex-direction:column;align-items:center;gap:15px}.backup-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.backup-options .btn{font-size:.85rem;padding:8px 16px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-small{padding:6px 12px;font-size:.85rem}.backup-list h3{margin-bottom:20px;color:#1a202c}.backup-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.backup-table table{width:100%;border-collapse:collapse}.backup-table th{background-color:#f8fafc;color:#374151;font-weight:600;padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.backup-table td{padding:12px 16px;border-bottom:1px solid #f7fafc}.backup-table tr:hover{background-color:#f8fafc}.backup-filename{font-family:monospace;font-size:.9rem;font-weight:500}.backup-actions{display:flex;gap:8px}.backup-schedules{display:flex;flex-direction:column;gap:30px}.create-schedule{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.create-schedule h3{margin:0 0 20px;color:#1a202c}.schedule-form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:500;color:#374151}.form-group input,.form-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;justify-content:flex-start}.schedules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.schedules-header h3{margin:0;color:#1a202c}.existing-schedules h3{margin-bottom:20px;color:#1a202c}.schedules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.schedule-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.schedule-card.running{border-left:4px solid #10b981}.schedule-card.stopped{border-left:4px solid #6b7280}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.schedule-header h4{margin:0;color:#1a202c;font-size:1.1rem}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.running{background-color:#d1fae5;color:#065f46}.status-badge.stopped{background-color:#f3f4f6;color:#374151}.schedule-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.detail-item .label{color:#6b7280;font-weight:500;min-width:80px;flex-shrink:0}.detail-item .value{color:#1a202c;text-align:right;font-family:monospace;font-size:.9rem;word-break:break-all}.schedule-actions{display:flex;gap:8px;flex-wrap:wrap}.no-data{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px}@media(max-width:768px){.backup-management{padding:15px}.backup-tabs{flex-wrap:wrap}.form-row,.schedules-grid{grid-template-columns:1fr}.backup-actions{flex-direction:column}.schedule-actions{justify-content:space-between}.detail-item{flex-direction:column;align-items:flex-start}.detail-item .value{text-align:left}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.health-monitoring{padding:20px;max-width:1200px;margin:0 auto}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.health-header h2{margin:0;color:#333;font-size:24px}.health-controls{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-outline{background-color:transparent;color:#007bff;border:1px solid #007bff}.btn-outline:hover{background-color:#007bff;color:#fff}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.health-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.health-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.health-card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.health-icon{font-size:20px}.health-card-header h3{margin:0;flex:1;font-size:16px;color:#333;font-weight:600}.health-status{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;background-color:#0000000d}.health-card-body{display:flex;flex-direction:column;gap:8px}.health-metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.metric-label{color:#666;font-size:14px}.metric-value{color:#333;font-weight:600;font-size:14px}.health-logs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.health-logs h3{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.logs-container{background-color:#f8f9fa;border-radius:8px;padding:15px;max-height:300px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px}.log-entry{display:flex;gap:12px;margin-bottom:8px;padding:6px 0;border-bottom:1px solid #e9ecef}.log-entry:last-child{margin-bottom:0;border-bottom:none}.log-timestamp{color:#6c757d;white-space:nowrap;font-weight:500}.log-message{color:#333;flex:1}.log-info .log-message{color:#0056b3}.log-success .log-message{color:#28a745}.log-warning .log-message{color:#ffc107;background-color:#ffc1071a;padding:2px 6px;border-radius:3px}.log-error .log-message{color:#dc3545;background-color:#dc35451a;padding:2px 6px;border-radius:3px}@media(max-width:768px){.health-monitoring{padding:15px}.health-header{flex-direction:column;align-items:stretch}.health-controls{justify-content:center}.health-grid{grid-template-columns:1fr;gap:15px}.health-card{padding:15px}.logs-container{max-height:250px;font-size:12px}}@media(prefers-color-scheme:dark){.health-monitoring,.health-header h2{color:#e1e5e9}.health-card{background:#2d3748;color:#e1e5e9}.health-card-header{border-bottom-color:#4a5568}.health-card-header h3{color:#e1e5e9}.health-status{background-color:#ffffff1a}.metric-label{color:#a0aec0}.metric-value{color:#e1e5e9}.health-logs{background:#2d3748;color:#e1e5e9}.health-logs h3{color:#e1e5e9}.logs-container{background-color:#1a202c;color:#e1e5e9}.log-entry{border-bottom-color:#4a5568}.log-timestamp{color:#a0aec0}.log-message{color:#e1e5e9}}.draft-management{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #e1e5e9;padding-bottom:20px}.header h1{margin:0;color:#2c3e50}.loading{text-align:center;padding:50px;font-size:18px;color:#666}.error-message{background-color:#fee;color:#c33;padding:15px;border-radius:5px;margin-bottom:20px;border:1px solid #fcc}.empty-state{text-align:center;padding:50px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.empty-state h3{color:#6c757d;margin-bottom:10px}.empty-state p{color:#6c757d;margin-bottom:20px}.drafts-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.drafts-table h2{margin:0;padding:20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#495057}.drafts-table table{width:100%;border-collapse:collapse}.drafts-table th{background-color:#f8f9fa;padding:15px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.drafts-table td{padding:15px;border-bottom:1px solid #e9ecef;vertical-align:top}.post-title{font-weight:600;color:#2c3e50;margin-bottom:5px}.post-excerpt{font-size:14px;color:#6c757d;line-height:1.4}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{padding:6px 12px;border-radius:4px;border:1px solid;font-size:14px;cursor:pointer;transition:all .2s}.btn-edit{background-color:#007bff;border-color:#007bff;color:#fff}.btn-edit:hover{background-color:#0056b3;border-color:#004085}.btn-publish{background-color:#28a745;border-color:#28a745;color:#fff}.btn-publish:hover{background-color:#1e7e34;border-color:#1c7430}.btn-delete{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333;border-color:#bd2130}.btn-primary{background-color:#007bff;border:1px solid #007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s}.btn-primary:hover{background-color:#0056b3;border-color:#004085}.btn-secondary{background-color:#6c757d;border:1px solid #6c757d;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#545b62;border-color:#4e555b}@media(max-width:768px){.header{flex-direction:column;gap:15px;align-items:flex-start}.drafts-table{overflow-x:auto}.actions{flex-direction:column;align-items:stretch}.actions button{width:100%}}.settings{padding-top:50px;margin-left:150px;display:flex}.settingsWrapper{flex:9}.settingsTitle{display:flex;align-items:center;justify-content:space-between}.settingsUpdateTitle{font-size:30px;margin-bottom:20px;color:#f08080}.settingsTitleDelete{color:red;font-size:12px;cursor:pointer}.settingsForm{display:flex;flex-direction:column}.settingsPP{display:flex;align-items:center;margin-top:10px;margin-bottom:10px}.settingsPP>img{height:70px;width:70px;border-radius:20px;object-fit:cover}.settingsPPIcon{width:25px;height:25px;padding:5px;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;margin-left:10px;color:#fff;background-color:#f08080;cursor:pointer}.settingsPPButton:focus{outline-style:none}.settingsForm>label{font-size:20px;margin-top:20px}.settingsPPInput{width:30%}.settingsForm>input{color:gray;margin-top:10px 0;height:30px;border:none;border-bottom:1px solid lightgray}.settingsSubmit{align-self:center;width:150px;border:none;border-radius:10px;color:#fff;background-color:teal;padding:10px;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settingsSubmit:hover{background-color:#017272}.login{min-height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a),url(/assets/LoginScreen-Bouin__q.jpg);background-size:cover;background-position:center;padding:20px}.login-container{background:#fff;border-radius:15px;padding:40px;max-width:450px;width:100%;box-shadow:0 15px 35px #0000001a;border:2px solid #eb0bba}.loginTitle{font-size:2.2rem;font-weight:700;color:#333;margin:0 0 8px;display:block}.login-header p{color:#666;margin:0;font-size:1rem}.oauth-section{margin-bottom:30px}.oauth-section h3{font-size:1.1rem;color:#333;margin:0 0 15px;text-align:center}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:transform .2s ease;border:2px solid transparent}.oauth-button:hover{transform:translateY(-2px)}.oauth-button.google{background:#4285f4;color:#fff}.oauth-button.google:hover{background:#3367d6}.oauth-button.facebook{background:#1877f2;color:#fff}.oauth-button.facebook:hover{background:#166fe5}.oauth-button.twitter{background:#1da1f2;color:#fff}.oauth-button.twitter:hover{background:#0d8bd9}.divider{text-align:center;margin:25px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span{background:#fff;padding:0 15px;color:#666;font-size:.9rem}.loginForm{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.loginButton{padding:15px;background:linear-gradient(135deg,#eb0bba,#c8009f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.loginButton:hover:not(:disabled){background:linear-gradient(135deg,#c8009f,#a6007e);transform:translateY(-2px)}.loginButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;border-top:1px solid #eee;padding-top:20px;margin-bottom:25px}.login-footer p{margin:8px 0;color:#666;font-size:.9rem}.login-footer a{color:#eb0bba;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.role-info{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center}.role-info h4{margin:0 0 12px;color:#333;font-size:1rem}.role-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.role-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;color:#fff}.role-badge.reader{background:#6c757d}.role-badge.writer{background:#28a745}.role-badge.editor{background:#ffc107;color:#333}.role-badge.admin{background:#dc3545}@media(max-width:768px){.login{padding:15px;min-height:calc(100vh - 40px)}.login-container{padding:30px 20px}.loginTitle{font-size:1.8rem}.role-badges{gap:6px}.role-badge{font-size:.75rem;padding:3px 8px}}.user-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;margin:20px}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{margin-bottom:30px}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:14px}.login-form .form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.login-form .form-group input:focus{outline:none;border-color:#667eea}.login-form .form-group input::placeholder{color:#999}.login-form .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-form .login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-form .login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.login-form .login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer .divider{text-align:center;margin:25px 0;position:relative}.login-footer .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.login-footer .divider span{background:#fff;padding:0 15px;color:#666;font-size:14px;position:relative}.login-footer .other-logins{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.login-footer .other-logins a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;color:#333;text-decoration:none;font-weight:500;transition:all .3s ease}.login-footer .other-logins a:hover{border-color:#667eea;background:#f8f9ff}.login-footer .other-logins a.admin-link{color:#dc2626;border-color:#fecaca}.login-footer .other-logins a.admin-link:hover{border-color:#dc2626;background:#fef2f2}.login-footer .other-logins a.register-link{font-size:14px;border:none;color:#667eea}.login-footer .other-logins a.register-link:hover{background:#f8f9ff}.login-footer .user-types-info{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px}.login-footer .user-types-info h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.login-footer .user-types-info .account-type{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.login-footer .user-types-info .account-type:last-child{margin-bottom:0}.login-footer .user-types-info .account-type i{color:#667eea;font-size:18px;margin-top:2px;min-width:20px}.login-footer .user-types-info .account-type div strong{display:block;color:#333;font-weight:600;margin-bottom:2px}.login-footer .user-types-info .account-type div p{margin:0;color:#666;font-size:13px;line-height:1.4}@media(max-width:480px){.login-container{margin:10px;padding:30px 25px}.login-header h1{font-size:24px}.user-types-info{padding:15px}}.register{height:calc(100vh - 50px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#d8bfd880,#d8bfd880),url(/assets/GetAccess-D4QbDrDn.jpg);background-size:cover}.registerTitle{font-size:50px}.registerForm{margin-top:20px;display:flex;flex-direction:column}.registerForm>label{margin:10px 0}.registerInput{padding:10px;background-color:#fff;border:none}.registerButton{margin-top:20px;cursor:pointer;background-color:teal;border:none;color:#fff5ee;border-radius:9px;padding:9px}.registerLoginButton{position:absolute;top:60px;right:20px;background-color:purple;color:#fff;border:none;border-radius:9px;padding:9px;cursor:pointer}.header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;overflow:hidden;margin:0;padding:0;border:none}.headerOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.headerTitle{position:absolute;top:20%;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:2}.headerTitleSm{font-size:2rem;font-weight:300;letter-spacing:.1rem;margin-bottom:.5rem;display:block}.headerTitleLg{font-size:4rem;font-weight:700;letter-spacing:.2rem;display:block}.headerImg{width:100%;height:100%;object-fit:cover;opacity:.8;filter:brightness(.7)}@media(max-width:768px){.header{height:30vh}.headerTitle{font-size:1.5rem}.headerTitleLg{font-size:2.5rem}}.post{width:100%;margin:0;display:flex;flex-direction:column;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.post:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.postImg{width:100%;height:190px;object-fit:cover}.postInfo{display:flex;flex-direction:column;align-items:center;padding:20px;flex-grow:1}.postCat{font-family:Fredoka,sans-serif;font-size:18px;color:#be9656;line-height:20px;margin-top:15px;margin-right:10px;cursor:pointer}.postTitle{font-family:Kanit,sans-serif;font-size:24px;font-weight:700;margin-top:15px;cursor:pointer}.link:hover .postTitle{color:#be9656}.postMeta{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px}.postDate{font-family:Poppins,sans-serif;font-style:italic;font-size:16px;color:#a7a4a4}.postAuthor{font-family:Poppins,sans-serif;font-size:14px;color:#666;font-weight:500}.postDescription{font-family:Roboto,sans-serif;font-size:15px;color:#444;line-height:21px;margin-top:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.postContent{font-family:Playwrite DE Grund,cursive;font-optical-sizing:auto}.postSocialActions{padding:15px;border-top:1px solid #e9ecef;display:flex;align-items:center;gap:15px;background:#f8f9fa;min-height:50px}.postSocialActions>*{flex-shrink:0}@media(max-width:768px){.postImg{height:200px}.postInfo{padding:15px}.postTitle{font-size:20px}.postSocialActions{padding:12px 15px;gap:12px}}@media(max-width:480px){.postImg{height:180px}.postInfo{padding:12px}.postTitle{font-size:18px}.postCat{font-size:16px}.postSocialActions{padding:10px 12px;gap:10px}}.posts{flex:9;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:20px;align-items:start}@media(min-width:1400px){.posts{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:20px auto}}@media(min-width:768px)and (max-width:1399px){.posts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:767px){.posts{grid-template-columns:1fr;margin:10px;gap:20px}}.category-header{width:100%;padding:20px 0;border-bottom:2px solid #eb0bba;margin-bottom:30px;text-align:center}.category-header h2{color:#eb0bba;font-family:Merriweather,serif;font-size:28px;margin:0 0 10px;text-transform:capitalize}.category-header p{color:#666;font-family:Poppins,sans-serif;font-size:16px;margin:0;font-style:italic}.loading,.error,.no-posts{width:100%;text-align:center;padding:40px 20px;font-family:Poppins,sans-serif}.loading p{font-size:18px;color:#666}.error p{font-size:18px;color:#e74c3c;margin-bottom:20px}.no-posts p{font-size:18px;color:#999}.retry-btn,.load-more-btn{background-color:#be9656;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;transition:background-color .3s ease}.retry-btn:hover,.load-more-btn:hover{background-color:#a0824a}.retry-btn:disabled,.load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.load-more{width:100%;text-align:center;margin-top:20px}.error-notice{width:100%;text-align:center;padding:10px;background-color:#fee;border:1px solid #fcc;border-radius:5px;margin-top:20px}.error-notice p{color:#c33;margin:0;font-size:14px}.home{display:flex;margin:0;padding:0}@media(max-width:768px){.home{flex-direction:column}}.about{flex:9;padding:20px;min-height:calc(100vh - 50px)}.aboutWrapper{max-width:900px;margin:0 auto;padding:20px}.aboutHeader{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.aboutTitle{font-size:2.5rem;font-weight:300;color:#333;margin-bottom:10px;line-height:1.2}.aboutSubtitle{font-size:1.2rem;color:#666;font-style:italic;margin:0}.aboutContent{line-height:1.8;color:#444}.aboutSection{margin-bottom:40px}.aboutSection h2{font-size:1.8rem;color:#333;margin-bottom:20px;font-weight:400;border-left:4px solid #007bff;padding-left:15px}.aboutSection p{margin-bottom:20px;font-size:1.1rem;text-align:justify}.aboutIntro{font-size:1.3rem!important;font-style:italic;text-align:center!important;color:#555;background-color:#f8f9fa;padding:30px;border-radius:8px;border-left:4px solid #007bff}.aboutHighlight{text-align:center!important;font-size:1.4rem!important;color:#007bff;margin:30px 0!important;padding:20px;background-color:#f0f8ff;border-radius:8px}.aboutConclusion{font-size:1.2rem!important;font-weight:500;text-align:center!important;color:#007bff;background-color:#f0f8ff;padding:25px;border-radius:8px;margin-top:40px!important}.aboutImageContainer{margin:30px 0;text-align:center}.aboutImageFull{width:100%;max-width:800px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.aboutImageFull:hover{transform:scale(1.02)}.aboutImageGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.aboutImage{width:100%;height:250px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.aboutImage:hover{transform:scale(1.05)}@media screen and (max-width:768px){.about,.aboutWrapper{padding:10px}.aboutTitle{font-size:2rem}.aboutSubtitle{font-size:1rem}.aboutSection h2{font-size:1.5rem}.aboutSection p{font-size:1rem;text-align:left}.aboutIntro{font-size:1.1rem!important;padding:20px;text-align:left!important}.aboutImageGrid{grid-template-columns:1fr;gap:15px}.aboutImage{height:200px}.aboutHighlight{font-size:1.2rem!important;text-align:left!important}.aboutConclusion{font-size:1.1rem!important;text-align:left!important}}@media screen and (max-width:480px){.aboutTitle{font-size:1.8rem}.aboutSection h2{font-size:1.3rem;padding-left:10px}.aboutIntro{padding:15px}.aboutImage{height:180px}}.contact{padding:40px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 60px)}.contactWrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.contactHeader{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px;text-align:center}.contactTitle{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.contactSubtitle{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.contactContent{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:600px}.contactInfo{padding:40px;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center}.contactInfo h2{font-size:1.8rem;color:#333;margin-bottom:16px;font-weight:600}.contactInfo>p{color:#666;line-height:1.6;margin-bottom:30px}.contactFeatures{display:flex;flex-direction:column;gap:20px}.contactFeature{display:flex;align-items:flex-start;gap:16px}.contactFeature i{font-size:1.5rem;color:#667eea;margin-top:4px;min-width:24px}.contactFeature h3{font-size:1rem;color:#333;margin-bottom:4px;font-weight:600}.contactFeature p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.contactForm{padding:40px;display:flex;flex-direction:column;justify-content:center}.formGroup{margin-bottom:24px}.formGroup label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.formGroup input,.formGroup textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;background-color:#fff}.formGroup input:focus,.formGroup textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.formGroup textarea{resize:vertical;min-height:120px}.submitButton{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submitButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.submitMessage{margin-top:16px;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-weight:500}.submitMessage.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.submitMessage.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.submitMessage i{font-size:1.2rem}@media(max-width:768px){.contact{padding:20px 10px}.contactHeader{padding:40px 20px}.contactTitle{font-size:2rem}.contactContent{grid-template-columns:1fr}.contactInfo,.contactForm{padding:30px 20px}.contactFeatures{gap:16px}.contactFeature{flex-direction:row;text-align:left}}@media(max-width:480px){.contactHeader{padding:30px 16px}.contactTitle{font-size:1.8rem}.contactSubtitle{font-size:1rem}.contactInfo,.contactForm{padding:24px 16px}.formGroup input,.formGroup textarea{padding:10px 14px}.submitButton{padding:12px 24px}}.dynamic-page{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6;color:#333}.dynamic-page-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.dynamic-page h1{color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.last-updated{color:#666;font-style:italic;margin-bottom:2rem;font-size:.9rem}.page-content{font-size:1rem;line-height:1.7}.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{color:#2c3e50;margin-top:2rem;margin-bottom:1rem}.page-content h2{border-bottom:1px solid #eee;padding-bottom:.5rem}.page-content p{margin-bottom:1rem}.page-content ul,.page-content ol{margin-bottom:1rem;padding-left:2rem}.page-content li{margin-bottom:.5rem}.page-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}.page-content a{color:#3498db;text-decoration:none}.page-content a:hover{text-decoration:underline}.page-content strong{font-weight:600}.page-content em{font-style:italic}.page-content u{text-decoration:underline}.dynamic-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dynamic-page-error{max-width:600px;margin:0 auto;padding:2rem;text-align:center;color:#666}.dynamic-page-error h1{color:#e74c3c;margin-bottom:1rem}@media(max-width:768px){.dynamic-page{padding:1rem}.dynamic-page-content{padding:1.5rem}.page-content{font-size:.95rem}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-callback-container{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 10px 30px #0000001a;max-width:400px;width:90%}.auth-loading i,.auth-error i,.auth-success i{font-size:3rem;margin-bottom:1rem}.auth-loading i{color:#667eea}.auth-error i{color:#e74c3c}.auth-success i{color:#27ae60}.auth-callback h2{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem;font-weight:600}.auth-callback p{margin:0 0 2rem;color:#7f8c8d;line-height:1.5}.retry-button{background:#e74c3c;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.retry-button:hover{background:#c0392b}@media(max-width:480px){.auth-callback-container{padding:2rem;margin:1rem}.auth-callback h2{font-size:1.25rem}}.terms-container{min-height:100vh;background-color:#f9f9f9;padding:40px 20px}.terms-content{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 20px #0000001a;line-height:1.6;color:#333}.terms-content h1{color:#2c3e50;text-align:center;margin-bottom:10px;font-size:2.5rem;font-weight:700}.last-updated{text-align:center;color:#7f8c8d;font-style:italic;margin-bottom:40px;font-size:1rem}.terms-section{margin-bottom:40px}.terms-section h2{color:#34495e;border-bottom:2px solid #e74c3c;padding-bottom:10px;margin-bottom:20px;font-size:1.5rem;font-weight:600}.terms-section h3{color:#2c3e50;margin-top:25px;margin-bottom:15px;font-size:1.2rem;font-weight:600}.terms-section p{margin-bottom:15px;text-align:justify}.terms-section ul{padding-left:20px;margin-bottom:20px}.terms-section li{margin-bottom:8px;list-style-type:disc}.terms-section li strong{color:#2c3e50;font-weight:600}.terms-section a{color:#e74c3c;text-decoration:none;transition:color .3s ease}.terms-section a:hover{color:#c0392b;text-decoration:underline}.terms-section a[target=_blank]:after{content:" ↗";color:#7f8c8d;font-size:.8em}.contact-info{background-color:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #e74c3c;margin-top:15px}.contact-info p{margin-bottom:10px;text-align:left}.contact-info strong{color:#2c3e50}.important-notice{background-color:#fff3cd;padding:25px;border-radius:8px;border-left:4px solid #ffc107;border:1px solid #ffeaa7}.important-notice h2{color:#856404;border-bottom-color:#ffc107}.important-notice p,.important-notice li{color:#856404}.important-notice a{color:#0056b3;font-weight:500}.important-notice a:hover{color:#004085}.terms-footer{text-align:center;padding:20px;border-top:1px solid #ecf0f1;margin-top:40px;color:#7f8c8d;font-size:.9rem;background-color:#f8f9fa;border-radius:8px}@media(max-width:768px){.terms-container{padding:20px 10px}.terms-content{padding:20px;margin:0 10px}.terms-content h1{font-size:2rem}.terms-section h2{font-size:1.3rem}.terms-section h3{font-size:1.1rem}.contact-info{padding:15px}.important-notice{padding:20px}}@media(max-width:480px){.terms-content h1{font-size:1.8rem}.terms-section{margin-bottom:30px}.terms-section ul{padding-left:15px}.important-notice{padding:15px}}@media print{.terms-container{background-color:#fff;padding:0}.terms-content{box-shadow:none;padding:20px}.terms-section a{color:#333;text-decoration:underline}.terms-section a[target=_blank]:after{content:""}}.login{min-height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{background:#fff;border-radius:15px;padding:40px;max-width:400px;width:100%;box-shadow:0 15px 35px #0000001a;border:3px solid #eb0bba}.login-header{text-align:center;margin-bottom:30px}.login-header i{font-size:3rem;color:#eb0bba;margin-bottom:15px;display:block}.loginTitle{font-size:2rem;font-weight:700;color:#333;margin:0}.loginForm{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column}.loginForm label{font-weight:600;color:#333;margin-bottom:8px;font-size:.9rem}.loginInput{padding:12px 15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa}.loginInput:focus{outline:none;border-color:#eb0bba;background-color:#fff;box-shadow:0 0 0 3px #eb0bba1a}.loginInput:disabled{background-color:#e9ecef;cursor:not-allowed}.loginButton{padding:15px;background:linear-gradient(135deg,#eb0bba,#d309a5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.loginButton:hover:not(:disabled){background:linear-gradient(135deg,#d309a5,#b8088a);transform:translateY(-2px);box-shadow:0 5px 15px #eb0bba4d}.loginButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.loginButton.loading{pointer-events:none}.login-error{background:#f8d7da;color:#721c24;padding:12px 15px;border-radius:8px;border:1px solid #f5c6cb;font-size:.9rem;display:flex;align-items:center;gap:8px}.login-info{margin-top:25px;text-align:center;border-top:1px solid #eee;padding-top:20px}.login-info p{color:#666;font-size:.85rem;margin:0 0 15px;display:flex;align-items:center;justify-content:center;gap:6px}.login-info i{color:#eb0bba}.demo-credentials{background:#e7f3ff;border:1px solid #b8daff;border-radius:6px;padding:10px;font-size:.8rem;color:#004085}.demo-credentials small{font-weight:600}@media(max-width:768px){.login{padding:15px;min-height:calc(100vh - 40px)}.login-container{padding:30px 20px}.loginTitle{font-size:1.5rem}.login-header i{font-size:2.5rem}}.login-container{animation:slideIn .5s ease-out}.protected-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #eb0bba;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.protected-loading p{color:#666;font-size:1.1rem;margin:0}.protected-unauthorized{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.unauthorized-content{background:#fff;border-radius:15px;padding:40px;max-width:600px;width:100%;box-shadow:0 10px 30px #0000001a;text-align:center;border:3px solid #eb0bba}.unauthorized-icon{font-size:4rem;color:#eb0bba;margin-bottom:20px}.unauthorized-content h1{color:#333;font-size:2.5rem;margin:0 0 15px;font-weight:700}.unauthorized-content>p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.unauthorized-details{background:#f8f9fa;border-radius:10px;padding:25px;margin:30px 0;border-left:5px solid #eb0bba}.unauthorized-details h3{color:#333;font-size:1.3rem;margin:0 0 15px;font-weight:600}.unauthorized-details ul{list-style:none;padding:0;margin:0;text-align:left}.unauthorized-details li{color:#555;font-size:1rem;position:relative;padding:8px 0 8px 25px}.unauthorized-details li:before{content:"✓";position:absolute;left:0;color:#eb0bba;font-weight:700}.unauthorized-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:30px 0}.btn-admin-login,.btn-go-home{padding:15px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;text-decoration:none;min-width:150px;justify-content:center}.btn-admin-login{background:linear-gradient(135deg,#eb0bba,#d309a5);color:#fff}.btn-admin-login:hover{background:linear-gradient(135deg,#d309a5,#b8088a);transform:translateY(-2px);box-shadow:0 5px 15px #eb0bba4d}.btn-go-home{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-go-home:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.unauthorized-footer{border-top:1px solid #eee;padding-top:20px;margin-top:30px}.unauthorized-footer p{color:#888;font-size:.9rem;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.unauthorized-footer i{color:#eb0bba}@media(max-width:768px){.unauthorized-content{padding:30px 20px;margin:10px}.unauthorized-content h1{font-size:2rem}.unauthorized-icon{font-size:3rem}.unauthorized-actions{flex-direction:column;align-items:stretch}.btn-admin-login,.btn-go-home{width:100%;margin-bottom:10px}.unauthorized-details{padding:20px;margin:20px 0}.unauthorized-footer p{flex-direction:column;text-align:center;line-height:1.5}}.unauthorized-content{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#4a4a4a;overflow-x:hidden}html{overflow-x:hidden;margin:0;padding:0}*{box-sizing:border-box}.App{margin:0;padding:0;min-height:100vh}.link{text-decoration:none;color:inherit}.link:hover{color:#eb0bba}@media(max-width:768px){.home{flex-direction:column;align-items:center;padding:10px}.home>*{width:100%;margin-bottom:20px}.sidebar{width:100%;padding:10px}.sidebarVideo{width:100%;height:auto}.post{width:100%;margin-bottom:20px}}