.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}@media (max-width: 768px){.sidebar{flex:1;margin:10px;padding:15px}.sidebarTitle{font-size:28px}.sidebarListItem{font-size:18px}.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)}.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-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-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}.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}.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;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #eee;background:#f8f9fa}.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{background-color:#0056b3;border-color:#0056b3}.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}}.lexical-container{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;width:100%;max-width:none}.lexical-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box}.toolbar-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#666;font-size:14px;font-weight:500;transition:all .2s ease}.toolbar-item:hover{background:#e9ecef;color:#333}.toolbar-item:active,.toolbar-item.active{background:#be9656;color:#fff}.toolbar-divider{width:1px;height:24px;background:#ddd;margin:0 4px}.lexical-editor-wrapper{position:relative;min-height:400px;width:100%}.lexical-content-editable{min-height:400px;padding:20px;outline:none;font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;color:#333;overflow-y:auto;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.lexical-content-editable:focus{outline:none}.lexical-placeholder{position:absolute;top:20px;left:20px;pointer-events:none;color:#999;font-style:italic;font-size:16px}.lexical-paragraph{margin:0 0 1em}.lexical-heading-h1{font-family:Kanit,sans-serif;font-size:2.5em;font-weight:700;margin:1.5em 0 .5em;color:#2c3e50}.lexical-heading-h2{font-family:Kanit,sans-serif;font-size:2em;font-weight:600;margin:1.3em 0 .5em;color:#34495e}.lexical-heading-h3{font-family:Kanit,sans-serif;font-size:1.5em;font-weight:600;margin:1.2em 0 .5em;color:#34495e}.lexical-heading-h4{font-family:Kanit,sans-serif;font-size:1.25em;font-weight:600;margin:1.1em 0 .5em;color:#34495e}.lexical-heading-h5{font-family:Kanit,sans-serif;font-size:1.125em;font-weight:600;margin:1em 0 .5em;color:#34495e}.lexical-heading-h6{font-family:Kanit,sans-serif;font-size:1em;font-weight:600;margin:1em 0 .5em;color:#34495e}.lexical-quote{border-left:4px solid #be9656;margin:1.5em 0;padding:1em 0 1em 1.5em;font-style:italic;background:#f9f9f9;color:#555}.lexical-list-ol,.lexical-list-ul{margin:1em 0;padding-left:2em}.lexical-list-ol{list-style-type:decimal}.lexical-list-ul{list-style-type:disc}.lexical-listitem{margin:.5em 0}.lexical-nested-listitem{list-style-type:circle}.lexical-text-bold{font-weight:700}.lexical-text-italic{font-style:italic}.lexical-text-underline{text-decoration:underline}.lexical-text-strikethrough{text-decoration:line-through}.lexical-text-underlineStrikethrough{text-decoration:underline line-through}.lexical-text-code{background:#f1f3f4;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.lexical-code{background:#f8f8f8;border:1px solid #e1e5e9;border-radius:6px;padding:1em;margin:1em 0;font-family:Courier New,Monaco,monospace;font-size:.9em;line-height:1.4;overflow-x:auto;white-space:pre}.lexical-link{color:#be9656;text-decoration:underline;cursor:pointer}.lexical-link:hover{color:#a0824a}.lexical-image{max-width:100%;height:auto;display:block;margin:10px auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.lexical-image-wrapper{margin:1em 0;text-align:center}.lexical-token-comment{color:#6a9955}.lexical-token-keyword{color:#569cd6}.lexical-token-string{color:#ce9178}.lexical-token-number{color:#b5cea8}.lexical-token-function{color:#dcdcaa}.lexical-token-class-name{color:#4ec9b0}.lexical-token-operator,.lexical-token-punctuation{color:#d4d4d4}.lexical-token-property{color:#9cdcfe}.lexical-token-boolean{color:#569cd6}.lexical-token-selector{color:#d7ba7d}.lexical-token-attr{color:#92c5f8}@media (max-width: 768px){.lexical-toolbar{padding:6px 8px;flex-wrap:wrap}.toolbar-item{width:28px;height:28px;font-size:12px}.lexical-content-editable{padding:15px;font-size:14px}.lexical-placeholder{top:15px;left:15px;font-size:14px}.lexical-heading-h1{font-size:2em}.lexical-heading-h2{font-size:1.75em}.lexical-heading-h3{font-size:1.5em}}.lexical-container:focus-within{border-color:#be9656;box-shadow:0 0 0 3px #be96561a}.lexical-container.loading{opacity:.7;pointer-events:none}.lexical-container.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #be9656;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.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}.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%}.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{margin-bottom:20px}.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}.settings-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.settings-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.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{display:flex;gap:8px;flex-wrap:wrap}.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{background:#6c757d;color:#fff}.page-actions .btn-secondary:hover{background:#5a6268}.page-actions .btn-danger{background:#dc3545;color:#fff}.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 ul{margin:15px 0;padding-left:20px}.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}.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}.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}@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{grid-template-columns:1fr}}.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;gap:1rem;margin:0;padding:0;background:none;border:none;border-radius:0;flex-wrap:wrap;align-items:center;width:auto;max-width:none;box-sizing:border-box;box-shadow:none;overflow:visible;position:relative;z-index:200}.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}.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}.postDate{font-family:Poppins,sans-serif;font-style:italic;font-style:18px;margin-top:15px;color:#a7a4a4}.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}@media (max-width: 768px){.postImg{height:200px}.postInfo{padding:15px}.postTitle{font-size:20px}}@media (max-width: 480px){.postImg{height:180px}.postInfo{padding:12px}.postTitle{font-size:18px}.postCat{font-size:16px}}.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}}