body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}*,body{font-family:Montserrat,sans-serif}.navbar{border-bottom:1px solid gray;color:#333;left:0;padding:.8rem 1.5rem;position:fixed;right:0}.navbar-left{gap:1rem}.menu-toggle{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem}.logo{font-size:1.5rem;font-weight:700;justify-content:center}.navlogo1{height:30px}.navbar-right{align-items:center;display:flex;gap:1rem}.profile-button{border:none;border-radius:50px;color:#333;font-size:.9rem;font-weight:bolder;gap:.5rem;margin:0;padding:0 1rem;transition:background-color .3s}.profile-image{border:2px solid #fff;height:40px;width:40px}.profile-dropdown{border-radius:8px;box-shadow:0 4px 20px #00000026;color:#333;margin-top:.5rem;min-width:200px;padding:1rem;top:100%}.user-info{border-bottom:1px solid #eee;margin-bottom:.5rem;padding:.5rem 0}.dashboard-container{display:flex;min-height:calc(100vh - 70px)}.auth-section{display:flex;flex-direction:column;gap:.5rem}.main-content{flex:1 1;margin-left:280px;padding:1rem;transition:margin-left .3s ease}.content-header{margin-bottom:2rem}.content-header h1{border-bottom:1px solid gray;font-family:Montserrat,sans-serif;font-size:2rem;margin-bottom:10px;padding-bottom:10px;padding-top:10px}.content-body{border-radius:12px;padding:1rem}.auth-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:90%}.auth-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:2rem}.auth-tab{background:none;border:none;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;transition:all .3s}.auth-tab.active{border-bottom:2px solid #812baf;color:#812baf}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#555;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus{border-color:#812baf;outline:none}.submit-btn{background:#812baf;border-radius:6px;padding:1rem;transition:transform .2s}.submit-btn:hover{transform:translateY(-2px)}.close-btn{background:none;color:#fff;font-size:2rem;position:absolute;right:1rem;top:1rem}.professional-dashboarddash .content-header{margin-bottom:2rem}.professional-dashboarddash .content-header h1{color:#2c3e50;margin-bottom:.5rem}.professional-dashboarddash .content-header p{color:#7f8c8d;font-size:1.1rem}.trending-overlaydash{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:1rem;position:absolute;right:0;transform:translateY(100%);transition:transform .3s ease}.trending-carddash:hover .trending-overlaydash{transform:translateY(0)}.trending-titledash{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.trending-datedash{font-size:.8rem;opacity:.9}.view-all-btn{background:#812baf;border-radius:6px;color:#fff;padding:.5rem 1rem;transition:background-color .3s}.view-all-btn:hover{background:#5a6fd8}.loading-text{margin-top:2rem}.main-category-content .content-header{margin-bottom:2rem}.main-category-content .content-header h1{color:#2c3e50;margin-bottom:.5rem}.main-category-content .content-header p{color:#7f8c8d;font-size:1.1rem}.categories-container{display:flex;flex-direction:column;gap:1rem}.categories-container h2{font-family:Montserrat,sans-serif;font-size:2rem}.category-section{background:#fff;border:1px solid gray;border-radius:6px;padding:1rem}.category-title-wrapper{justify-content:space-between}.category-title{color:#2c3e50;font-size:1.5rem!important;font-weight:600}.posts-gridm{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.post-cardm{background:#f8f9fa;border:1px solid gray;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.post-cardm:hover{transform:translateY(-5px)}.post-imagem{height:180px}.post-cardm:hover .post-imagem img{transform:scale(1.05)}.post-contentm{padding:1rem}.post-titlem{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.75rem}.post-metam{margin-bottom:1rem}.post-date{color:#6c757d;font-size:.9rem}.post-actions{justify-content:flex-end}.read-more-btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{box-shadow:0 4px 15px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.dashboard-loadingdash{height:100px}.loading-animation{height:300px;width:300px}.error,.no-posts{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;padding:3rem;text-align:center}.error h2,.no-posts h2{color:#e74c3c;margin-bottom:1rem}.error p{color:#7f8c8d;margin-bottom:1.5rem}.retry-btn{border-radius:6px;transition:background-color .3s}.retry-btn:hover{background:#5a6fd8}.debug-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:2rem;padding:1rem}.debug-info summary{color:#812baf}.debug-info pre{background:#2c3e50;border-radius:6px;color:#fff;font-size:.8rem;margin-top:1rem;overflow-x:auto;padding:1rem}@media (max-width:768px){.content-header h1{font-size:1.4rem}.category-section{border-bottom:1px solid #e9ecef;border-radius:6px;box-shadow:none;padding:0}.posts-gridm{gap:1rem;grid-template-columns:1fr}.content-header{margin-bottom:1rem}.post-contentm{padding:1rem}.post-titlem{font-size:1rem}.category-title{font-size:1.3rem}.main-category-content .content-header{margin-bottom:1rem}.main-category-content .content-header h1{font-size:1.5rem}.professional-dashboarddash .content-header{margin-bottom:1rem}.professional-dashboarddash .content-header h1{font-size:1.5rem}.view-all-btn{font-size:.8rem;padding:.4rem .8rem}.menu-toggle{display:block;margin:0}.main-content{margin-left:0;padding:.5rem}.content-body{padding:0}.navbar{border-bottom:1px solid #000;padding:1rem}.professional-dashboarddash .content-header p{color:#7f8c8d;font-size:1rem}}@media (max-width:480px){.categories-container{gap:0}.post-imagem{height:160px}.read-more-btn{font-size:.9rem;padding:.6rem 1.2rem}.auth-modal{margin:1rem;padding:1.5rem}.navbar{padding:.45rem .8rem}.logo{font-size:1.2rem}}.sidebar{background:#e9eef3;border-right:1px solid gray;height:100%;left:0;overflow-y:auto;position:fixed;top:61px;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.collapsed{overflow:visible;padding:1rem 0;width:80px}.childr{align-items:center;display:flex;gap:10px}.sidebar-header{border-bottom:1px solid #ffffff1a;display:none;justify-content:flex-end;margin-bottom:0;padding:0 1.5rem .5rem}.sidebar.collapsed .sidebar-header{border-bottom:none;justify-content:center;margin-bottom:.5rem;padding:0 1rem 1rem}.sidebar-brand{align-items:center;color:#fff;display:flex;gap:.75rem}.brand-icon{display:flex;font-size:1.5rem}.brand-text{color:#2d3748;font-size:1.25rem;font-weight:700}.sidebar-controls,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-size:.8rem;height:32px;justify-content:center;padding:.5rem;transition:all .3s ease;width:32px}.toggle-btn:hover{background:#0000;transform:scale(1.05)}.sidebar-auth{border-top:1px solid gray;padding:.75rem 1.5rem}.sidebar.collapsed .sidebar-auth{padding:0 1rem 1rem}.auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;transition:all .3s ease;width:100%}.sidebar.collapsed .auth-btn{justify-content:center;padding:.75rem}.login-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:5px 15px}.login-btn:hover{background:#fff3}.logout-btn{background:#ef4444cc;border:1px solid #ef444499;border-radius:10px;padding:5px 15px;width:auto}.logout-btn:hover{background:#ef4444}.auth-icon{font-size:1.1rem}.sidebar-menu{height:90vh;list-style:none;overflow:scroll;padding:0;scrollbar-width:none}.menu-item{margin-bottom:0}.menu-title{align-items:center;border-bottom:1px solid gray;border-left:3px solid #0000;color:#333;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1.5rem;transition:all .3s ease}.menu-title:hover{background:#ffffff1a;border-left-color:#ffffff4d}.menu-title.active{background:#f2d9ff;border-left-color:#000}.menu-content{align-items:center;display:flex;flex:1 1;font-weight:bolder;gap:.75rem}.menu-icon{display:flex;font-size:1.2rem;text-align:center}.sideicon{height:30px}.menu-text{flex:1 1;font-weight:700}.menu-arrow{font-size:1.4rem;opacity:.7}.submenu-toggle{font-size:1rem;font-weight:700;opacity:.7}.submenu{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.open{align-items:flex-start;border-bottom:1px solid gray;display:flex;flex-direction:column;max-height:200px;padding:5px 1.5rem}.submenu-item{align-items:center;border-radius:10px;box-shadow:0 2px 8px 0 #63636333;cursor:pointer;display:flex;gap:.5rem;margin:5px 0;padding:.4rem;transition:all .3s ease;width:-webkit-max-content;width:max-content;width:100%}.submenu-item:hover{background:#f4e0ff;border-left-color:#fff3}.submenu-item.active{background:#f2d9ff;border-left-color:#000;color:#000;font-weight:bolder}.submenu-icon{display:flex;font-size:1rem}.submenu-text{font-size:.9rem;font-weight:500}.sidebar-icons{display:flex;flex-direction:column;gap:.5rem;height:55vh;overflow:scroll;padding:0 .5rem}.icon-container,.icon-item{display:flex;justify-content:center;position:relative}.icon-item{align-items:center;border-radius:8px;cursor:pointer;height:48px;padding:.75rem;transition:all .3s ease;width:48px}.icon-item:hover{background:#ffffff1a}.icon-item.active{background:#ffffff26}.icon{font-size:1.3rem}.submenu-indicator{align-items:center;background:#fff3;border-radius:50%;color:#fffc;display:flex;font-size:.6rem;height:12px;justify-content:center;position:absolute;right:6px;top:6px;width:12px}.submenu-popout{animation:popoutSlide .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;left:calc(100% - 6px);min-width:200px;position:absolute;top:0;z-index:1002}.submenu-popout:before{border-bottom:6px solid #0000;border-right:6px solid #fff;border-top:6px solid #0000;content:"";height:0;left:-6px;position:absolute;top:20px;width:0}@keyframes popoutSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.popout-header{align-items:center;background:#812baf;border-radius:8px 8px 0 0;color:#fff;display:flex;gap:.5rem;padding:1rem}.popout-icon{font-size:1.1rem}.popout-title{font-size:.9rem;font-weight:600}.popout-items{padding:.5rem 0}.popout-item{border-left:3px solid #0000;color:#4a5568;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.popout-item:hover{background:#f7fafc;border-left-color:#812baf;color:#2d3748}.popout-item.active{background:#edf2f7;border-left-color:#812baf;color:#812baf;font-weight:500}.icon-item[title]:hover:after{background:#2d3748;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:.8rem;left:calc(100% + 5px);margin-left:10px;padding:.5rem 1rem;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1002}.icon-container:hover .icon-item[title]:after{display:none}.expand-section{border-top:1px solid #ffffff1a;margin-top:1rem;padding:1rem}.expand-btn,.expand-section{display:flex;justify-content:center}.expand-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;height:32px;padding:.5rem;transition:all .3s ease;width:32px}.expand-btn:hover{background:#0000;transform:scale(1.05)}.sidebar.collapsed~.main-content{margin-left:80px}@media (max-width:768px){.submenu-item{padding:.5rem;width:-webkit-fill-available}.sidebar-header{display:none}.banner-dashboard{display:flex;flex-direction:column;gap:10px;padding:10px}.menu-title{padding:1rem 1.5rem}.menu-text{font-size:14px}.logout-btn{padding:.5rem;width:auto}.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{padding:0;transform:translateX(0)}.sidebar.collapsed{overflow:auto;width:280px}.main-content{margin-left:0;width:100%}.sidebar.collapsed~.main-content{margin-left:0}.expand-btn,.toggle-btn{display:none}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.submenu-popout{bottom:20px;left:90px;max-height:300px;max-width:calc(100vw - 110px);min-width:auto;overflow-y:auto;position:fixed;right:20px;top:auto;z-index:1003}.submenu-popout:before{display:none}.icon-item{-webkit-tap-highlight-color:transparent;cursor:pointer}.submenu.open{padding:.5rem 1.5rem}}@media (max-width:480px){.sidebar{top:56px;width:100%}.submenu-popout{bottom:100px;left:20px;max-width:calc(100vw - 40px);right:20px;top:auto}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.navbar{background:#e9eef3;height:60px;justify-content:space-between;padding:0 16px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:16px}.menu-toggle{display:none}.menu-toggle:hover{background-color:#f5f5f5}.logo{align-items:center;display:flex;gap:10px}.navlogo1{border-radius:8px;height:36px;object-fit:cover;width:36px}.logoa{color:#333;font-size:1.3rem;font-weight:700;text-decoration:none;transition:color .2s;white-space:nowrap}.logoa:hover{color:#812baf}.navbar-right,.profile-section{position:relative}.profile-button{align-items:center;background:none;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.profile-button:hover{background-color:#e9ecef;border-color:#812baf}.profile-image{border:2px solid #812baf;border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-name{color:#333;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-header{align-items:flex-start;color:#000;display:flex;gap:12px;padding:16px}.dropdown-profile-image{border:3px solid #fff;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.user-info{flex:1 1;min-width:0}.user-name{font-size:1rem;margin-bottom:4px}.user-email,.user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.8rem;margin-bottom:8px;opacity:.9}.user-badge{margin-top:0}.badge{background:#fff3;border-radius:12px;display:inline-block;font-size:.7rem;font-weight:500;padding:3px 8px}.user-details{border-bottom:1px solid #eee;padding:16px}.detail-item{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-label{align-items:center;color:#666;display:flex;flex-shrink:0;font-size:.85rem;gap:6px;margin-right:8px}.detail-value{color:#333;flex:1 1;font-size:.85rem;font-weight:500;min-width:0;text-align:right;word-break:break-word}.referral-code{background:#f0f0f0;border-radius:4px;display:inline-block;font-family:monospace;font-size:.8rem;padding:2px 8px;word-break:break-all}.login-time{color:#812baf;font-weight:600}.onboarding-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.8rem;margin-top:12px;padding:8px;text-align:center}.dropdown-actions{padding:10px 0}.logout-btn{align-items:center;background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background-color .2s;width:100%}.logout-btn:hover{background:#ff5252}.logout-icon{font-size:1rem}.login-btn{align-items:center;background:linear-gradient(135deg,#812baf,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.login-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.login-icon{font-size:.9rem}@media (max-width:786px){.navbar{height:56px;padding:0 12px}.navbar-left{gap:10px}.menu-toggle{display:block;font-size:22px;height:36px;padding:4px;width:36px}.navlogo1{height:32px;width:32px}.logoa{font-size:1.2rem}.profile-button{gap:6px;padding:4px 8px}.profile-image{border-width:1px;height:28px;width:28px}.profile-name{font-size:.9rem;max-width:80px}.user-header{gap:10px;padding:0}.dropdown-profile-image{border-width:2px;height:44px;width:44px}.user-name{font-size:.95rem}.user-email{font-size:.75rem}.badge{font-size:.65rem;padding:0}.user-details{padding:5px}.detail-item{align-items:flex-start;gap:4px;padding:6px 0}.detail-label{font-size:.8rem;gap:4px}.detail-value{font-size:.8rem;text-align:left;width:100%}.referral-code{font-size:.75rem;padding:2px 6px}.login-btn{padding:6px 12px}.login-btn,.login-icon{font-size:.85rem}}@media (max-width:375px){.navbar{padding:0 8px}.menu-toggle{align-items:center;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.navlogo1{height:28px;width:28px}.logoa{font-size:1.1rem}.profile-button{padding:3px 6px}.profile-image{height:24px;width:24px}.profile-name{font-size:.8rem;max-width:60px}.user-header{gap:8px;padding:0}.dropdown-profile-image{height:40px;width:40px}.user-name{font-size:.9rem}.user-email{font-size:.7rem;margin-bottom:0}.detail-label,.detail-value{font-size:.75rem}.login-btn{font-size:.8rem;padding:5px 10px}}@media (max-height:500px) and (orientation:landscape){.navbar{height:50px}.profile-dropdown{max-height:80vh;overflow-y:auto}}@media (prefers-color-scheme:dark){.logoa{color:#333}.logoa:hover{color:#8a9bff}.profile-button{background-color:#fff;border-color:#404040}.profile-button:hover{border-color:#8a9bff}.profile-name{color:#333}.profile-dropdown{background:#fff;color:#333;padding:10px}.detail-item,.user-details{border-bottom-color:#404040}.detail-label{color:#aaa}.detail-value{color:#fff}.referral-code{background:#fff;color:#333;font-weight:500}}.dashboard-container1{padding:0}.bar-chart{flex-direction:column;gap:14px;margin-top:12px}.bar-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:140px 1fr 40px}.bar-label{color:#374151;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background-color:#e5e7eb;border-radius:6px;height:8px;overflow:hidden;width:100%}.bar-fill{background-color:#4b5563;border-radius:6px;height:100%;transition:width .4s ease}.bar-value{color:#6b7280;font-size:13px;text-align:right}.welcome-header{align-items:center;background:#fff;border:1px solid gray;border-radius:12px;color:#333;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.welcome-content h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.welcome-content p{font-size:1.1rem;margin:0;opacity:.9;text-align:left}.welcome-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:#fff;color:#812baf}.btn-primary:hover{box-shadow:0 8px 25px #ffffff4d}.btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border:1px solid gray;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.stat-content p{color:#7f8c8d;font-weight:500;margin:0 0 .5rem}.change{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.change.positive{background:#d4edda;color:#155724}.change.negative{background:#f8d7da;color:#721c24}.analytics-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto;margin-bottom:2rem}.chart-card{background:#fff;border:1px solid gray;border-radius:12px;padding:.5rem}.chart-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.chart-header h3{color:#2c3e50;font-size:1.25rem}.time-filter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;padding:.5rem}.bar-chart{align-items:end;display:flex;gap:8px;margin-bottom:1rem}.bar{flex:1 1;min-height:4px;transition:all .3s ease}.bar:hover{opacity:.8;transform:scaleY(1.1)}.chart-labels{display:flex;justify-content:space-between;padding:0 4px}.chart-label{color:#718096;flex:1 1;font-size:.8rem;text-align:center}.category-distribution{display:flex;flex-direction:column;gap:1rem}.category-item{display:flex;flex-direction:column;gap:.5rem}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#4a5568;font-weight:500}.category-percentage{color:#2c3e50;font-weight:600}.category-bar{background:#f7fafc;border-radius:4px;height:8px;overflow:hidden}.category-fill{border-radius:4px;height:100%;transition:width .3s ease}.bottom-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:0}.activities-card,.quick-actions-card,.top-posts-card{background:#fff;border:1px solid gray;border-radius:12px;padding:.5rem}.quick-actions-card{grid-column:1/-1}.card-header{margin-bottom:1.5rem}.card-header h3{font-size:1.25rem}.view-all-btn{background:none;border:none;color:#812baf;cursor:pointer;font-size:.9rem;font-weight:600}.view-all-btn:hover{text-decoration:underline}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .3s ease}.activity-item:hover{background:#f8f9fa}.activity-item.info{border-left:4px solid #17a2b8}.activity-item.warning{border-left:4px solid #ffc107}.activity-item.error{border-left:4px solid #dc3545}.activity-icon{font-size:1.2rem;margin-top:.1rem}.activity-content{flex:1 1}.activity-action{color:#2c3e50;font-weight:500;margin:0 0 .25rem;text-align:left}.activity-meta{color:#718096;font-size:.85rem;margin:0;text-align:left}.top-posts-list{display:flex;flex-direction:column;gap:1rem}.top-post-card{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .3s ease}.top-post-card:hover{border-color:#812baf;transform:translateX(5px)}.post-header{margin-bottom:.75rem}.post-header h4{flex:1 1;font-size:.95rem;margin:0 1rem 0 0}.post-category{background:#812baf;border-radius:12px;color:#fff;font-size:.7rem;padding:.25rem .5rem}.post-stats{display:flex;gap:1rem}.stat{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:.5rem}.stat-icon{font-size:.9rem}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.quick-action-btn{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.quick-action-btn:hover{background:#fff;border-color:#812baf;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.action-icon{font-size:2rem}.quick-action-btn span:last-child{color:#2c3e50;font-size:.9rem;font-weight:600}.progress-circle{align-items:center;display:inline-flex;justify-content:center;position:relative}.progress-text{color:#2c3e50;font-size:.8rem;font-weight:600;position:absolute}.scroll-to-top-btn{box-shadow:0 4px 12px #667eea66;opacity:.9}.scroll-to-top-btn:hover{background-color:#5a67d8;box-shadow:0 6px 16px #667eea80;opacity:1}html{scroll-behavior:smooth}.bar-graph-wrapper{padding:0}.bar-graph{min-height:300px;position:relative;width:100%}.bar-graph-container{border-bottom:1px solid #e1e5e9;border-left:1px solid #e1e5e9;display:flex;height:250px;padding-left:40px;position:relative}.y-axis{bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;top:0;width:40px}.y-tick{align-items:flex-start;display:flex;height:20%;justify-content:flex-end;padding-right:8px;position:relative}.y-tick-label{background:#fff;color:#6b7280;font-size:11px;font-weight:500;padding:0 4px}.y-grid-line{background:#f1f5f9;height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.bars-container{align-items:flex-end;display:flex;flex:1 1;justify-content:space-around;padding:0 20px;position:relative}.bar-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:80px;padding-bottom:10px}.bar-wrapper{align-items:flex-end;display:flex;height:100%;position:relative;width:40px}.bar{background-color:#667eea;border-radius:4px 4px 0 0;box-shadow:0 1px 3px #0000001a;position:relative;transition:height .5s ease;width:100%}.bar:hover{opacity:.9}.bar-value{color:#374151;font-size:12px;font-weight:600;left:50%;opacity:0;position:absolute;top:-25px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.bar:hover .bar-value{opacity:1}.bar-label{margin-top:5px;text-align:center;width:100%}.category-name-truncated{color:#6b7280;display:block;font-size:11px;font-weight:500;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}.x-axis-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:10px;padding-top:5px;text-align:center;text-transform:uppercase}.bar-graph-empty{align-items:center;color:#9ca3af;display:flex;font-style:italic;height:200px;justify-content:center}.chart-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.chart-subtitle{color:#6b7280;font-size:13px;font-weight:400;margin:4px 0 0}.category-legend{border-top:1px solid #e5e7eb;margin-top:0;padding:1rem}.legend-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:10px}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:2px;flex-shrink:0;height:12px;width:12px}.legend-text{color:#6b7280;font-size:12px}@media (max-width:1200px){.bottom-section{gap:.5rem;grid-template-columns:1fr}}@media (max-width:768px){.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:10px;width:-webkit-fill-available}.analytics-section{display:flex;margin-bottom:.5rem}.bar-graph-wrapper{overflow:scroll;padding:0}.bars-container{padding:0 10px}.bar-column{max-width:50px}.bar-wrapper{width:30px}.legend-items{flex-direction:column;gap:8px}.category-legend{border-top:1px solid #f3f4f6;margin-top:0;padding-top:15px}.scroll-to-top-btn{bottom:20px;font-size:18px;height:45px;right:20px;width:45px}.welcome-header{flex-direction:column;margin-bottom:.5rem;padding:10px;text-align:left}.welcome-actions{justify-content:center}.stats-grid{grid-template-columns:1fr}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.scroll-to-top-btn{bottom:15px;font-size:16px;height:40px;right:15px;width:40px}.welcome-content h1{font-size:1.5rem}.stat-card{gap:.5rem;justify-content:space-between;padding:1rem;text-align:center}.top-posts-list{display:flex;flex-direction:column;gap:.4rem}.stat-content{align-items:center;display:flex;gap:.5rem}.stat-content h3{color:#2c3e50;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.quick-actions{grid-template-columns:1fr}.stat-content p{color:#7f8c8d;font-size:.8rem;font-weight:500;margin:0}}.auth-overlay1{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.login-method-selector1{display:flex;gap:10px;margin-bottom:20px}.method-btn1{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.method-btn1:hover{background:#fff;border-color:#812baf}.method-btn1.active{background:#812baf;border-color:#812baf;color:#fff}.method-btn1.active:hover{background:#5a67d8}.login-method-indicator1{color:#6b7280;display:block;font-size:12px;margin-top:4px}.input-group1 input[type=tel]{letter-spacing:1px}.auth-modal1{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:24px;display:flex;height:600px;overflow:hidden;width:1000px}.auth-modal1.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.auth-left1{background:#fff;display:flex;flex:0 0 45%;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.auth-left1 img{height:-webkit-fill-available;object-fit:cover;width:-webkit-fill-available}.hero-content1{color:#fff;position:relative;z-index:1}.hero-icon{background:#fff3;border-radius:12px;margin-bottom:20px;padding:12px}.hero-content1 h3{font-size:28px;font-weight:700;margin-bottom:10px}.hero-content1 p{font-size:15px;margin-bottom:30px;opacity:.9}.features-list1{display:flex;flex-direction:column;gap:12px;margin-top:30px}.feature-item1{align-items:center;display:flex;font-size:14px;gap:10px}.feature-item1 svg{color:#00e1ff}.auth-right1{background:#fffffff2;flex:1 1;overflow-y:auto;padding:40px;position:relative}.auth-header1{margin-bottom:30px}.auth-header1 h2{-webkit-text-fill-color:#0000;background:#812baf;-webkit-background-clip:text;color:#1e293b;font-size:32px;font-weight:800;margin-bottom:8px}.auth-subtitle1{color:#64748b;font-size:15px}.auth-tabs1{background:#e2e8f04d;border-radius:12px;margin-bottom:30px;padding:4px;width:-webkit-fit-content;width:fit-content}.auth-tabs1,.tab1{display:flex;gap:8px}.tab1{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s}.tab1,.tab1.active{box-shadow:0 4px 12px #667eea33}.tab1.active{background:#fff;color:#812baf}.auth-msg1{animation:slideDown .3s ease;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:24px;padding:14px}.auth-msg1.success{background:linear-gradient(135deg,#10b98115,#10b98130);border:1px solid #10b98130;color:#065f46}.auth-msg1.error{background:linear-gradient(135deg,#ef444415,#ef444430);border:1px solid #ef444430;color:#7f1d1d}.auth-msg1.info{background:linear-gradient(135deg,#812baf15,#812baf30);border:1px solid #812baf30;color:#1e40af}.auth-form1{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:10px}.form-grid1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.input-group1{position:relative}.input-icon1{color:#94a3b8;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-group1 input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;padding:16px 16px 16px 48px;transition:all .3s;width:100%}.input-group1 input:focus{border-color:#812baf;box-shadow:0 0 0 4px #667eea1a;outline:none}.input-group1 input::placeholder{color:#94a3b8}.password-strength1{font-size:12px;margin-top:8px}.strength-bar1{border-radius:2px;height:4px;margin-bottom:4px;transition:all .3s}.auth-btn1{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s}.auth-btn1.primary{background:#812baf;color:#fff;width:100%}.auth-btn1.primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.auth-btn1.primary:disabled{cursor:not-allowed;opacity:.6}.auth-btn1.secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b}.auth-btn1.secondary:hover{border-color:#94a3b8;color:#334155}.btn-group1{display:flex;gap:12px;margin-top:20px}.otp-header1{color:#64748b;margin-bottom:30px;text-align:center}.otp-header1 svg{color:#812baf;margin-bottom:10px}.otp-container1{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.otp-input1{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:24px;font-weight:600;height:56px;text-align:center;transition:all .3s;width:56px}.otp-input1:focus{border-color:#812baf;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:scale(1.05)}.otp-actions1{margin-bottom:24px;text-align:center}.resend-btn1{background:none;border:none;color:#812baf;cursor:pointer;font-size:14px;font-weight:500}.resend-btn1:disabled{color:#94a3b8;cursor:not-allowed}.spinner1{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}@media (max-width:1024px){.auth-modal1{height:auto;max-height:90vh;width:95%}}@media (max-width:768px){.auth-subtitle1{color:#64748b;font-size:15px;text-align:center}.auth-tabs1{background:#e2e8f04d;border-radius:12px;display:flex;gap:8px;justify-content:space-evenly;margin-bottom:30px;padding:4px}.auth-overlay1,.tab1{padding:10px}.tab1{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;transition:all .3s}.auth-header1 h2{-webkit-text-fill-color:#0000;background:#812baf;-webkit-background-clip:text;color:#1e293b;font-size:22px;font-weight:800;margin-bottom:8px;text-align:center}.auth-left1 img{border-radius:50%;object-fit:cover;padding:7px;width:65px}.auth-modal1{flex-direction:column;height:auto;max-height:95vh}.auth-left1{align-items:center;background:#fff;border-bottom:2px solid #812baf;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.auth-right1{padding:10px}.form-grid1{gap:16px;grid-template-columns:1fr}.otp-input1{height:48px;width:48px}.btn-group1{flex-direction:column}}.auth-right1::-webkit-scrollbar{width:8px}.auth-right1::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.auth-right1::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.auth-right1::-webkit-scrollbar-thumb:hover{background:#667eea80}.professional-dashboarddash{min-height:100vh}.dashboard-headerdash{align-items:center;background:#fff;border-radius:20px;display:flex;justify-content:space-around;margin-bottom:30px;padding:30px}.header-contentdash h1{color:#333;font-size:2rem;font-weight:700}.header-contentdash p{color:#333;font-size:1.1rem;margin:0}.header-statsdash{display:flex;gap:20px}.stat-badgedash{background:#812baf;border-radius:15px;color:#fff;min-width:120px;padding:20px;text-align:center}.stat-numberdash{display:block;font-size:2rem;font-weight:700}.stat-labeldash{font-size:.9rem;opacity:.9}.dashboard-maindash{margin:0 auto;max-width:1400px}.stats-sectiondash{margin-top:30px}.stats-griddash{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-carddash{align-items:center;background:#fff;border:1px solid gray;border-radius:20px;display:flex;gap:20px;padding:15px;transition:all .3s ease}.stat-carddash:hover{transform:translateY(-5px)}.icon-categorydash{height:70px}.icon-categorydash,.stat-icondash{align-items:center;display:flex;justify-content:center}.stat-icondash{border-radius:15px;font-size:1.8rem;height:76px;object-fit:cover;width:70px}.icon-postdash{height:70px}.stat-icondash.totaldash{background:#812baf;filter:invert()}.stat-icondash.trendingdash{background:linear-gradient(135deg,#f093fb,#f5576c);filter:invert()}.stat-icondash.categoriesdash{background:linear-gradient(135deg,#4facfe,#00f2fe);filter:invert()}.stat-infodash h3{color:#333;font-size:2.2rem;font-weight:700}.stat-infodash p{color:#000;font-size:1.1rem;margin:0}.section-carddash{background:#fff;border:1px solid gray;border-radius:6px;padding:15px}.section-headerdash{align-items:center;border-bottom:1px solid grey;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.section-titledash{align-items:center;display:flex;gap:15px}.title-icondash{font-size:1.8rem}.section-titledash h2{color:#333;font-size:1.5rem;font-weight:bolder;margin:0}.section-badgedash{background:#fff;border-radius:20px;color:#4a5568;font-size:.9rem;font-weight:500;padding:8px 16px}.trending-griddash{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.trending-carddash{background-color:#f5f5f5!important;cursor:pointer;display:flex;height:auto;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:-webkit-max-content;width:max-content}.trending-carddash:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.card-headerdash{margin-bottom:15px}.trending-badgedash{background:#812baf;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.card-imagedash{height:300px;overflow:hidden}.card-imagedash img{border-radius:6px;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.card-contentdash{width:100%}.card-contentdash h4{-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 10px;overflow:hidden;width:-webkit-fit-content;width:fit-content}.categories-griddash{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:30px 0}.category-sectiondash{padding:15px}.category-infodash{align-items:center;display:flex;gap:15px;justify-content:space-between;width:100%}.category-avatardash{border:1px solid #333;border-radius:12px;height:50px;object-fit:cover;width:50px}.category-infodash h3{color:#333;font-size:1.3rem;font-weight:bolder}.posts-countdash{color:#000;font-size:.9rem}.view-all-btndash{background:#0000;border:1px solid #000;border-radius:20px;color:#333;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s ease}.view-all-btndash:hover{background:#333;box-shadow:0 3px 8px #0000003d;color:#fff}.category-postsdash{display:flex;flex-direction:column;gap:15px}.post-carddash{align-items:center;background-color:#f5f5f5!important;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.post-carddash:hover{background:#f7fafc;box-shadow:0 3px 8px #0000003d}.post-imagedash{border-radius:10px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.post-imagedash img{height:100%;object-fit:cover;width:100%}.post-contentdash{flex:1 1}.post-contentdash h4{-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:.95rem;font-weight:600;line-height:1.4;margin:0 0 8px;overflow:hidden}.post-footerdash{align-items:center;display:flex;gap:10px}.datedash{color:#2d3748;font-size:.85rem}.empty-statedash{color:#718096;padding:60px 20px;text-align:center}.empty-icondash{font-size:4rem;margin-bottom:20px}.empty-statedash h3{color:#4a5568;font-size:1.5rem;margin:0 0 10px}.empty-statedash p{font-size:1rem;margin:0}.category-infodash1{text-align:right}.loading-spinnerdash{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#812baf;border-radius:50%;height:50px;width:50px}.modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.article-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid #e9ecef;padding:2rem 2rem 1rem;top:0;z-index:10}.modal-title{color:#2c3e50;line-height:1.4;margin:0 2rem 0 0}.modal-close{align-items:center;border-radius:50%;color:#6c757d;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.modal-close:hover{background:#f8f9fa;color:#e74c3c}.modal-content{padding:0 2rem 2rem}.article-hero-image{border-radius:8px;height:300px;margin-bottom:1.5rem;overflow:hidden;width:100%}.article-hero-image img{height:100%;object-fit:cover;width:100%}.article-meta{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-item strong{color:#6c757d;font-size:.9rem;font-weight:500}.meta-item span{color:#2c3e50;font-weight:500}.trending-badge strong{color:#e74c3c}.article-content{color:#2c3e50;line-height:1.7;margin-bottom:1rem;overflow:scroll;scrollbar-width:none}.content-html{font-size:1rem}.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{color:#2c3e50;margin:1.5rem 0 1rem}.content-html p{margin-bottom:1rem}.content-html img{border-radius:8px;height:auto;margin:1rem 0;max-width:100%}.content-html ol,.content-html ul{margin:1rem 0;padding-left:2rem}.content-html li{margin-bottom:.5rem}.article-actions{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding-top:1.5rem}.external-link-btn{align-items:center;background:#812baf;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.external-link-btn:hover{box-shadow:0 8px 25px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:1024px){.categories-griddash{gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:10px 0}.dashboard-headerdash{gap:20px;text-align:left}}@media (max-width:768px){.post-carddash{align-items:center;background-color:#f5f5f5!important;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:15px;padding:15px;transition:all .3s ease}.modal-backdrop{padding:10px}.article-modal{max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title{font-size:1.3rem}.modal-content{padding:0 1.5rem 1.5rem}.article-hero-image{height:200px}.article-meta{flex-direction:column;gap:1rem;margin-bottom:1rem}.meta-item{align-items:center;flex-direction:row;gap:.5rem}.external-link-btn{font-size:.9rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.icon-postdash{height:35px}.post-metadash{display:none}.card-contentdash h4{font-size:.4rem;margin:0;width:auto}.datedash{color:#2d3748;font-size:.5rem;line-height:.1px}.trending-carddash{align-items:center;background-color:#f5f5f5!important;display:flex;flex-direction:column;justify-content:space-between;padding:2px;width:100%}.professional-dashboarddash{padding:15px}.stats-griddash{justify-content:space-between;margin-bottom:0}.stats-griddash,.trending-griddash{display:flex;gap:5px}.section-carddash{padding:20px}.stat-carddash{align-items:center;border:1px solid #c4c4c4;border-radius:6px;flex-direction:column;gap:0;justify-content:flex-start;padding:10px;width:-webkit-fill-available}.header-contentdash h1{font-size:1.1rem;line-height:30px}.category-infodash{gap:5px;justify-content:space-between;text-align:center;width:100%}.stat-numberdash{font-size:1.5rem;font-weight:bolder}.category-infodash1{text-align:right}.card-imagedash{height:60px;margin-bottom:0;object-fit:contain;overflow:hidden;width:100%}.card-imagedash img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.post-imagedash{border-radius:10px;flex-shrink:0;height:80px;overflow:hidden;width:100%}.post-imagedash img{object-fit:contain}.section-headerdash{align-items:flex-end;gap:10px}.view-all-btndash{background:#0000;border:2px solid #000;color:#333;padding:8px}.dashboard-maindash{margin:0 auto;width:100%}.section-titledash{gap:5px}.section-titledash h2{font-size:1.1rem}.stat-badgedash{padding:5px;text-align:center}}@media (max-width:550px){.modal-header{padding:1rem 1rem .5rem}.modal-title{font-size:1.1rem}.modal-content{padding:0 1rem 1rem}.article-hero-image{height:150px}.stats-sectiondash{margin-bottom:5px;margin-top:10px}.post-contentdash h4{color:#2d3748;font-size:.6rem;margin:0 0 8px;text-align:center}.post-footerdash{align-items:center;display:flex;gap:10px;justify-content:center}.professional-dashboarddash{padding:0}.dashboard-headerdash{border:1px solid #c4c4c4;gap:10px;margin-bottom:5px;padding:10px}.stat-icondash{font-size:1.8rem;height:50px;width:50px}.header-contentdash p{color:#000;font-size:.9rem;margin:0}.stat-infodash{align-items:center;display:flex;flex-direction:column;justify-content:center}.stat-infodash p{font-size:.7rem;text-align:center}.post-contentdash{flex:none;height:80px;width:100%}.stat-infodash h3{font-size:2rem}.section-carddash{border:1px solid #c4c4c4;padding:10px}.post-carddash{background-color:#f5f5f5!important;flex-direction:column;gap:5px;padding:5px;text-align:center;width:32%}.category-postsdash{display:flex;flex-direction:row;gap:5px;justify-content:space-between;width:100%}}.alignthem{display:flex;justify-content:center}.word-counter{color:#666;font-size:14px;margin-top:8px;text-align:right}.word-counter.highlight{color:#333;font-weight:500}.word-limit{font-weight:600;margin-left:8px}.word-limit.valid{color:#28a745}.word-limit.invalid{color:#dc3545}.form-hint{color:#666;font-size:12px;font-style:italic;margin-top:4px}.form-label{align-items:center;display:flex;gap:4px}.form-label:after{color:#dc3545;content:attr(data-required);font-size:12px}.form-textarea{min-height:200px}.botons{display:flex;justify-content:space-between;text-align:right}.botons,.botons1{border-radius:5px;padding:10px}.botons1{background-color:#d3d3d3;border:none}.loader-container{height:100px}.loader{border-top-color:#812baf}.add-post-container{border:1px solid #ddd;border-radius:10px;font-family:sans-serif;padding:20px;width:100%}.form-title{color:#000;text-align:center}.form-label{font-weight:700;margin-bottom:6px}.form-file,.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid gray;border-radius:10px;box-sizing:border-box;color:#000;font-size:16px;outline:none;padding:12px;width:100%}.form-textarea{min-height:100px}.submit-button{background-color:#812baf;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;padding:14px;width:100%}.submit-button:hover{background-color:#1a2e45}.form-row{grid-template-columns:1fr 1fr}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-label{align-items:center;cursor:pointer;display:flex;gap:5px}.radio-label input[type=radio]{margin:0}.checking{color:red}.loading-overlay{align-items:center;background:#0d1b2a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-overlay .loader{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#812baf;box-shadow:0 8px 30px #00000059;height:64px;width:64px}.submit-button[aria-disabled=true],.submit-button[disabled]{cursor:not-allowed;opacity:.6;transform:none}.field-error{color:#c0392b;font-size:.9rem;margin-top:6px}.server-message{background:#fff3cd;border:1px solid #0000000d;border-radius:8px;color:#856404;margin-bottom:12px;padding:10px 12px}.image-preview{display:inline-block}.image-preview img{box-shadow:0 4px 10px #00000026;display:block;max-height:100px;max-width:140px}.toast-box{animation:toastSlide .4s forwards;background:#333;border-radius:8px;color:#fff;font-size:16px;font-weight:500;left:50%;opacity:0;padding:14px 25px;position:fixed;top:20px;transform:translateX(-50%) translateY(-20px);z-index:9999}.toast-box.success{background:#4caf50}.toast-box.error{background:#ff4c4c}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.progress-container{background:#ddd;border-radius:10px;margin-bottom:15px;overflow:hidden;width:100%}.progress-bar{background:#00bcd4;color:#fff;font-size:13px;font-weight:700;height:20px;line-height:20px;text-align:center;transition:width .3s ease}@media only screen and (max-width:768px){.add-post-container{font-family:sans-serif;padding:10px;width:100%}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.radio-group{display:flex;gap:20px;justify-content:space-between;margin-top:8px}}:root{--primary:#540c97;--accent:#ffc300;--primary-light:#6a2cb3;--primary-dark:#3a075c;--accent-light:#ffd54f;--accent-dark:#ffb300;--text-dark:#333;--text-light:#5b5b5b;--bg-light:#f8f9fa;--bg-white:#fff;--border-light:#e9ecef;--shadow:0 4px 6px #0000001a;--shadow-hover:0 8px 15px #00000026;--border-radius:12px;--transition:all 0.3s ease}.post-actions-icons{display:flex;gap:8px}.articles-container h1{border-bottom:1px solid gray;font-family:Montserrat,sans-serif;font-size:2rem;padding-bottom:10px}.loader-container{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:40px}.loader{border:4px solid #e9ecef;border-top:4px solid #540c97;border:4px solid var(--border-light);border-top-color:var(--primary)}.articles-container{margin:0 auto;padding:10px;width:100%}.articles-header{color:#540c97;color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:20px;position:relative;text-align:center}.actions-bar{align-items:center;background:#fff;background:var(--bg-white);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.actions-bar,.home-link{border-radius:12px;border-radius:var(--border-radius)}.home-link{background:linear-gradient(135deg,#540c97,#6a2cb3);background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);font-weight:600;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.home-link,.home-link:hover{color:#fff;text-decoration:none}.home-link:hover{background:linear-gradient(135deg,#3a075c,#540c97);background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 8px 15px #00000026;box-shadow:var(--shadow-hover);height:55px;transform:translateY(-2px)}.add-article-btn{background:linear-gradient(135deg,#ffc300,#ffd54f);background:linear-gradient(135deg,var(--accent),var(--accent-light));border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);color:#333;color:var(--text-dark);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.add-article-btn:hover{background:linear-gradient(135deg,#ffb300,#ffc300);background:linear-gradient(135deg,var(--accent-dark),var(--accent));box-shadow:0 8px 15px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.filters-section{background:#fff;background:var(--bg-white);border:1px solid gray;border-radius:12px;border-radius:var(--border-radius);margin-bottom:30px;padding:25px}.filters-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-label{font-weight:600;margin-bottom:8px}.filter-label,.filter-select{color:#333;color:var(--text-dark);font-size:14px}.filter-select{background-color:#fff;background-color:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:8px;padding:12px 15px;transition:var(--transition)}.filter-select:focus{border-color:#540c97;border-color:var(--primary);box-shadow:0 0 0 3px #540c971a}.reset-filters-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:12px 20px;transition:all .3s ease;transition:var(--transition)}.reset-filters-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.posts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.post-cardss{background:#fff;background:var(--bg-white);border:1px solid gray;border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.post-cardss:hover{box-shadow:0 8px 15px #00000026;box-shadow:var(--shadow-hover)}.post-image{height:220px;transition:all .3s ease;transition:var(--transition)}.post-contentss{display:flex;flex-direction:column;flex-grow:1;padding:12px}.post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;color:var(--text-dark);display:-webkit-box;font-size:1.1rem;font-weight:700;margin-bottom:5px;overflow:hidden;padding-bottom:10px}.post-meta,.post-title{border-bottom:1px solid #bababa}.post-meta{display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:5px;width:100%}.post-category{background:#0000;border-radius:6px;color:#540c97;color:var(--primary);font-size:.9rem;font-weight:600;padding:0}.post-date{text-align:right}.date-label{color:#5b5b5b;color:var(--text-light);font-size:.9rem;font-weight:600}.date-value{color:#333;color:var(--text-dark);font-size:.9rem}.post-actions{align-items:center;justify-content:space-between}.action-buttons{display:flex;flex-direction:column-reverse;gap:10px}.edit-btn{background:linear-gradient(135deg,#540c97,#6a2cb3);background:linear-gradient(135deg,var(--primary),var(--primary-light));font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.edit-btn:hover{box-shadow:4px 4px #bd83ff}.view-btn{background:#812baf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.view-btn:hover{box-shadow:4px 4px #6be5f8}.status-controls{display:flex;flex-direction:column;gap:8px}.toggle-group{border-radius:6px;cursor:pointer;padding:4px;transition:all .3s ease;transition:var(--transition)}.toggle-group:hover{background:#f8f9fa;background:var(--bg-light)}.toggle-switch{accent-color:#540c97;accent-color:var(--primary);height:1.4em;margin-right:0;width:2.1em}.toggle-label{font-size:.8rem}.trending-active{color:#ffb300;color:var(--accent-dark)}.status-active{color:#28a745}.status-inactive{color:#dc3545}.post-author{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);color:#5b5b5b;color:var(--text-light);font-size:.9rem;padding:15px 20px}.pagination-section{display:flex;justify-content:center;margin:30px 0}.pagination{display:flex;gap:5px;list-style:none}.pagination-item{margin:0 3px}.pagination-link{background:#fff;background:var(--bg-white);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:8px;color:#540c97;color:var(--primary);cursor:pointer;display:block;font-weight:500;padding:10px 18px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.pagination-link:hover{background:#540c97;background:var(--primary);border-color:#540c97;border-color:var(--primary);color:#fff}.pagination-item.active .pagination-link{background:#812baf;border-color:#540c97;border-color:var(--primary);color:#fff}.pagination-item.disabled .pagination-link{background-color:#f8f9fa;background-color:var(--bg-light);border-color:#e9ecef;border-color:var(--border-light);color:#6c757d;cursor:not-allowed}.results-info{color:#5b5b5b;color:var(--text-light);font-size:.9rem;margin:20px 0;text-align:center}.post-detail-container{background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:30px}.detail-header{border-bottom:3px solid #ffc300;border-bottom:3px solid var(--accent);color:#540c97;color:var(--primary);display:inline-block;font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:10px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-grid,.detail-group{margin-bottom:20px}.detail-label{color:#540c97;color:var(--primary);display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.detail-value{color:#5b5b5b;color:var(--text-light);font-size:1rem;line-height:1.6}.detail-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);max-height:200px;width:auto}.status-controls-group{align-items:center;display:flex;gap:30px}.detail-actions{display:flex;justify-content:space-between;margin-top:30px}.back-btn{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.back-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.edit-detail-btn{background:linear-gradient(135deg,#540c97,#6a2cb3);background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.edit-detail-btn:hover{background:linear-gradient(135deg,#3a075c,#540c97);background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px)}.form-container{background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:40px}.form-title{border-bottom:1px solid gray;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;margin-bottom:20px;position:relative;text-align:left}.form-group{margin-bottom:25px}.form-label{color:#333;color:var(--text-dark);display:block;font-size:1.2rem;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--bg-white);border:2px solid #e9ecef;border:2px solid var(--border-light);border-radius:8px;color:#333;color:var(--text-dark);font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#540c97;border-color:var(--primary);box-shadow:0 0 0 3px #540c971a;outline:none}.form-textarea{min-height:120px;resize:vertical}.radio-options{display:flex;flex-wrap:wrap;gap:20px}.radio-option{align-items:center;background:#f8f9fa;background:var(--bg-light);border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease;transition:var(--transition)}.radio-option:hover{background:#e9ecef}.radio-input{accent-color:#540c97;accent-color:var(--primary);transform:scale(1.2)}.form-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{flex-wrap:wrap;margin-top:30px}.submit-btn{background:linear-gradient(135deg,#540c97,#6a2cb3);background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:12px 30px;transition:all .3s ease;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a075c,#540c97);background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 6px 12px #540c974d;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#6c757d,#5a6268);font-size:1rem;min-width:150px;padding:12px 30px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.processing-text{font-size:.9rem}.empty-state,.processing-text{color:#5b5b5b;color:var(--text-light)}.empty-state{padding:60px 20px}.empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.empty-text{font-size:1.1rem}.form-input-file{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.form-input-file:hover{background:#f0f8ff;border-color:#007bff}.form-input-file:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.preview-image{border:2px solid #e9ecef;border-radius:8px;max-height:150px;max-width:200px;object-fit:cover}.preview-text{color:#666;font-size:14px;font-style:italic;margin-top:5px}.processing-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.processing-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}.processing-text{font-size:16px;font-weight:500}.dm1{align-items:center;display:flex;gap:10px}.dm1 img{background-color:#fff9;border-radius:10px;filter:invert();height:50px;object-fit:contain;padding:10px;width:40%}.modal-container{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:10px}.modal-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{border-radius:6px;color:#6b7280;height:32px;transition:all .2s;width:32px}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-content1{padding:24px;scrollbar-width:none}.modal-actions{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-send-btn{align-items:center;background-color:#812baf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.modal-send-btn:hover:not(:disabled){background-color:#1d4ed8}.modal-send-btn:disabled{cursor:not-allowed;opacity:.5}.modal-cancel-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.modal-cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.modal-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.preview-image-small{border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;max-height:100px;max-width:100px}.notification-btn{align-items:center;background:none;border:none;border-radius:50%;box-shadow:0 3px 8px #0000003d;color:#f59e0b;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.notification-btn:hover{background-color:#fef3c7;transform:scale(1.1)}.notification-btn:active{transform:scale(.95)}.post-header{align-items:flex-start;gap:12px;margin-bottom:12px}.post-title{color:#111827;flex:1 1;font-size:1rem;line-height:1.4;margin:0}.notification-btn-detail{align-items:center;background-color:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.notification-btn-detail:hover{background-color:#d97706}.form-help{color:#6b7280;display:block;font-size:.875rem;margin-top:4px}.modal-content1 .form-textarea{min-height:100px;resize:vertical}@media (max-width:1200px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:992px){.articles-container{padding:15px}.form-columns{gap:0;grid-template-columns:1fr}.filters-section{padding:20px}.form-container{padding:30px}.detail-grid{gap:0;grid-template-columns:1fr;margin-bottom:0}}@media (max-width:768px){.post-title{color:#333;color:var(--text-dark);font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:5px;padding-bottom:10px}.post-contentss{padding:15px}.detail-value{color:#5b5b5b;color:var(--text-light);font-size:.9rem;font-weight:600;line-height:1.6}.date-value{color:#333;color:var(--text-dark);font-size:.8rem}.posts-grid{gap:20px;grid-template-columns:1fr}.actions-bar{align-items:stretch;flex-direction:column}.add-article-btn,.home-link{text-align:center;width:100%}.filters-grid{gap:5px;grid-template-columns:1fr}.post-meta{flex-direction:row;gap:10px}.post-actions{align-items:stretch;flex-direction:row;gap:15px}.action-buttons{flex-direction:column;justify-content:center}.status-controls{flex-direction:row;justify-content:space-around}.form-actions{justify-content:center}.cancel-btn,.submit-btn{min-width:140px}.radio-options{flex-direction:column;gap:10px}.pagination{flex-wrap:wrap;justify-content:center}.detail-actions{gap:0}.detail-group{margin-bottom:10px}.back-btn,.edit-detail-btn{padding:6px 20px;text-align:center;width:auto}.form-group{margin-bottom:10px}.articles-container h1{font-size:1.1rem}.modal-actions{padding:10px}.modal-content1{padding:10px;scrollbar-width:none}}@media (max-width:576px){.articles-container{padding:0}.articles-header{font-size:2rem}.form-container{padding:20px}.form-title{font-size:1.5rem;margin-bottom:10px}.post-detail-container{padding:10px}.detail-header{font-size:1.2rem;margin-bottom:15px}.post-image{height:160px;object-fit:cover}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.form-container,.post-cardss,.post-detail-container{animation:fadeInUp .5s ease-out}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #ffc300;outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:high){:root{--primary:navy;--accent:red;--border-light:#000}}@media print{.actions-bar,.detail-actions,.filters-section,.form-actions{display:none}.post-cardss{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.list-container{display:flex;flex-direction:column;font-family:system-ui,sans-serif;justify-content:space-between;padding:10px}.horizontal-tabs{display:flex;gap:12px;overflow-x:scroll;padding:10px;scrollbar-width:none;white-space:nowrap;width:1100px}.verticaltabs{border-top:2px solid #c8c8c8;padding:10px;width:100%}.h-tab{background:#edf2f7;border:1px solid #c8c8c8;border-radius:20px;cursor:pointer;flex-shrink:0;font-weight:600;padding:10px 18px;transition:.5s}.h-tab:hover{box-shadow:0 3px 8px #0000003d}.h-tab.active{background:#3182ce;color:#fff}.sub-grid{border-bottom:2px solid #c8c8c8;gap:15px;overflow-x:scroll;scrollbar-width:none}.sub-card,.sub-grid{display:flex;padding:10px}.sub-card{align-items:center;background:#fff;border:1px solid #c8c8c8;border-radius:10px;cursor:pointer;gap:10px;text-align:center;transition:.5s;width:-webkit-fit-content;width:fit-content}.sub-card:hover{box-shadow:0 5px 15px #00000059}.sub-card img{border-radius:8px;height:50px;object-fit:cover}.sub-card p{font-weight:600}.posts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:10px}.post-card{background:#fff;border:1px solid #c8c8c8;border-radius:12px;display:flex;flex-direction:column;padding:10px}.post-card img{border-radius:10px;height:100px;object-fit:cover;width:120px}.post-card .info{flex:1 1}.post-card h3{font-size:16px;font-weight:700;margin:0 0 5px}.post-card p{color:#555;font-size:14px}.meta{color:#333;display:flex;font-size:13px;gap:15px;margin-top:10px}.loading,.no-posts{color:#666;font-weight:500;padding:20px;text-align:center}@media (max-width:900px){.horizontal-tabs{display:flex;flex-direction:row;width:720px}}@media (max-width:600px){.post-card{flex-direction:column;text-align:center}.post-card img{height:180px;width:100%}.post-card .info{margin-top:10px;padding-left:0;text-align:left}.list-container{display:flex;flex-direction:column;justify-content:space-between;margin-top:20PX;padding:0}.horizontal-tabs{border-bottom:2px solid #c8c8c8;display:flex;flex-direction:row;padding:7px;width:500px}.verticaltabs{border-left:none;width:100%}.sub-card{display:flex;flex-direction:column;gap:5px}.sub-card p{font-size:12px}.sub-grid{display:flex;gap:5px;overflow-x:scroll;padding:0 0 10px;scrollbar-width:none}.h-tab.active{background:#3182ce;color:#fff}.h-tab{background:#edf2f7;border:1px solid #c8c8c8;border-radius:20px;cursor:pointer;flex-shrink:0;font-weight:600;padding:5px 9px;transition:.5s}}@media (max-width:556px){.horizontal-tabs{border-bottom:2px solid #c8c8c8;display:flex;flex-direction:row;padding:7px}}@media (max-width:490px){.horizontal-tabs{border-bottom:2px solid #c8c8c8;display:flex;flex-direction:row;padding:7px;width:375px}.list-container{margin-top:10px}}@media (max-width:321px){.horizontal-tabs{border-bottom:2px solid #c8c8c8;display:flex;flex-direction:row;padding:7px;width:300px}}.notification-listntn{grid-gap:15px;display:grid;gap:15px;grid-template-columns:auto auto auto;list-style:none;padding:0}.notification-cardntn h3{color:#540c97;margin-bottom:6px}.notification-headerntn{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notification-imagentn{height:100px;object-fit:contain}.trigger-btnntn{background-color:#812baf;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:6px 14px}.trigger-btnntn:hover{background-color:#1e4ed8}.notification-cardntn{background-color:#fff;border-radius:8px;margin-bottom:15px;padding:20px;transition:.3s;width:auto}.notification-cardntn:hover{background-color:#eef5ff}.status-active{color:green;font-weight:700}.status-inactive{color:red;font-weight:700}.status-btnntn{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 14px;transition:background-color .3s}.status-btnntn.activate{background-color:#28a745;color:#fff}.status-btnntn.deactivate{background-color:#dc3545;color:#fff}.status-btnntn:hover{opacity:.9}.delete-btnntn{background-color:#e63946;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 14px}.delete-btnntn:hover{background-color:#d62828}.modal-overlayntn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:999}.modal-boxntn{background:#fff;border-radius:18px;box-shadow:0 10px 40px #00000040;max-height:80vh;max-width:550px;overflow-y:auto;padding:15px;position:relative;scrollbar-width:none;width:95%}.modal-animatentn{animation:popIn .35s ease}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-close-btnntn{align-items:center;background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:.2s;width:32px}.modal-close-btnntn:hover{background:#e60000}.modal-titlentn{color:#222;font-size:20px;font-weight:600;margin-bottom:0;text-align:center}.modal-bodyntn{margin-top:10px}.notbtn{align-items:flex-start;display:flex;justify-content:space-evenly;padding-top:30px}.edit-btnntn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 14px}@media (max-width:768px){.notification-formntn{background:#fff;padding:5px}.notification-containerntn{margin:40px auto;padding:20px 30px;width:90%}.notification-headerntn{margin-bottom:5px}.notification-cardntn{border-radius:8px;margin-bottom:10px;padding:8px;width:100%}.notification-cardntn h3{color:#540c97;margin-bottom:6px;margin-top:6px}.notification-containerntn{background:#fff;border-radius:10px;margin:10px auto;padding:10px;width:95%}.notification-containerntn h2{margin:0}.status-btnntn{border:none;border-radius:6px;cursor:pointer;font-weight:700;margin-top:0;padding:8px 14px;transition:background-color .3s}.notification-listntn{display:flex;flex-direction:column;gap:0}.modal-boxntn{border-radius:14px;padding:20px}.modal-titlentn{font-size:18px}}.schedule-container{background:#fff;border-radius:12px;margin:30px auto;padding:15px}.schedule-container h1{border-bottom:1px solid gray;font-family:Montserrat,sans-serif!important;font-size:2rem!important;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px}textarea{height:80px;resize:none}.image-preview{margin-top:10px}.image-preview img{border:1px solid #ccc;border-radius:8px;height:100px;object-fit:cover;width:100px}.btn{background-color:#540c97;color:#ffc300;font-weight:700;padding:10px 15px;transition:.3s}.btn:hover{background-color:#9647e0;color:#ffea00}@media (max-width:600px){.schedule-container{margin:0 auto;padding:5px;width:95%}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:20px;font-size:1rem;padding:15px}.schedule-container h1{border-bottom:1px solid gray;font-family:Montserrat,sans-serif!important;font-size:1.6rem!important;padding-bottom:10px}.btn{font-size:14px}}.css-19kzrtu{padding:0!important}.css-1qg4fmi-MuiPaper-root{background-color:#fff;background-image:var(--Paper-overlay);box-shadow:none!important;padding:24px}.css-17fpwt7-MuiGrid-root{box-sizing:border-box;width:100%!important}.css-113d811-MuiFormLabel-root-MuiInputLabel-root.Mui-focused,.css-1usuzwp-MuiButtonBase-root-MuiTab-root.Mui-selected{color:#812baf!important}.css-1qltlow-MuiTabs-indicator,.css-79zo2g-MuiButtonBase-root-MuiButton-root{background-color:#812baf!important}.css-1it4a80-MuiTypography-root{border-bottom:1px solid gray;font-family:Montserrat,sans-serif!important;font-size:2rem!important;padding-bottom:10px;text-align:left}.css-1ahi5tg-MuiSnackbar-root{left:auto!important;right:20px!important}@media (max-width:740px){.css-hzcega-MuiTabs-list{display:flex;overflow:scroll}.css-1qg4fmi-MuiPaper-root{background-color:#fff;background-image:var(--Paper-overlay);border-radius:4px;box-shadow:var(--Paper-shadow);color:#000000de;padding:10px!important;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms}.css-1it4a80-MuiTypography-root{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.125rem!important;font-weight:400;margin:0;text-align:center}}.css-p731s8-MuiFormControl-root{width:100%}:root{--primary:#812baf;--primary-dark:#3a56d4;--secondary:#7209b7;--success:#4cc9f0;--danger:#f72585;--warning:#f8961e;--dark:#1a1a2e;--light:#f8f9fa;--gray:#6c757d;--light-gray:#e9ecef;--shadow:0 8px 30px #0000001f;--shadow-lg:0 20px 60px #00000026;--radius:12px;--radius-sm:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#812baf,#3a0ca3);--gradient-secondary:linear-gradient(135deg,#7209b7,#560bad)}.banner-dashboard{display:flex;flex-direction:column;gap:1rem;margin:0 auto;padding:0}.upload-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow);overflow:hidden;padding:1.5rem;position:relative}.upload-title{align-items:center;color:#1a1a2e;color:var(--dark);display:flex;font-size:1.8rem;font-weight:700;gap:10px;margin-bottom:2rem}.upload-title:before{content:"📤";font-size:1.5rem}.upload-box form{grid-gap:1.5rem;display:grid;gap:1.5rem}.upload-box label{align-items:center;color:#1a1a2e;color:var(--dark);display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.upload-box label:before{color:#812baf;color:var(--primary);content:"→"}.upload-box input[type=file],.upload-box input[type=text],.upload-box select{background:#fff;border:2px solid #e9ecef;border:2px solid var(--light-gray);border-radius:8px;border-radius:var(--radius-sm);font-size:1rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.upload-box input[type=text]:focus,.upload-box select:focus{border-color:#812baf;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a;outline:none;transform:translateY(-2px)}.upload-box input[type=file]{background:#f8f9fa;background:var(--light);border:2px dashed #e9ecef;border:2px dashed var(--light-gray);cursor:pointer;padding:.8rem}.upload-box input[type=file]:hover{background:#4361ee0d;border-color:#812baf;border-color:var(--primary)}.preview-img{border:3px solid #fff;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;height:auto;margin-top:1rem;max-width:300px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.preview-img:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.02)}.upload-btn{background:linear-gradient(135deg,#812baf,#3a0ca3);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-btn:hover:not(:disabled){box-shadow:0 10px 25px #4361ee4d;transform:translateY(-2px)}.upload-btn:active:not(:disabled){transform:translateY(0)}.upload-btn:disabled{background:#6c757d;background:var(--gray);cursor:not-allowed;opacity:.6}.category-filter-box{background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow);padding:2rem;text-align:center}.category-filter-box h2{color:#1a1a2e;color:var(--dark);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.category-filter-box select{background:#fff;border:2px solid #812baf;border:2px solid var(--primary);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;color:var(--dark);cursor:pointer;font-size:1rem;max-width:400px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.category-filter-box select:focus{box-shadow:0 0 0 3px #4361ee33;outline:none}.banner-flex{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.banner-flex{grid-template-columns:auto}}.banner-column{background:#fff;border-radius:12px;border-radius:var(--radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow);padding:2rem}.section-title{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:1.5rem!important;font-weight:700;gap:10px;justify-content:center;margin-bottom:2rem;padding:1rem}.section-title.active{background:linear-gradient(135deg,#4cc9f0,#812baf);color:#fff}.section-title.inactive{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.section-title.active:before{content:"✅"}.section-title.inactive:before{content:"⏸️"}.banner-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto auto auto}.banner-card{background:#fff;border:1px solid #e9ecef;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 15px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.banner-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.banner-card.inactive-card{opacity:.9}.banner-card h3{border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--light-gray);color:#1a1a2e;color:var(--dark);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.banner-image{border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;height:110px;margin-bottom:1.5rem;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.banner-image:hover{transform:scale(1.03)}.banner-card button{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:.5rem 0;padding:.8rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.deactivate-btn{background:linear-gradient(135deg,#f8961e,#f3722c);color:#fff}.activate-btn{background:linear-gradient(135deg,#4cc9f0,#4895ef);color:#fff}.edit-btn{background:linear-gradient(135deg,#7209b7,#560bad)}.deactivate-btn:hover{background:linear-gradient(135deg,#f3722c,#f8961e);box-shadow:0 5px 15px #f8961e4d;transform:translateY(-2px)}.activate-btn:hover{background:linear-gradient(135deg,#4895ef,#4cc9f0);box-shadow:0 5px 15px #4cc9f04d;transform:translateY(-2px)}.edit-btn:hover{background:linear-gradient(135deg,#560bad,#7209b7);box-shadow:0 5px 15px #7209b74d;transform:translateY(-2px)}.loading-text{color:#812baf;color:var(--primary);font-size:1.2rem;font-weight:600;padding:3rem;position:relative;text-align:center}.loading-text:after{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-top-color:#812baf;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary);content:"";height:30px;margin-left:10px;position:absolute;width:30px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal{animation:slideUp .3s ease;border-radius:var(--radius);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;scrollbar-width:none;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal h2{color:#1a1a2e;color:var(--dark);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.modal form{grid-gap:1rem;display:grid;gap:1rem}.modal-buttons{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{background:#6c757d;background:var(--gray);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px)}.delete-btn{background-color:#dc3545;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:5px;padding:8px 16px;transition:background-color .3s}.delete-btn:hover{background-color:#c82333}.delete-btn:disabled{background-color:#e0a7af;cursor:not-allowed}.button-group{display:flex;gap:5px;justify-content:center;margin-top:10px}.delete-modal{max-width:500px;text-align:center}.delete-warning{color:#dc3545;font-weight:700;margin:10px 0}.delete-preview{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:15px}.delete-preview img{border-radius:4px;margin-bottom:10px;max-height:200px;max-width:100%}.delete-preview p{margin:5px 0;text-align:left}.delete-confirm-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s}.delete-confirm-btn:hover{background-color:#c82333}.delete-confirm-btn:disabled{background-color:#e0a7af;cursor:not-allowed}@media (max-width:768px){.banner-dashboard{gap:1.5rem;padding:.5rem}.banner-column,.category-filter-box,.upload-box{padding:1.5rem}.modal h2,.upload-title{font-size:1.5rem}.section-title{font-size:1.3rem!important}.banner-grid{grid-template-columns:1fr}.modal-buttons{flex-direction:column}.preview-img{max-width:100%}.upload-btn{background:linear-gradient(135deg,#812baf,#3a0ca3);background:var(--gradient-primary);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;font-weight:600;padding:.8rem}}@media (max-width:480px){.banner-column,.category-filter-box,.upload-box{padding:1rem}.modal h2,.upload-title{font-size:1.1rem;margin-bottom:1rem}.modal form,.upload-box form{gap:1rem}.upload-box input[type=file],.upload-box input[type=text],.upload-box select{padding:.8rem}.banner-card button{font-size:.8rem;padding:.7rem}.modal{padding:1.5rem}}@media (prefers-color-scheme:dark){.banner-card,.banner-column,.category-filter-box,.modal,.upload-box{border-color:gray;color:#333}.category-filter-box select,.upload-box input[type=text],.upload-box select{background:#0000;border-color:#718096;color:#333}.banner-card h3,.upload-box label{color:#333}.preview-img{border-color:#4a5568}}button:focus,input:focus,select:focus{outline-offset:2px}.App1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:0}.dashboard-loadingdash1{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh}.dashboard-loadingdash1>div{max-height:150px;max-width:150px}.error,.no-posts1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:16px;color:#fff;margin:20px;padding:40px 20px;text-align:center}.retry-btn1{background:#812baf;border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn1:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.retry-btn1:disabled{cursor:not-allowed;opacity:.5}.pagination-footer1,.pagination-header1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid gray;border-radius:16px;margin-bottom:20px;padding:16px;position:-webkit-sticky;position:sticky;z-index:100}.pagination-header1{top:70px}.pagination-footer1{bottom:0;margin-top:20px}.pagination-controls1{align-items:center;display:flex;gap:10px;justify-content:space-between}.pagination-btn1{background:#812baf;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;text-align:center;transition:all .3s ease}.pagination-btn1:hover:not(:disabled){box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.pagination-btn1:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.pagination-info1{color:#333;font-size:14px;font-weight:500;text-align:center}.pano{display:flex;gap:20px}.pagination-info2{display:none}.main-content1{margin:0 auto;max-width:1400px}.categories-containerrm1{display:flex;flex-wrap:wrap;gap:15px}.category-section1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid gray;border-radius:24px;padding:20px;transition:transform .3s ease}.category-section1:hover{transform:translateY(-5px)}.category-headerm1{align-items:flex-start;border-bottom:2px solid #667eea33;display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.category-title-wrapper1{flex:1 1;width:100%}.category-title1{-webkit-text-fill-color:#0000;background:#812baf;-webkit-background-clip:text;background-clip:text;color:#333;font-size:22px;font-weight:700;margin:0}.post-count1{background:#812baf;border-radius:20px;color:#fff;font-size:14px;font-weight:600;margin-left:0;padding:6px 15px}.posts-gridm1{display:flex;flex-wrap:wrap;gap:20px}.post-cardm1{background:#fff;border:1px solid #999;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.post-cardm1:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.post-imagem1{overflow:hidden;padding-top:56.25%;position:relative}.post-imagem1 img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s ease;width:100%}.post-cardm1:hover .post-imagem1 img{transform:scale(1.05)}.post-contentm1{display:flex;flex-direction:column;flex-grow:1;padding:10px}.post-titlem1{color:#333;flex-grow:1;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px}.post-metam1{margin-bottom:15px}.post-date1{background:#f8f9fa;border-radius:12px;color:#666;display:inline-block;font-size:13px;padding:4px 10px}.post-actions1{margin-top:auto}.read-more-btn1{background:#e9eef3;border:none;border-radius:10px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.read-more-btn1:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}@media (max-width:480px){.pano{display:flex;gap:0;justify-content:space-between;width:100%}.pagination-info2{display:block;font-size:14px;text-align:center}.page-jump1{display:none}.pagination-footer1,.pagination-header1{padding:7px}.pagination-header1{top:48px}.App1{padding:0}.category-section1{border-radius:20px;padding:7px}.category-headerm1{gap:0}.category-title1{font-size:20px}.post-count1{font-size:12px;padding:5px 12px}.posts-gridm1{gap:16px;grid-template-columns:1fr}.pagination-controls1{gap:5px}.pagination-btn1{margin:2px 0}.pagination-info1{display:none;text-align:center;width:100%}}@media (min-width:481px) and (max-width:768px){.posts-gridm1{grid-template-columns:repeat(2,1fr)}.pagination-controls1{flex-wrap:wrap}}@media (min-width:769px){.App1{padding:0}}.post-cardm1{contain:content}.post-imagem1 img{will-change:transform}.post-cardm1:focus-within{outline:3px solid #812baf;outline-offset:2px}.post-cardm1.loading{animation:pulse 1.5s infinite}:root{--bg-main:#f6f7f9;--bg-card:#fff;--border-soft:#c1c1c1;--text-main:#1f2937;--text-muted:#6b7280;--accent:#812baf;--success:#16a34a;--danger:#dc2626}.rasi-all-list-container{padding:12px}.sort-toggle{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 8px}.sort-toggle:hover{background:#e0e0e0}.date-item{border:1px solid #d7d7d7;border-radius:10px;padding:5px}.container{max-width:1130px}.main-header{margin-bottom:16px;text-align:center}.main-title{font-size:1.5rem;font-weight:600;margin:0}.subtitle{color:#6b7280;color:var(--text-muted);font-size:.9rem;margin-top:4px}.edit-form{overflow:scroll;padding:10px;scrollbar-width:none}.tabs-container{margin-bottom:12px;overflow-x:scroll}.tabs{display:flex;gap:8px}.dynamic-table-container{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.table-header h4{color:#333;margin:0}.btn-add-row{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-add-row:hover{background:#45a049}.table-wrapper{margin-bottom:15px}.dynamic-table{background:#fff;border-collapse:collapse;width:100%}.dynamic-table td,.dynamic-table th{border:1px solid #ddd;padding:8px;text-align:left}.dynamic-table th{background:#f2f2f2;font-weight:700}.table-cell-input,.table-header-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;width:100%}.btn-remove-row{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-remove-row:hover{background:#d32f2f}.table-controls{display:flex;gap:10px;margin-top:10px}.btn-add-column{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-add-column:hover{background:#0b7dda}.btn-remove-column{background:#ff9800;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-remove-column:hover{background:#e68a00}.tab{align-items:center;background:#fff;border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:6px;justify-content:center;padding:10px}.tab.active{background:#812baf;background:var(--accent);border-color:#812baf;border-color:var(--accent);color:#fff}.period-header-container{align-items:center;background-color:#dfdfdf;border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:10px}.empty-state,.error-container,.loading-container{background:#fff;background:var(--bg-card);border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:12px;padding:24px;text-align:center}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #ddd;border-radius:50%;border-top-color:#812baf;border-top:4px solid var(--accent);height:36px;margin:auto;width:36px}.date-selector-container{background:#fff;background:var(--bg-card);border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:12px;margin-bottom:16px;padding:12px}.date-scroll{display:flex;gap:8px;overflow-x:auto}.date-btn{background:#d3d3d3;border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:8px;cursor:pointer;font-size:.75rem;padding:8px;width:100%}.date-btn.active{background:#812baf;background:var(--accent);color:#fff}.status-control{align-items:center;display:flex;gap:6px;margin-top:6px}.status-badge{border-radius:6px;font-size:.7rem;padding:3px 6px}.status-badge.allow{background:#ecfdf5;color:#16a34a;color:var(--success)}.status-badge.disallow{background:#fef2f2;color:#dc2626;color:var(--danger)}.status-toggle{border:none;border-radius:6px;cursor:pointer;font-size:.7rem;padding:4px 6px}.status-toggle.allowed{background:#fee2e2;color:#dc2626;color:var(--danger)}.status-toggle.disallowed{background:#dcfce7;color:#16a34a;color:var(--success)}.rasi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.rasi-card1{background:#fff;background:var(--bg-card);border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:14px}.card-header{margin-bottom:10px}.rasi-title{align-items:center;display:flex;gap:10px}.rasi-emoji{font-size:1.6rem}.rasi-id{color:#6b7280;color:var(--text-muted);font-size:.7rem}.edit-btn{background:#0000;color:#812baf;color:var(--accent);font-size:.8rem}.card-content{font-size:.85rem;line-height:1.5}.info-item h5,.summary-section h5{color:#111827;font-size:.85rem;margin:8px 0 4px}.info-item p,.summary-text{color:#6b7280;color:var(--text-muted);margin:0}.lucky-info-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:10px}.lucky-item{background:#f9fafb;border-radius:8px;font-size:.7rem;padding:6px}.image-section{margin-top:10px}.rasi-image{border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:8px;width:100%}.modal-overlay{background:#0006}.modal-content{border-radius:12px;height:90vh;overflow:scroll;padding:16px}.close-btn{background:#0000;border:none;cursor:pointer;font-size:1.2rem}.date-header-main{align-items:center;background-color:#dadada;border-radius:10px;display:flex;justify-content:space-between;padding:10px}.month-group,.week-group{margin-bottom:20px}.date-actions,.info-text{padding:10px 0}.form-group{margin-bottom:10px}.form-input,.form-textarea,select{border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-radius:8px;font-size:.85rem;padding:8px;width:100%}.form-buttons{display:flex;gap:8px;margin-top:12px}.btn{border-radius:8px;padding:10px}.btn-primary{background:#812baf;background:var(--accent)}.btn-secondary{background:#e5e7eb}.period-meta{align-items:center;display:flex;gap:10px}@media (min-width:640px){.rasi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:740px){.rasi-all-list-container{padding:0}.date-header-main{background-color:#e5e7eb;border-radius:10px;padding:5px}.date-selector-header h3{margin-bottom:10px}.period-header-container{align-items:flex-start;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.date-actions{padding:8px 0}.card-header-top{display:flex;justify-content:space-between}.info-text{padding:10px 0}.month-group,.week-group,.year-group{margin-bottom:10px}}@media (min-width:1024px){.year-group{margin-bottom:20px}.rasi-grid{background-color:#fff;border:1px solid #c1c1c1;border:1px solid var(--border-soft);border-bottom-left-radius:10px;border-bottom-right-radius:10px;grid-template-columns:repeat(3,1fr);padding:30px 15px}.main-title{font-size:1.8rem}}:root{--primary-color:#812baf;--secondary-color:#2c3e50;--success-color:#2ecc71;--danger-color:#e74c3c;--warning-color:#f39c12;--light-color:#ecf0f1;--dark-color:#34495e;--border-color:#ddd;--shadow:0 2px 10px #0000001a}.article-categories-container{background-color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh}.app-header{background:linear-gradient(135deg,#2c3e50,#812baf);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);padding:1.5rem}.app-header h1{font-size:1.8rem}.app-header p{font-size:.95rem}.category-form-container{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:10px;margin-left:-280px;padding:1.5rem}.category-form-container h2{border-bottom:1px solid gray;color:#2c3e50;color:var(--secondary-color);font-family:Montserrat,sans-serif!important;font-size:2rem!important;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:left}.category-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.5rem}.form-group label{color:var(--dark-color);font-size:.95rem;font-weight:600}.form-group input[type=text],.form-group select{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input[type=text]:focus,.form-group select:focus{border-color:#812baf;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.file-input{background:#ecf0f1;background:var(--light-color);border:2px dashed #ddd;border:2px dashed var(--border-color);border-radius:6px;cursor:pointer;padding:.75rem}.file-input:hover{border-color:#812baf;border-color:var(--primary-color)}.image-preview{margin-top:1rem}.image-preview img{border:1px solid var(--border-color);border-radius:6px;max-height:200px}.current-image{background:#ecf0f1;background:var(--light-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;color:#34495e;color:var(--dark-color);font-size:.9rem;padding:.75rem}.remove-image-btn{background:#e74c3c;background:var(--danger-color);font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.remove-image-btn:hover{background:#c0392b}.form-actions{gap:1rem;margin-top:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;transition:all .3s}.btn-primary{background-color:#812baf;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:#ecf0f1;background-color:var(--light-color);border:1px solid #ddd;border:1px solid var(--border-color);color:#34495e;color:var(--dark-color)}.btn-secondary:hover{background-color:#d5dbdb}.btn-edit{background-color:#f39c12;background-color:var(--warning-color)}.btn-edit:hover{background-color:#e67e22}.btn-delete{background-color:#e74c3c;background-color:var(--danger-color)}.btn-delete:hover{background-color:#c0392b}.btn-refresh{background-color:#2ecc71;background-color:var(--success-color);color:#fff}.btn-refresh:hover{background-color:#27ae60}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.categories-list-container{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:10px;margin-left:-280px;padding:1.5rem}.list-header{align-items:center;border-bottom:2px solid #812baf;border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.list-header h2{color:#2c3e50;color:var(--secondary-color);font-size:1.4rem}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto auto}.category-card{background:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px;transition:transform .3s,box-shadow .3s}.category-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);gap:10px;padding:1rem}.card-header h3{color:#2c3e50;color:var(--secondary-color);font-size:1.1rem;margin:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.card-image{background:#f8f9fa;text-align:center}.card-video-indicator iframe,.card-video-indicator video{border-radius:10px;max-height:150px;object-fit:cover}.card-image img{border-radius:4px;max-width:100%;object-fit:contain}.card-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color);gap:.75rem;padding:1rem}.card-actions .btn{flex:1 1;padding:.5rem}.loading-spinner{color:#812baf;color:var(--primary-color);font-size:1.1rem;padding:3rem}.empty-state{background:#ecf0f1;background:var(--light-color);border:2px dashed var(--border-color);padding:3rem}.app-footer{align-items:center;background:#2c3e50;background:var(--secondary-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.editing-notice{animation:pulse 2s infinite;color:#f39c12;color:var(--warning-color);font-weight:600}.notification-bell-btn{align-items:center;background:#ff9800;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:10px;transition:all .3s ease;width:36px}.notification-bell-btn:hover{background:#f57c00;transform:scale(1.1)}.modal-content{box-shadow:0 4px 20px #00000026;padding:24px}.modal-header{margin-bottom:20px}.modal-content .btn-primary:disabled{background:#ccc;cursor:not-allowed}.category-card{position:relative}.notification-icons{align-items:center;display:flex;gap:0}.notification-bell-btn.single{align-items:center;background:#ff9800;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.notification-bell-btn.single:hover{background:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:scale(1.1)}.notification-bell-btn.bulk{align-items:center;background:linear-gradient(135deg,#812baf,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.notification-bell-btn.bulk:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 8px #667eea4d;transform:scale(1.1)}.btn-bulk{background:linear-gradient(135deg,#812baf,#764ba2)!important;border:none!important;color:#fff!important}.btn-bulk:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190)!important;box-shadow:0 4px 12px #667eea66!important;transform:translateY(-2px)}.btn-bulk:active:not(:disabled){transform:translateY(0)}.card-title-row{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.card-title-row h3{flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis}.modal-overlay{background-color:#00000080}.modal-header{border-bottom:1px solid #e0e0e0;margin-bottom:0;padding-bottom:15px}.modal-header h2{color:#333;font-size:1.5rem!important;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close-btn:hover{background:#f5f5f5;color:#333}.notification-form .form-group{margin-bottom:20px}.notification-form label{color:#555;display:block;font-weight:500;margin-bottom:6px}.notification-form input[type=text],.notification-form select,.notification-form textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s;width:100%}.notification-form input[type=text]:focus,.notification-form select:focus,.notification-form textarea:focus{border-color:#007bff;outline:none}.notification-form textarea{min-height:80px;resize:vertical}.notification-form input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.image-preview-small{margin-top:10px;max-width:100px}.image-preview-small img{border:1px solid #ddd;border-radius:4px;height:auto;width:100%}.notification-info{background:#f0f7ff;border-left:4px solid #007bff;border-radius:4px;margin:20px 0;padding:12px 15px}.info-text{color:#2c5282;font-size:14px;margin:0}.info-text strong{color:#2d3748}.modal-content .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-content .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.modal-content .btn-primary{background:#007bff;color:#fff}.modal-content .btn-primary:hover:not(:disabled){background:#0056b3}.modal-content .btn-secondary{background:#6c757d;color:#fff}.modal-content .btn-secondary:hover:not(:disabled){background:#545b62}.modal-content .btn:disabled{cursor:not-allowed;opacity:.6}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{color:#666;font-size:16px;padding:40px;text-align:center}.loading-spinner:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.empty-state{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;color:#666;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.modal-header h2{color:#333;font-size:1rem!important;margin:0;margin-bottom:0!important}.card-image{background:#0000;padding:0}.categories-list-container,.category-form-container{margin-left:0;padding:.5rem}.app-header h1{font-size:1.5rem}.category-form-container h2,.list-header h2{font-size:1.2rem}.categories-grid{grid-template-columns:auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.list-header{align-items:flex-start}.list-header .btn-refresh{align-self:stretch}.card-actions{margin-top:0!important}.app-footer{flex-direction:column;gap:.5rem;text-align:center}.modal-content{margin:10px;padding:20px}.modal-content .form-actions{flex-direction:column}.modal-content .btn{width:100%}.card-title-row{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:10px}.card-title-row h3{width:100%}.notification-icons{align-self:flex-end;gap:10px}.notification-bell-btn{margin-left:0}}@media (max-width:480px){.category-form-container h2,.list-header h2{font-size:1.1rem;margin-bottom:0}.file-input,.form-group input[type=text],.form-group select{padding:.625rem}.btn{font-size:.9rem;padding:.625rem 1rem}.card-header{align-items:flex-start;flex-direction:column;gap:0;padding:.5rem}.status-badge{align-self:flex-start}}@media print{.app-footer,.btn-refresh,.card-actions,.category-form-container{display:none}.category-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.notification-container{font-family:Arial,sans-serif;margin:auto;padding:10px;width:95%}h2{border-bottom:1px solid gray;font-family:Montserrat,sans-serif!important;font-size:2rem!important;margin-bottom:16px;padding-bottom:10px;padding-top:10px;text-align:left}.status-label{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.status-label.active{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.status-label.inactive{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}.notification-form{background:#fff;border:1px solid #ddd;border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:scroll;padding:16px}.notification-form input,.notification-form select,.notification-form textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:10px}.notification-form textarea{height:80px;resize:none}.notification-form button{background:#812baf;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;padding:12px}.notification-form button:disabled{opacity:.6}.notification-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto;margin-top:20px}.notification-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:14px}.card-header{align-items:center;border-radius:8px;display:flex;justify-content:space-between}.card-header h4{font-size:16px;margin:0}.status{border-radius:20px;font-size:12px;padding:4px 8px}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fee2e2;color:#991b1b}.category{color:#6b7280;font-size:13px;margin:6px 0}.description{font-size:14px;margin-bottom:8px}.notification-card img{border-radius:10px;margin-top:6px;width:100%}.card-actions{display:flex;gap:10px;margin-top:10px}.card-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.card-actions button:first-child{background:#facc15}.card-actions .delete{background:#ef4444;color:#fff}.image-preview{border:1px solid #ddd;border-radius:10px;margin-top:8px;max-height:200px;object-fit:cover;width:100%}@media (max-width:480px){h2{border-bottom:1px solid gray;font-family:Montserrat,sans-serif!important;font-size:1.4rem!important;margin-bottom:16px!important;padding-bottom:5px;text-align:left}.notification-container{margin:0 auto;padding:0}.notification-form button{font-size:14px}.notification-list{display:flex;flex-direction:column;margin-top:20px;width:100%}}.scroll-to-top-btn{align-items:center;background-color:#812baf;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top-btn:hover{background-color:#610096;box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.scroll-to-top-btn:active{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top-btn{animation:fadeInUp .3s ease-out}body{color:#333;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{background:#812baf;box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem 1rem;text-align:center}.app-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.app-header p{font-size:1.1rem;opacity:.9}.categories-container{display:grid;grid-template-columns:auto auto;padding:15px 0}.categories-containerrm{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto;margin-left:-280px;padding:10px 0}.dashboard-loadingdash{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center;margin:0}.dashboard-loadingdash1{height:250px;width:250px}.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#812baf;border-radius:50%;height:40px;width:40px}.error{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:2rem;padding:3rem 1rem;text-align:center}.error h2{color:#e53e3e;margin-bottom:1rem}.retry-btn{background:#812baf;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s ease}.retry-btn:hover{background:#5a67d8}.posts-gridm{grid-gap:10px;display:grid;gap:10px;grid-template-columns:auto auto auto;margin:0 auto}.posts-container{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:2rem}.no-posts{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;grid-column:1/-1;padding:3rem}.post-cardm{background:#fff;border-radius:6px;height:auto;overflow:hidden;position:relative;transition:all .3s ease}.post-cardm:hover{box-shadow:0 8px 25px #00000026}.trending-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:10px;top:10px;z-index:2}.post-headerm{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.category-tag{background:#edf2f7;border-radius:15px;color:#4a5568;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.likes-count{color:#e53e3e;font-size:.9rem;font-weight:600}.post-imagem{height:200px;overflow:hidden;width:100%}.post-imagem img{border-radius:0;height:100%;object-fit:cover;padding:0;transition:transform .3s ease;width:100%}.post-contentm{display:flex;flex-direction:column;height:175px;justify-content:end;padding:.5rem}.post-titlem{color:#2d3748;font-size:.8rem;font-weight:700;line-height:1.4;padding-bottom:10px}.post-description,.post-titlem{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-description{color:#718096;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.post-metam{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:.7rem;padding-top:.7rem}.post-date{color:#718096;font-size:.85rem}.content-type{border-radius:5px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.content-type.article{background:#e6fffa;color:#234e52}.content-type.shorts{background:#fffaf0;color:#744210}.post-actions{gap:.75rem}.read-more-btn,.youtube-btn{flex:1 1;font-size:.8rem;font-weight:600;padding:.7rem;text-align:center;text-decoration:none;transition:all .3s ease}.read-more-btn{background:#812baf;color:#fff}.read-more-btn:hover{background:#5a67d8}.youtube-btn{background:red;color:#fff}.youtube-btn:hover{background:#c00}.app-footer{background:#2d3748;color:#fff;margin-top:auto;padding:1.5rem;text-align:center}.category-headerm{background-color:#fff;border-radius:20px;margin:5px auto;padding:10px 20px;width:92%}.category-headerm,.category-title-wrapper{align-items:center;display:flex;justify-content:center}.category-title-wrapper{width:100%}.category-title{font-size:2rem}.post-count{background-color:#efefef;border-radius:20px;padding:8px 20px}.pagination-controls{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0;padding:15px}.pagination-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:background-color .3s}.pagination-btn:disabled{background-color:#ccc;cursor:not-allowed}.pagination-btn:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.pagination-info{align-items:center;color:#333;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:5px}.pagination-details{color:#666;font-size:12px;font-weight:400}.page-jump{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px;width:100%}.page-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;text-align:center;width:80px}.page-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.pagination-footer,.pagination-header{margin:10px 0}.debug-section{background-color:#f8f9fa;border-radius:8px;margin-top:30px;padding:15px}.debug-info{background-color:#fff;border-radius:4px;padding:10px}.debug-info summary{color:#007bff;cursor:pointer;font-weight:600;margin-bottom:10px}.debug-content{background-color:#f5f5f5;border-radius:4px;max-height:400px;overflow-y:auto;padding:15px}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:10px}.pagination-info{order:-1}.page-jump{width:auto}.category-section{padding-bottom:10px}.categories-container{display:grid;grid-template-columns:auto;padding:0}.trending-badge{position:absolute;top:14px}.post-image img{padding:0}.read-more-btn{background:#812baf;color:#fff;display:flex;padding:5px;width:100%}.post-metam{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:.5rem;padding-top:.5rem}.content-type.article{background:#e6fffa;color:#234e52;font-size:10px;margin-top:0}.posts-container{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.app-header h1{font-size:2rem}.post-contentm{align-items:flex-start;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;padding:.8rem}.post-actions{flex-direction:column}.category-headerm{border-radius:20px;display:flex;padding:5px 20px;width:90%}.category-title{font-size:1.3rem}.posts-gridm{grid-gap:5px;display:grid;gap:5px;grid-template-columns:auto;margin:0 auto;width:95%}.post-headerm{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:0 .2rem .5rem}.post-titlem{-webkit-box-orient:vertical;color:#2d3748;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.4;overflow:hidden;padding-bottom:5px;text-align:center}.post-date{color:#718096;font-size:.65rem}}@media (max-width:480px){.app-header{padding:1.5rem 1rem}.app-header h1{font-size:1.75rem}.posts-container{padding:.5rem}.post-cardm{border:1px solid #c4c4c4;border-radius:6px;height:-webkit-fit-content;height:fit-content;width:100%}.post-imagem{height:200px;overflow:hidden;width:100%}.post-imagem img{height:auto;object-fit:cover;width:100%}.category-tag{background:#edf2f7;border-radius:15px;color:#4a5568;font-size:.6rem;font-weight:600;padding:.2rem .6rem}}.form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;padding:20px}.form-container h2{color:#2c3e50;font-weight:600;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#34495e;display:block;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-group textarea{min-height:300px;resize:vertical}.word-count{color:#7f8c8d;font-size:14px;margin-top:5px;text-align:right}.form-group input[type=file]{background-color:#fff;border:1px dashed #95a5a6;border-radius:4px;padding:8px;width:100%}.image-preview{margin-top:15px;text-align:center}.image-preview img{border:1px solid #ddd;border-radius:4px;max-height:300px;max-width:100%}.remove-image-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px;transition:background-color .3s}.remove-image-btn:hover{background-color:#c0392b}.image-note{color:#7f8c8d;font-style:italic;margin-top:5px}.tags-dropdown-container{margin-bottom:15px;position:relative}.tags-dropdown-toggle{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:12px;text-align:left;transition:border-color .3s;width:100%}.tags-dropdown-toggle:after{content:"▼";font-size:12px;transition:transform .3s}.tags-dropdown-toggle.active:after{transform:rotate(180deg)}.tags-dropdown-toggle:disabled{background-color:#f5f5f5;color:#95a5a6;cursor:not-allowed}.tags-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.tag-dropdown-item{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;padding:12px 15px;transition:background-color .2s}.tag-dropdown-item:last-child{border-bottom:none}.tag-dropdown-item:hover{background-color:#f8f9fa}.tag-dropdown-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.tag-dropdown-item label{color:#2c3e50;cursor:pointer;flex:1 1;font-size:16px}.no-tags-message{padding:15px;text-align:center}.no-tags-message,.tags-message{color:#7f8c8d;font-style:italic}.tags-message{font-size:14px;margin-top:8px}.selected-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.selected-tag{background-color:#e1f0fa;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;padding:6px 12px}.remove-tag-btn,.selected-tag{align-items:center;color:#2980b9}.remove-tag-btn{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;margin-left:8px;padding:0;width:18px}.remove-tag-btn:hover{background-color:#2980b9;color:#fff}.toggle-item{align-items:center;display:flex;gap:10px}.toggle-item label{color:#34495e;font-weight:600;margin-right:5px}.toggle-switch{background-color:#ccc;border-radius:13px;height:26px;transition:background-color .3s}.toggle-switch.active{background-color:#2ecc71}.toggle-knob1{background-color:#fff;border-radius:50%;height:21px;left:1px;position:absolute;top:1px;transition:left .3s;width:21px}.toggle-switch.active .toggle-knob1{left:26px}.toggle-item span{font-weight:500;min-width:50px}.form-actions{margin-top:25px}.cancel-btn,.list-posts-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.submit-btn{background-color:#3498db;color:#fff}.submit-btn:hover:not(:disabled){background-color:#2980b9}.submit-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.cancel-btn{background-color:#95a5a6}.cancel-btn:hover:not(:disabled){background-color:#7f8c8d}.list-posts-container{margin-top:30px;text-align:center}.list-posts-btn{background-color:#9b59b6;color:#fff}.list-posts-btn:hover{background-color:#8e44ad}.modal-overlay{animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;padding:20px;right:0}.modal-content.posts-modal{animation:scaleIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 25px #0000004d;max-height:90vh;overflow-y:auto;padding:0;position:relative;width:90%}.modal-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #eaeaea;padding:12px}.modal-header h3{color:#333;font-size:1.5rem;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.close-modal:hover{background:#f0f0f0;color:#333}.modal-content h3{color:#2c3e50;margin-bottom:0;margin-top:0;text-align:center}.categories-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.category-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;padding:15px;text-align:center;transition:all .3s}.category-item:hover{background-color:#e9ecef;transform:translateY(-2px)}.posts-modal{max-width:1000px;width:90%}.posts-list{overflow-y:auto;padding:20px}.post-item{border:1px solid #eaeaea;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.post-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.post-summary{color:#7f8c8d;font-size:14px;line-height:1.5}.post-image-container{margin:15px 0;text-align:center}.post-tags{background-color:#e1f0fa;font-size:12px;margin:15px 0;padding:4px 10px}.post-tags,.tag{border-radius:20px;color:#2980b9}.tag{background:#fff;font-size:.8rem;font-weight:500;padding:4px}.post-actions{display:flex;gap:10px;margin:15px 0}.post-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px}.post-header h4{align-items:flex-start;color:#2c3e50;display:flex;font-size:1rem;gap:10px;margin:0}.expand-icon{color:#7f8c8d;font-size:.8rem}.post-details{max-height:0;overflow:hidden;transition:max-height .4s ease}.post-details.expanded{max-height:2000px}.post-details.collapsed{max-height:0}.post-description,.post-summary{color:#34495e;line-height:1.5;margin:10px 0;padding:0 15px}.post-summary{font-weight:500}.post-image-container{border-radius:6px;box-shadow:0 4px 8px #0000001a;margin:15px;overflow:hidden}.post-image{background-position:top;display:block;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.post-image:hover{transform:scale(1.02)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px;padding:10px}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.edit-btn{background:#3498db}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}.toggle-actions{border-top:1px solid #eaeaea;display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;padding:15px}.toggle-group{align-items:center;display:flex;gap:10px}.toggle-switch{background:#ddd;border-radius:18px;cursor:pointer;height:24px;position:relative;transition:background .3s;width:50px}.toggle-switch.active{background:#4cd964}.toggle-actions .toggle-switch{transform:scale(.8)}.loader-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.toggle-knob{background:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch.active .toggle-knob{transform:translateX(26px)}.toggle-label{font-weight:500;min-width:50px}.no-posts{color:#7f8c8d;font-style:italic;padding:30px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modal-header{padding:10px}.modal-content h3{font-size:18px;margin-bottom:0}.form-container{padding:15px}.toggle-group{gap:5px}.form-actions,.toggle-group{flex-direction:column}.categories-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.posts-list{grid-template-columns:1fr;padding:10px}.modal-content{padding:0;width:94%}.modal-content.posts-modal{max-height:85vh;width:100%}.post-header{align-items:flex-start;flex-direction:column;gap:8px}.post-actions{align-self:flex-end;margin:7px 0}.toggle-actions{gap:10px;justify-content:flex-end}}@media (max-width:480px){.form-group input[type=text],.form-group select,.form-group textarea{font-size:14px}.tags-dropdown-toggle{font-size:14px;padding:10px}.tag-dropdown-item{padding:10px}.tag-dropdown-item label{font-size:14px}.categories-list{align-items:center;display:flex;flex-direction:column;grid-template-columns:repeat(1,1fr);width:100%}.category-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;padding:15px;text-align:center;transition:all .3s;width:70%}}.postjob-container{align-items:center;background:#f6f6f6;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:30px}.postjob-title{font-size:22px;font-weight:600;margin-bottom:20px}.postjob-form{background:#fff;border-radius:8px;padding:25px;width:80%}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:18px;font-weight:bolder;margin-bottom:6px;text-align:left}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e2e2;border-radius:6px;font-size:14px;outline:none;padding:10px 12px}.form-group textarea{min-height:110px;resize:none}.full-width{margin-bottom:18px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-clear{background:#ff7a7a}.btn-clear,.btn-submit{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 24px}.btn-submit{background:#2563eb}.job-list{margin-top:30px}.job-card{background:#f9f9f9;margin-bottom:12px;padding:15px}.job-actions{margin-top:10px}.btn-delete,.btn-edit{border:none;border-radius:6px;cursor:pointer;padding:10px 24px}.modal-overlay{background:#0009;inset:0;z-index:999}.modal-content{background:#fff;border-radius:10px;flex-direction:column;overflow:hidden;padding:10px;width:100%}.modal-content,.modal-header{display:flex;justify-content:space-between}.modal-header{border-bottom:1px solid #ddd;padding:15px}.modal-close{background:none;border:none;cursor:pointer;font-size:40px}.modal-body{overflow-y:auto;padding:15px}.job-card{background:#f7f7f7;border-radius:8px;margin-bottom:10px;padding:12px}.job-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.job-card h4,.job-card p{text-align:left}.btn-edit{background:#1976d2;color:#fff}.btn-delete{background:#d32f2f;color:#fff}.btn-list{background:#333;border-radius:6px;color:#fff;cursor:pointer;padding:10px 24px}@media (max-width:992px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.postjob-container{padding:15px}.postjob-form{padding:15px;width:100%}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.btn-clear,.btn-submit{width:100%}.modal-content{background:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px;width:94%}}.veg-container{font-family:Segoe UI,sans-serif;margin:auto;max-width:1200px;padding:20px}h2{color:#2c3e50}.loading{font-size:18px;text-align:center}.table-wrapper{overflow-x:auto}table{background:#fff}td,th{border-bottom:1px solid #eaeaea;padding:12px;text-align:left}th{font-weight:600}.edit-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.edit-btn:hover{background:#1d4ed8}.modal-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background:#fff;border-radius:12px;max-width:400px;padding:20px;width:90%}.modal h3{margin-bottom:15px;text-align:center}.modal label{display:block;font-size:14px;margin-top:10px}.modal input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:8px;width:100%}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.save-btn{background:#16a34a}.cancel-btn,.save-btn{border:none;border-radius:6px;color:#fff;padding:8px 16px}.cancel-btn{background:#dc2626}@media (max-width:600px){.veg-container{font-family:Segoe UI,sans-serif;margin:auto;max-width:1200px;padding:5px}td,th{font-size:13px;padding:8px}.edit-btn{font-size:12px;padding:4px 8px}}.fuel-containerfl{font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:20px}h2{margin-bottom:20px}.fuel-gridfl{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.fuel-cardfl{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:16px}.fuel-cardfl h3{margin-bottom:10px}.fuel-cardfl p{margin:4px 0}.fuel-cardfl button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px;width:100%}.edit-modalfl{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed}.edit-formfl{background:#fff;border-radius:10px;max-width:400px;padding:20px;width:90%}.edit-formfl input{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;padding:8px;width:100%}.form-actionsfl{display:flex;gap:10px}.form-actionsfl button{border:none;border-radius:6px;cursor:pointer;flex:1 1;padding:10px}.form-actionsfl .cancel{background:#e5e7eb}.table-containerfl{font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:20px}h2{margin-bottom:15px;text-align:center}.table-wrapperfl{overflow-x:auto}table{border-collapse:collapse;min-width:700px;width:100%}thead{background:#1f2933}td button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.modalfl{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed}.modal-formfl{background:#fff;border-radius:10px;max-width:400px;padding:20px;width:90%}.modal-formfl input{border:1px solid #ccc;border-radius:6px;margin-bottom:10px;padding:8px;width:100%}.modal-actionsfl{display:flex;gap:10px}.modal-actionsfl button{border:none;border-radius:6px;flex:1 1;padding:10px}.modal-actionsfl .cancel{background:#e5e7eb}@media (max-width:600px){.table-containerfl{font-family:Arial,sans-serif;margin:auto;max-width:1200px;padding:0}table{min-width:600px}.fuel-container{padding:12px}}.thirumanam-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:20px}.thirumanam-header{margin-bottom:30px;text-align:center}.thirumanam-header h2{color:#2c3e50;font-size:2rem;margin:0;padding:10px 0}.debug-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:none;font-size:.85rem;margin-bottom:25px;padding:12px 15px}.filters-container{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:25px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.filter-select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.filter-select:disabled{background:#f5f5f5;cursor:not-allowed}.reset-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-height:44px;padding:10px 25px;transition:all .3s ease;white-space:nowrap}.reset-button:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.reset-button:disabled{cursor:not-allowed;opacity:.6}.loading-indicator{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:8px;color:#fff;font-weight:600;margin-bottom:20px;padding:20px;text-align:center}.initial-loading{align-items:center;color:#3498db;display:flex;font-size:1.2rem;justify-content:center;min-height:300px}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.table-container{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;overflow-x:auto}.data-table{border-collapse:collapse;min-width:800px;width:100%}.data-table thead{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff}.data-table th{border-right:1px solid #fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #eee;transition:background .3s ease}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody tr:nth-child(2n){background:#f9f9f9}.data-table tbody tr:nth-child(2n):hover{background:#f0f0f0}.data-table td{border-right:1px solid #cbcbcb;font-size:.95rem;padding:14px 12px;vertical-align:top}.poruthams-table{border-collapse:collapse;font-size:.85rem;width:100%}.poruthams-table td{border:1px solid #dee2e6;padding:6px 8px}.status-pass{color:#27ae60;font-weight:700}.status-fail{color:#e74c3c;font-weight:700}.no-records{background:#f8f9fa;color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.pagination-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px;text-align:center;transition:all .3s ease}.pagination-button:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.pagination-button:not(:disabled):hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.pagination-button:disabled{background:#ecf0f1;color:#95a5a6;cursor:not-allowed}.page-info{font-size:1.1rem;font-weight:600;min-width:150px}.page-info,.records-info{color:#2c3e50;text-align:center}.records-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;font-size:.95rem;margin-top:20px;padding:15px}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:10px;box-shadow:0 4px 12px #e74c3c4d;color:#fff;font-weight:600;margin:20px;padding:30px;text-align:center}@media (max-width:768px){.thirumanam-container{padding:15px}.thirumanam-header h2{font-size:1.5rem}.filters-container{padding:15px}.filter-group{min-width:100%}.filter-row{gap:15px}.data-table td,.data-table th{font-size:.85rem;padding:10px 8px}.pagination-container{flex-direction:column;gap:10px}.pagination-button{max-width:200px;width:100%}.page-info{margin-bottom:10px;order:-1}.poruthams-table{font-size:.8rem}}@media (max-width:480px){.thirumanam-container{padding:10px}.thirumanam-header h2{font-size:1.3rem}.data-table{min-width:600px}.filter-select{font-size:.9rem;padding:8px 12px}.reset-button{padding:12px;width:100%}}@media print{.debug-panel,.filters-container,.pagination-container,.reset-button{display:none}.data-table{border:1px solid #ddd;box-shadow:none}.data-table th{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact}}.filter-select:focus,.pagination-button:focus,.reset-button:focus{outline:3px solid #3498db80;outline-offset:2px}@media (prefers-color-scheme:dark){.filter-select{border-color:#444;color:#333}.records-info{background:#2d2d2d;color:#e0e0e0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-table tbody tr{animation:fadeIn .3s ease-out}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#1c5a7a)}
/*# sourceMappingURL=main.1b1c2248.css.map*/