@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap);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{align-items:center;display:flex;justify-content:space-between;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{align-items:center;display:flex;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-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 .5rem 65px}.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}.content-header{align-items:flex-start;flex-direction:column}.sub-content-btn{display:flex;justify-content:flex-end;width:100%}.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}.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{bottom:30px;box-shadow:0 4px 12px #667eea66;opacity:.9;right:30px;z-index:1000}.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;gap:20px}.section-headerdash{align-items:center;display:flex;justify-content:space-between}.sub-category-right{flex-direction:column;gap:10px;padding:15px 10px;width:100%}.sub-category-toggle{display:flex;justify-content:flex-end;width:100%}.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}.sub-category-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);padding:15px 0}.sub-category-card{display:flex;gap:10px;padding:0!important}.sub-category-img{align-items:center;display:flex;justify-content:center;padding:10px;width:30%}.category-infodash{align-items:center;display:flex;gap:15px;text-align:right;width:100%}.sub-category-name{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.category-avatardash{border:1px solid #333;border-radius:12px;height:50px;object-fit:cover;width:50px}.sub-category-name h3{color:#333;font-size:1rem;font-weight:700;text-align:right}.posts-countdash{color:#000;font-size:.9rem}.view-all-btndash{align-items:center;background:var(--primary-light);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;height:30px;justify-content:center;padding:8px 10px;transition:all .3s ease}.view-all-btndash:hover{background:#6a5d5d;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{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}.sub-category-grid{grid-template-columns:1fr}.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%}}.subcategory-modal-overlay{align-items:center;animation:subcategory-overlay-in .22s ease;-webkit-backdrop-filter:blur(6px);background:#0a0e1aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.subcategory-modal-box{animation:subcategory-modal-in .28s cubic-bezier(.34,1.36,.64,1);background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000a,0 20px 60px #0000002e,0 0 0 1px #0000000f;max-width:460px;overflow:hidden;transform-origin:center bottom;width:100%}@keyframes subcategory-modal-in{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.subcategory-modal-header{align-items:center;background:linear-gradient(135deg,#f8faff,#f2f5ff);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:22px 24px 18px}.subcategory-modal-title-group{align-items:center;display:flex;gap:10px}.subcategory-modal-icon{align-items:center;background:linear-gradient(135deg,#4f6ef7,#6c3de8);border-radius:10px;box-shadow:0 4px 12px #4f6ef759;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:300;height:34px;justify-content:center;line-height:1;width:34px}.subcategory-modal-title{color:#1a1f36;font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0}.subcategory-modal-close{align-items:center;background:#ededf0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s,color .15s,transform .15s;width:32px}.subcategory-modal-close:hover{background:#e0e0e0;color:#222;transform:rotate(90deg)}.subcategory-modal-form{display:flex;flex-direction:column;gap:18px;padding:24px 24px 20px}.subcategory-form-group{display:flex;flex-direction:column;gap:7px}.subcategory-form-label{color:#374151;font-size:13px;font-weight:600;letter-spacing:.1px}.subcategory-required{color:#e53935;margin-left:2px}.subcategory-select-wrapper{position:relative}.subcategory-form-select{appearance:none;-webkit-appearance:none;background:#f8f9fc;border:1.5px solid #e2e6f0;border-radius:10px;color:#1a1f36;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:11px 40px 11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.subcategory-form-select:focus{background:#fff;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71f}.subcategory-select-arrow{color:#888;font-size:13px;pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-50%)}.subcategory-form-input{background:#f8f9fc;border:1.5px solid #e2e6f0;border-radius:10px;box-sizing:border-box;color:#1a1f36;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.subcategory-form-input::placeholder{color:#b0b8cc}.subcategory-form-input:focus{background:#fff;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71f}.subcategory-form-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#c0392b;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 13px}.subcategory-error-icon{flex-shrink:0;font-size:14px}.subcategory-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.subcategory-btn-cancel{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;color:#555;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 22px;transition:background .15s,color .15s,border-color .15s}.subcategory-btn-cancel:hover:not(:disabled){background:#e9eaec;border-color:#d1d5db;color:#222}.subcategory-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.subcategory-btn-save{align-items:center;background:var(--gradient-secondary);border:none;border-radius:8px;box-shadow:0 4px 14px #4f6ef766;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;justify-content:center;min-width:90px;padding:10px 28px;transition:opacity .15s,transform .15s,box-shadow .15s}.subcategory-btn-save:hover:not(:disabled){box-shadow:0 6px 18px #4f6ef773;opacity:.92;transform:translateY(-1px)}.subcategory-btn-save:active:not(:disabled){transform:translateY(0)}.subcategory-btn-save:disabled{cursor:not-allowed;opacity:.65;transform:none}.subcategory-btn-spinner{animation:subcategory-spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes subcategory-spin{to{transform:rotate(1turn)}}@media (max-width:480px){.subcategory-modal-box{border-radius:16px}.subcategory-modal-header{padding:18px 18px 14px}.subcategory-modal-form{padding:18px 18px 16px}.subcategory-modal-actions{flex-direction:column-reverse}.subcategory-btn-cancel,.subcategory-btn-save{justify-content:center;width:100%}}.toggle-page{align-items:center;display:flex;flex-direction:column;font-family:DM Sans,sans-serif;gap:40px;justify-content:center}.st-btn{-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:44px;box-shadow:0 2px 10px #1e3a8a26,0 1px 3px #00000014;cursor:pointer;height:30px;outline:none;overflow:hidden;padding:0;position:relative;transition:transform .12s ease,box-shadow .2s ease;width:60px}.st-btn:active{transform:scale(.96)}.st-arc{border-radius:999px;height:120%;position:absolute;top:-10%;transition:all .4s ease;width:80%;z-index:1}.st-btn.is-active .st-arc{background:#22c55e;left:-25%;right:auto}.st-btn.is-inactive .st-arc{background:#ef4444;left:auto;right:-25%}.st-inner{align-items:center;background:#fff;border:2px solid #0000;border-radius:34px;bottom:3px;display:flex;justify-content:center;left:3px;position:absolute;right:3px;top:3px;z-index:2}.st-label{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;pointer-events:none;transition:color .3s ease;-webkit-user-select:none;user-select:none}.st-btn.is-active .st-label{color:#22c55e;font-size:12px}.st-btn.is-inactive .st-label{color:#ef4444;font-size:11px}.st-status{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 4px #0000000f;color:#94a3b8;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.06em;padding:7px 18px;text-transform:uppercase}.st-dot{border-radius:50%;flex-shrink:0;height:7px;transition:background .3s,box-shadow .3s;width:7px}.st-dot.active-dot{background:#22c55e;box-shadow:0 0 7px #22c55e88}.st-dot.inactive-dot{background:#ef4444;box-shadow:0 0 7px #ef444488}.st-status-val{font-weight:700;transition:color .3s}.st-status-val.active-val{color:#22c55e}.st-status-val.inactive-val{color:#ef4444}@media (max-width:480px){.st-btn{border-radius:38px}.st-inner{border-radius:28px}.st-label{font-size:13px}}.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}.aart-image-preview{border:1px solid #ddd;border-radius:10px;margin-top:10px;max-width:250px;object-fit:cover;width:100%}@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;border-bottom:1px solid #bababa;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{display:flex;justify-content:space-between;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}.la-post-actions{flex-direction:column;justify-content:space-between;margin:8px 0}.action-buttons,.la-post-actions{display:flex;gap:10px}.edit-btn{align-items:center;background:linear-gradient(135deg,#540c97,#6a2cb3);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .3s ease;transition:var(--transition);width:100%}.edit-btn:hover{box-shadow:4px 4px #bd83ff}.view-btn{align-items:center;background:#812baf;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .3s ease;transition:var(--transition);width:100%}.view-btn:hover{box-shadow:4px 4px #6be5f8}.status-controls{align-items:flex-start;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{align-items:center;border-top:1px solid #e9ecef;border-top:1px solid var(--border-light);color:#5b5b5b;color:var(--text-light);display:flex;justify-content:space-between;padding:8px 12px}.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;text-align:left}.detail-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);max-height:200px;width:100%}.status-controls-group{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:auto auto auto}.detail-actions{display:flex;justify-content:space-between}.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:#ff7900;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}.schedule-btn-detail{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:background-color .2s}.schedule-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}.user-initial{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 10px #6366f140,inset 0 1px 1px #fff3;color:#fff;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;margin-right:8px;width:30px}.sub-post-author{font-size:1.2rem;font-weight:600}@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{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:0;padding-bottom:0}.post-date{text-align:left}.post-actions{align-items:stretch;flex-direction:row;gap:15px}.action-buttons{flex-direction:row;justify-content:center;width:100%}.status-controls{align-items:start;justify-content:flex-end}.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{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.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%}.post-cardss{position:relative}.post-category{background:#540c97;background:var(--primary);color:#fff;font-size:.8rem;padding:.1rem .3rem;right:16px;top:6px}.la-post-actions{flex-direction:column;margin:0;width:100%}.notification-btn{background:#fff}.post-author{border-top:none;padding:4px 8px;position:absolute;width:100%}.sub-post-author{background:#812baf;border-radius:8px;border-top:none;color:#fff;display:flex;font-size:.9rem;padding:4px 6px}.user-initial{font-size:.7rem;font-weight:500;height:20px;width:20px}.edit-btn,.view-btn{width:100%}.modal-overlay{align-items:flex-start!important}.status-controls-group{grid-template-columns:auto auto}}.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;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;padding:1.5rem}.cfc-left{margin-left:-280px}.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:1rem;display:grid;gap:1rem;grid-template-columns:auto 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);padding:1rem}.card-header h3{color:#2c3e50;color:var(--secondary-color);font-size:1.1rem;margin:0}.status-badges{align-items:center;border-radius:20px;display:flex;font-size:1.7rem;font-weight:600;justify-content:center}.status-badges.active{color:#179133}.status-badges.inactive{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-height:300px;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)}.card-title-row{align-items:center;width:100%}.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)}.uf-card{display:flex;gap:8px}.uf-card,.uf-user-initial{align-items:center;justify-content:center}.uf-user-initial{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 10px #6366f140,inset 0 1px 1px #fff3;color:#fff;display:inline-flex;flex-shrink:0;font-size:1.7rem;font-weight:700;height:45px;width:45px}.card-title-row{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.card-title-row h3{flex:1 1;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis}.media-type-badge{font-size:13px}.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}.cfc-left{margin-left:0}.app-header h1{font-size:1.5rem}.category-form-container h2,.list-header h2{font-size:1.2rem}.categories-grid{grid-template-columns:auto auto}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.list-header{align-items:flex-start;align-self:stretch}.btn-refresh{align-self:center}.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}.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}.categories-grid{grid-template-columns:auto}.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;gap:0;padding:.5rem}.uf-user-initial{font-size:1.1rem;height:30px;width:30px}}@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:65px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:99}.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 auto;padding:15px 0}.categories-containerrm{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto;margin-left:-280px;padding:10px 0}.category-section{display:flex;gap:20px;padding: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{align-items:flex-start;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem}.category-img{align-items:center;border-radius:6px;box-shadow:0 2px 8px #00000026;display:flex;justify-content:center;object-fit:cover;object-position:center;overflow:hidden;width:30%}.category-titles-wrapper{align-items:center;display:flex;justify-content:flex-start}.category-titles{border:none;font-size:1.1rem!important;margin:0;text-align:left}.mc-toggle-btn{align-items:flex-end;display:flex;gap:30px;justify-content:center}.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}.categories-container{display:grid;grid-template-columns:auto 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;gap:10px;padding:10px 20px}.category-titles{font-size:1rem!important;margin-bottom:0!important;padding:0}.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}.categories-container{display:flex;flex-direction:column;gap:1rem}.category-img{width:30%}.mc-toggle-btn{gap:20px}}.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}.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:.9rem;font-weight:600;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{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:.9rem;font-weight:600;padding:8px 16px}}.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)}.bottom-nav{align-items:center;bottom:0;box-shadow:0 -2px 12px #0f172a0f;display:none;height:58px;justify-content:space-around;left:0;padding:0 .5rem;position:fixed;right:0;z-index:200}.nav-shape{height:100%;inset:0;position:absolute;width:100%;z-index:-1}.bottom-nav__item{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:3px;min-width:56px;padding:.5rem .75rem;transition:color .15s cubic-bezier(.4,0,.2,1)}.bottom-nav__item .nav-icon{border:none;font-size:20px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.bottom-nav__item .nav-logo{border-radius:50%;bottom:26px;height:55px;left:50%;position:fixed;transform:translateX(-50%);width:55px}.bottom-nav__item .nav-logo,.bottom-nav__item img{object-fit:contain;transition:transform .15s cubic-bezier(.4,0,.2,1)}.bottom-nav__item img{height:20px;width:20px}.bottom-nav__item:focus{outline:none}.bottom-nav__item.active{color:var(--secondary)}.bottom-nav__item.active .nav-icon{border:none;color:var(--secondary);transform:translateY(-2px)}.liu-profile-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border-radius:12px;bottom:calc(100% + 30px);box-shadow:0 10px 30px #00000026;max-width:90vw;overflow:hidden;padding:10px;position:absolute;right:10px;width:280px;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.bottom-nav{display:flex}}.poll-form-wrapper{font-family:sans-serif}.poll-form-card{background:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000f;box-sizing:border-box;padding:28px 32px 24px;width:100%}.poll-form-header{align-items:center;display:flex;gap:14px;margin-bottom:20px}.poll-form-header-icon{align-items:center;background:#f0f4ff;border-radius:10px;color:#3a5bef;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.poll-form-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px}.poll-form-subtitle{color:#6b7280;font-size:13px;margin:0}.poll-form-divider{background:#f0f2f5;height:1px}.poll-form-field{margin-bottom:22px}.poll-form-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:5px;letter-spacing:.1px;margin-bottom:8px}.poll-form-required{color:#ef4444;font-size:13px}.poll-form-label-hint{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:12px;font-weight:500;margin-left:auto;padding:2px 8px}.poll-form-option-input-wrap,.poll-form-textarea-wrap{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;transition:border-color .18s,box-shadow .18s}.poll-form-option-input-wrap:focus-within,.poll-form-textarea-wrap:focus-within{background:#fff;border-color:#3a5bef;box-shadow:0 0 0 3px #3a5bef1a}.poll-form-input--error{background:#fff8f8!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444414!important}.poll-form-input--valid{background:#f0fdf8;border-color:#10b981}.poll-form-textarea{background:#0000;border:none;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;line-height:1.55;min-height:80px;outline:none;padding:11px 14px;resize:vertical;width:100%}.poll-form-textarea::placeholder{color:#b0b7c3}.poll-form-field-footer{align-items:center;display:flex;justify-content:space-between;margin-top:5px;min-height:18px}.poll-form-error-text{color:#ef4444;font-size:12px;font-weight:500}.poll-form-char-count{color:#9ca3af;font-size:12px;margin-left:auto}.poll-form-char-count--warn{color:#f59e0b;font-weight:600}.poll-form-options-list{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}.poll-form-option-row{align-items:center;display:flex;gap:10px}.poll-form-option-number{align-items:center;background:#f0f4ff;border-radius:50%;color:#3a5bef;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.poll-form-option-input-wrap{flex:1 1}.poll-form-option-input{background:#0000;border:none;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:9px 13px;width:100%}.poll-form-option-input::placeholder{color:#b0b7c3}.poll-form-error-dot{align-items:center;background:#ef4444;border-radius:50%;color:#fff;cursor:help;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.poll-form-error-inline{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:12px;font-weight:500;margin-bottom:10px;padding:7px 12px}.poll-form-btn-remove{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:border-color .15s,color .15s,background .15s;width:30px}.poll-form-btn-remove:hover{background:#fff5f5;border-color:#ef4444;color:#ef4444}.poll-form-btn-add{align-items:center;background:#f0f4ff;border:1.5px dashed #c7d2fe;border-radius:10px;color:#3a5bef;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:9px 16px;transition:background .15s,border-color .15s;width:100%}.poll-form-btn-add:hover{background:#e5edff;border-color:#a5b4fc}.poll-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.poll-form-footer-note{color:#9ca3af;font-size:12px;margin:0}.poll-form-btn-submit{align-items:center;background:#111827;border:none;border-radius:10px;box-shadow:0 2px 8px #1118272e;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;letter-spacing:.1px;padding:11px 22px;transition:background .15s,transform .12s,box-shadow .15s}.poll-form-btn-submit:hover{background:#1f2937;box-shadow:0 4px 16px #11182738;transform:translateY(-1px)}.poll-form-btn-submit:active{box-shadow:0 1px 4px #11182724;transform:translateY(0)}.poll-form-success{align-items:center;animation:poll-form-slide-in .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 14px}.poll-form-date-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.poll-form-date-group{display:flex;flex-direction:column;gap:6px}.poll-form-date-label{color:#3a3835;font-size:12px;font-weight:600}.poll-form-date-input-wrap{align-items:center;background:#faf9f7;border:1.5px solid #d6d3cd;border-radius:10px;display:flex;padding:0 10px;transition:border-color .15s,box-shadow .15s}.poll-form-date-input-wrap:focus-within{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.poll-form-date-input{background:#0000;border:none;color:#1a1917;flex:1 1;font-family:inherit;font-size:13.5px;outline:none;padding:9px 0}@keyframes poll-form-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.poll-form-card{border-radius:12px;padding:20px 18px 18px}.poll-form-footer{align-items:stretch;flex-direction:column}.poll-form-btn-submit{justify-content:center;width:100%}.poll-form-footer-note{text-align:center}.poll-form-date-row{grid-template-columns:1fr}}@media (max-width:380px){.poll-form-wrapper{padding:16px 8px}}.poll-list-wrapper{font-family:Montserrat,sans-serif;padding:32px 16px 48px}.poll-list-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.poll-list-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.poll-list-page-title{color:#111827;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 3px}.poll-list-page-subtitle{color:#6b7280;font-size:13px;margin:0}.poll-list-header-stats{align-items:center;background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;gap:16px;padding:12px 20px}.poll-list-stat{align-items:center;display:flex;flex-direction:column;gap:1px}.poll-list-stat-value{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1}.poll-list-stat-label{color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.poll-list-stat-divider{background:#e8eaed;height:32px;width:1px}.poll-list-card{background:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;padding:22px 24px 18px;transition:box-shadow .2s,transform .2s}.poll-list-card:hover{box-shadow:0 2px 8px #00000012,0 8px 24px #00000012;transform:translateY(-1px)}.poll-list-card-header{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:14px}.poll-list-creator{align-items:center;display:flex;gap:10px;min-width:0}.poll-list-avatar{align-items:center;background:#111827;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;letter-spacing:0;width:36px}.poll-list-creator-info{display:flex;flex-direction:column;gap:1px;min-width:0}.poll-list-creator-name{color:#111827;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-list-date{color:#9ca3af;font-size:12px}.poll-list-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.poll-list-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:.2px;padding:4px 10px}.poll-list-badge--active{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.poll-list-badge--expired{background:#f9fafb;border:1px solid #e5e7eb;color:#9ca3af}.poll-list-badge-dot{animation:poll-list-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}@keyframes poll-list-pulse{0%,to{opacity:1}50%{opacity:.4}}.poll-list-actions{align-items:center;display:flex;gap:6px}.poll-list-action-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:30px;justify-content:center;transition:border-color .15s,color .15s,background .15s;width:30px}.poll-list-action-btn--edit:hover{background:#f0f4ff;border-color:#3a5bef;color:#3a5bef}.poll-list-action-btn--delete:hover{background:#fff5f5;border-color:#ef4444;color:#ef4444}.poll-list-question{color:#111827;font-size:15.5px;font-weight:700;letter-spacing:-.2px;line-height:1.45;margin:0 0 16px}.poll-list-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.poll-list-option{background:#fafafa;border:1.5px solid #e8eaed;border-radius:10px;padding:11px 14px;transition:border-color .15s,background .15s}.poll-list-option--clickable{cursor:pointer}.poll-list-option--clickable:hover{background:#f5f5f5;border-color:#111827}.poll-list-option--clickable:focus{border-color:#3a5bef;box-shadow:0 0 0 3px #3a5bef1a;outline:none}.poll-list-option--voted{background:#f9f9f9;border-color:#111827}.poll-list-option-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:0}.poll-list-option-left{align-items:center;display:flex;flex:1 1;gap:7px;min-width:0}.poll-list-voted-check{align-items:center;background:#111827;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.poll-list-option-text{color:#1f2937;font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-list-winner-tag{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#15803d;flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.2px;padding:2px 7px}.poll-list-option-pct{color:#111827;flex-shrink:0;font-size:13.5px;font-weight:800;letter-spacing:-.2px}.poll-list-bar-track{background:#e8eaed;border-radius:99px;height:5px;margin-top:8px;overflow:hidden;width:100%}.poll-list-bar-fill{background:#6b7280;border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.poll-list-bar-fill--winner{background:#111827}.poll-list-option-votes{color:#9ca3af;display:block;font-size:11.5px;font-weight:500;margin-top:5px}.poll-list-card-footer{align-items:center;border-top:1px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:14px}.poll-list-total-votes{align-items:center;color:#6b7280;display:flex;font-size:12.5px;font-weight:500;gap:5px}.poll-list-vote-hint{color:#9ca3af;font-size:12px;font-style:italic}.poll-list-expired-note{color:#d1d5db;font-size:12px;font-weight:600}.poll-list-empty{background:#fff;border:1.5px dashed #d1d5db;border-radius:16px;padding:56px 24px;text-align:center}.poll-list-empty-icon{align-items:center;background:#f3f4f6;border-radius:14px;color:#9ca3af;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.poll-list-empty-title{color:#374151;font-size:17px;font-weight:700;margin:0 0 6px}.poll-list-empty-desc{color:#9ca3af;font-size:13.5px;line-height:1.55;margin:0;margin-inline:auto;max-width:320px}@media (max-width:640px){.poll-list-wrapper{padding:20px 12px 36px}.poll-list-grid{grid-template-columns:1fr}.poll-list-card{border-radius:12px;padding:18px 16px 14px}.poll-list-page-header{flex-direction:column;gap:12px}.poll-list-header-stats{justify-content:center;width:100%}.poll-list-question{font-size:14.5px}.poll-list-option-text{font-size:13px;white-space:normal}}@media (max-width:380px){.poll-list-page-title{font-size:20px}.poll-list-card{padding:14px 12px 12px}}.peo-backdrop{align-items:center;animation:subcategory-overlay-in .22s ease;-webkit-backdrop-filter:blur(6px);background:#0a0e1aa6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes subcategory-overlay-in{0%{opacity:0}to{opacity:1}}.peo-modal{background:#fff;border:1px solid #e2e0db;border-radius:16px;box-shadow:0 8px 40px #00000024;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.peo-header{align-items:center;border-bottom:1px solid #e2e0db;display:flex;justify-content:space-between;padding:18px 20px 14px}.peo-title{color:#1a1917;font-size:15px;font-weight:600}.peo-close{align-items:center;background:#0000;border:1.5px solid #e2e0db;border-radius:8px;color:#9e9b95;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.peo-close:hover{background:#f5f4f0}.peo-body{gap:18px;padding:20px}.peo-body,.peo-field{display:flex;flex-direction:column}.peo-field{gap:7px}.peo-field--error .peo-opt-input,.peo-field--error .peo-textarea{border-color:#e05a2b!important}.peo-label{align-items:center;color:#3a3835;display:flex;font-size:12.5px;font-weight:600;gap:5px}.peo-req{color:#e05a2b}.peo-hint{color:#b5b2ac;font-size:11px;margin-left:auto}.peo-date-label{color:#3a3835;font-size:11.5px;font-weight:600}.peo-date-input,.peo-opt-input,.peo-textarea{background:#faf9f7;border:1.5px solid #d6d3cd;border-radius:9px;color:#1a1917;font-family:Montserrat,sans-serif;font-size:13.5px;outline:none;padding:8px 11px;transition:border-color .15s,box-shadow .15s;width:100%}.peo-textarea{resize:none}.peo-date-input:focus,.peo-opt-input:focus,.peo-textarea:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.peo-input--error{background:#fff8f6!important;border-color:#e05a2b!important}.peo-input--valid{border-color:#3cb97a!important}.peo-error-text{color:#e05a2b;font-size:11.5px;font-weight:500}.peo-error-inline{background:#fff8f6;border:1px solid #f5c4b5;border-radius:7px;color:#e05a2b;font-size:12px;padding:6px 10px}.peo-options-list{display:flex;flex-direction:column;gap:7px}.peo-opt-row{align-items:center;display:flex;gap:8px}.peo-opt-num{color:#b5b2ac;font-size:11px;min-width:14px;text-align:center}.peo-btn-remove{align-items:center;background:#0000;border:1.5px solid #e2e0db;border-radius:7px;color:#9e9b95;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.peo-btn-remove:hover{background:#fff8f6;border-color:#e05a2b;color:#e05a2b}.peo-btn-add{align-items:center;background:#0000;border:1.5px dashed #c8c5bf;border-radius:9px;color:#7a7773;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:6px;justify-content:center;padding:8px;width:100%}.peo-btn-add:hover{background:#f5f5ff;border-color:#5b5bd6;color:#5b5bd6}.peo-date-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.peo-date-group{display:flex;flex-direction:column;gap:6px}.peo-status-row{display:flex;gap:8px}.peo-status-chip{background:#0000;border:1.5px solid #e2e0db;border-radius:20px;color:#7a7773;cursor:pointer;font-family:inherit;font-size:12.5px;padding:5px 14px}.peo-status-chip--active{background:#edfaf3;border-color:#b0e8cb;color:#1a7a4a;font-weight:600}.peo-status-chip--expired{background:#f5f4f0;border-color:#d6d3cd;color:#7a7773;font-weight:600}.peo-divider{background:#e2e0db;height:1px}.peo-footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.peo-btn-cancel{background:#0000;border:1.5px solid #e2e0db;border-radius:9px;color:#7a7773;cursor:pointer;font-family:inherit;font-size:13px;padding:7px 16px}.peo-btn-cancel:hover{background:#f5f4f0}.peo-btn-save{background:#1a1917;border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:7px 18px}.peo-btn-save:hover:not(:disabled){background:#2d2b28}.peo-btn-save:disabled{cursor:not-allowed;opacity:.55}.cl-page{box-sizing:border-box;font-family:DM Sans,sans-serif;padding:10px}.cl-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.cl-title{color:#000;font-size:26px;font-weight:700;letter-spacing:-.4px;margin:0 0 4px}.cl-subtitle{color:#6f6c6c;font-size:13px;margin:0}.cl-filters{display:flex;gap:8px;margin-bottom:28px;overflow:scroll;padding:6px 3px;&::-webkit-scrollbar{display:none}}.cl-filter-btn{align-items:center;border:1px solid var(--border);border-radius:var(--radius-xl);color:#303030;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:7px;padding:8px 16px;transition:all .18s ease}.cl-filter-btn:hover{border-color:var(--accent);color:#616161}.cl-filter-btn--active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.cl-filter-count{border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:600;padding:1px 7px}.cl-filter-btn--active .cl-filter-count{background:var(--accent);color:#fff}.cl-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:36px}@media (max-width:1024px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cl-grid{grid-template-columns:1fr}.cl-page{padding:20px 16px}}.cl-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;padding:22px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.cl-card:hover{border-color:var(--border);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.cl-card__top{align-items:flex-start;display:flex;justify-content:space-between}.cl-logo{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:52px;justify-content:center;letter-spacing:.5px;width:52px}.cl-badge{border-radius:var(--radius-xl);font-size:11px;font-weight:600;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase}.badge--active{background:var(--green-bg);color:var(--green)}.badge--pending{background:var(--orange-bg);color:var(--orange)}.badge--rejected{background:var(--red-bg);color:var(--red)}.badge--suspended{background:var(--gray-bg);color:var(--gray)}.cl-card__info{display:flex;flex-direction:column;gap:3px}.cl-card__name{font-size:15px;font-weight:600;margin:0}.cl-card__username{color:#494949;font-size:12px;margin:0}.cl-card__categories{display:flex;flex-wrap:wrap;gap:6px}.cl-tag{border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:11px;font-weight:500;padding:3px 10px}.cl-view-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:#494949;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;margin-top:auto;padding:9px 0;transition:all .18s ease;width:100%}.cl-view-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cl-empty{color:var(--text-muted);font-size:15px;padding:64px 0;text-align:center}.cl-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cl-page-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:9px 18px;transition:all .18s ease}.cl-page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.cl-page-btn:disabled{cursor:not-allowed;opacity:.35}.cl-page-numbers{align-items:center;display:flex;gap:4px}.cl-page-num{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;height:36px;transition:all .18s ease;width:36px}.cl-page-num:hover{border-color:var(--accent);color:var(--accent)}.cl-page-num--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.cl-page-ellipsis{color:var(--text-muted);font-size:14px;padding:0 4px}.cd-page{box-sizing:border-box;color:#e6edf3;color:var(--text-primary);padding:10px}.cd-breadcrumb,.cd-page{font-family:DM Sans,sans-serif}.cd-breadcrumb{align-items:center;background:none;border:none;color:#8b949e;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:24px;padding:0;transition:color .15s ease}.cd-breadcrumb:hover{color:#4f8ef7;color:var(--accent)}.cd-header-card{border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow-card);display:flex;flex-direction:column;flex-wrap:wrap;padding:24px}.cd-header-top{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.cd-header-left,.cd-header-top{align-items:center;display:flex;gap:20px}.cd-avatar{align-items:center;border-radius:10px;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:68px;justify-content:center;width:68px}.cd-header-info{display:flex;flex-direction:column;gap:5px}.cd-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.cd-channel-name{color:#181818;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.cd-verified{align-items:center;background:#4f8ef7;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.cd-status-badge{border-radius:20px;border-radius:var(--radius-xl);font-size:11px;font-weight:600;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.cd-status--active{background:#22c55e1a;background:var(--green-bg);color:#22c55e;color:var(--green)}.cd-status--pending{background:#f59e0b1a;background:var(--orange-bg);color:#f59e0b;color:var(--orange)}.cd-status--rejected{background:#ef44441a;background:var(--red-bg);color:#ef4444;color:var(--red)}.cd-status--suspended{background:#8b949e1a;background:var(--gray-bg);color:#8b949e;color:var(--gray)}.cd-username{color:#4f8ef7;color:var(--accent);font-size:13px;margin:0}.cd-owner{color:#656d76;color:var(--text-muted);font-size:12px;margin:0}.cd-settings-btn{align-items:center;border:1px solid #2a3444;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .18s ease;white-space:nowrap}.cd-settings-btn:hover{background:#4f8ef7;background:var(--accent);border-color:#4f8ef7;border-color:var(--accent);color:#fff}.cd-header-bottom{border-radius:14px;border-radius:var(--radius-lg)}.cd-desc-card{border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow-card);margin-bottom:20px;padding:22px 26px}.cd-desc-label{color:#181818;font-size:12px;font-weight:700;letter-spacing:.8px;margin:0 0 8px;text-transform:uppercase}.cd-desc-text{color:#343434;font-size:12px;line-height:1.65;margin:0;text-align:justify}.cd-pagination{align-items:center;gap:12px;margin-top:30px}.cd-page-numbers,.cd-pagination{color:#812baf;display:flex;flex-wrap:wrap;justify-content:center}.cd-page-numbers{gap:8px}.cd-page-btn,.cd-page-number{border:none;border-radius:8px;color:#812baf;cursor:pointer;padding:8px 14px}.cd-page-number--active{background:#812baf;color:#fff}.cd-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:26px;margin-top:26px}@media (max-width:768px){.cd-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cd-stats-row{grid-template-columns:repeat(1,1fr)}}.cd-stat-card{align-items:center;border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px;padding:20px;transition:border-color .18s ease}.cd-stat-card:hover{border-color:#4f8ef7;border-color:var(--accent)}.cd-stat-val{color:#181818;font-size:20px;font-weight:700;line-height:1}.cd-stat-key{color:#343434;font-size:16px;font-weight:500;text-transform:capitalize}.cd-section{margin-bottom:36px}.cd-section-header{align-items:center;border-bottom:1px solid #1e2a38;border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;margin-bottom:18px;padding-bottom:14px}.cd-section-icon{font-size:18px}.cd-section-title{border:none;color:#181818;font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0}.cd-section-count{border:1px solid #2a3444;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);color:#656d76;color:var(--text-muted);font-size:12px;font-weight:500;padding:3px 10px;text-align:center}.cd-view-all-btn{background:#0000;border:none;border-bottom:2px solid #000;cursor:pointer;font-weight:700}.cd-view-all-btn:hover{border-bottom:2px solid #003eaa;color:#003eaa}.cd-section-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.cd-section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cd-section-grid{grid-template-columns:1fr}.cd-page{padding:14px}}.cd-content-card{border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cd-content-card:hover{border-color:#2a3444;border-color:var(--border);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.cd-content-thumb{align-items:center;display:flex;height:130px;justify-content:center;position:relative}.cd-thumb-icon{color:#fff;font-size:28px;opacity:.5}.cd-content-info{padding:14px 16px}.cd-content-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#181818;display:-webkit-box;font-size:13px;font-weight:600;line-height:1.45;margin:0 0 10px;overflow:hidden}.cd-content-stats{color:#656d76;color:var(--text-muted);display:flex;font-size:12px;font-weight:500;gap:14px}.cd-content-stats span{gap:8px}.cd-content-stats span,.cd-error{align-items:center;display:flex;justify-content:center}.cd-error{color:#181818;flex-direction:column;gap:16px;min-height:100vh}.cd-back-btn,.cd-error{font-family:DM Sans,sans-serif}.cd-back-btn{background:#161b22;background:var(--bg-surface);border:1px solid #2a3444;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#e6edf3;color:var(--text-primary);cursor:pointer;font-size:13px;padding:10px 20px;transition:all .18s ease}.cd-back-btn:hover{background:#4f8ef7;background:var(--accent);border-color:#4f8ef7;border-color:var(--accent);color:#fff}:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2230;--bg-hover:#21293a;--border:#2a3444;--border-subtle:#1e2a38;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#656d76;--accent:#4f8ef7;--accent-hover:#6aa0f8;--accent-subtle:#4f8ef71f;--green:#22c55e;--green-bg:#22c55e1a;--orange:#f59e0b;--orange-bg:#f59e0b1a;--red:#ef4444;--red-bg:#ef44441a;--gray:#8b949e;--gray-bg:#8b949e1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 2px 12px #0000004d;--shadow-elevated:0 8px 32px #0006}.as-page{box-sizing:border-box;color:#e6edf3;color:var(--text-primary);min-height:100vh;padding:10px}.as-breadcrumb,.as-page{font-family:DM Sans,sans-serif}.as-breadcrumb{align-items:center;background:none;border:none;color:#8b949e;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:20px;padding:0;transition:color .15s ease}.as-breadcrumb:hover{color:#4f8ef7;color:var(--accent)}.as-page-title{color:#181818;font-size:24px;font-weight:700;letter-spacing:-.4px;margin:0 0 28px}.as-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:300px 1fr}@media (max-width:860px){.as-layout{grid-template-columns:1fr}.as-page{padding:20px 16px}}.as-col-left,.as-col-right{display:flex;flex-direction:column;gap:20px}.as-card{border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000004d;box-shadow:var(--shadow-card);height:100%;padding:24px}.as-card-title{color:#181818;font-size:14px;font-weight:700;letter-spacing:-.1px;margin:0 0 4px}.as-card-hint{color:#656d76;color:var(--text-muted);font-size:12px;margin:0 0 12px}.as-profile{gap:16px;margin-top:16px}.as-avatar,.as-profile{align-items:center;display:flex}.as-avatar{border-radius:10px;border-radius:var(--radius-md);color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:58px;justify-content:center;width:58px}.as-profile-info{display:flex;flex-direction:column;gap:3px}.as-channel-name{color:#181818;font-size:15px;font-weight:700;margin:0}.as-owner-name{color:#8b949e;color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.as-username{color:#4f8ef7;color:var(--accent);font-size:12px;margin:0}.as-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}.as-stat-item{align-items:center;border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:10px;padding:14px;transition:border-color .15s ease}.as-stat-item:hover{border-color:#2a3444;border-color:var(--border)}.as-stat-icon{flex-shrink:0;font-size:20px}.as-stat-text{display:flex;flex-direction:column;gap:2px}.as-stat-val{color:#181818;font-size:20px;font-weight:700;line-height:1}.as-stat-label{color:#656d76;color:var(--text-muted);font-size:11px;font-weight:500;text-transform:capitalize}.as-tags-container{align-items:center;border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;min-height:52px;padding:14px}.as-tag{align-items:center;background:#4f8ef71f;background:var(--accent-subtle);border:1px solid #4f8ef740;border-radius:20px;border-radius:var(--radius-xl);color:#4f8ef7;color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 10px;transition:background .15s ease;white-space:nowrap}.as-tag:hover{background:#4f8ef733}.as-tag-remove{align-items:center;background:none;border:none;color:#4f8ef7;color:var(--accent);cursor:pointer;display:flex;font-size:15px;line-height:1;opacity:.7;padding:0;transition:opacity .15s ease}.as-tag-remove:hover{opacity:1}.as-tag-input{background:none;border:1px solid gray;border-radius:6px;color:#303030;flex:1 1;font-family:DM Sans,sans-serif;font-size:12px;margin-bottom:10px;min-width:300px;outline:none;padding:4px}.as-tag-input::placeholder{color:#656d76;color:var(--text-muted)}.as-dpdn-btn{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.as-tag-select{max-width:250px}.as-add-btn{-webkit-appearance:none;appearance:none;background-color:#4f8ef7;background-color:var(--accent);border:1px solid #1b1f2326;border-radius:6px;box-shadow:0 1px 0 #1b1f231a;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.as-add-btn:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}.as-add-btn:hover{background-color:#4f8ef7;background-color:var(--accent)}.as-add-btn:focus{box-shadow:0 0 0 3px #2ea44f66;outline:none}.as-add-btn:disabled{background-color:#7583e0;border-color:#1b1f231a;color:#fffc;cursor:default}.as-add-btn:active{background-color:#4f8ef7;background-color:var(--accent);box-shadow:inset 0 1px 0 #14462033}.as-status-control{display:flex;flex-direction:column;gap:8px;margin-top:4px}.as-label{color:#656d76;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.as-select-wrapper{position:relative}.as-select{-webkit-appearance:none;appearance:none;border:1px solid #2a3444;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;outline:none;padding:11px 38px 11px 14px;transition:border-color .18s ease;width:100%}.as-select:focus{border-color:#4f8ef7;border-color:var(--accent)}.as-select option{color:#181818}.as-select-arrow{color:#656d76;color:var(--text-muted);font-size:14px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.as-status-preview{align-items:center;border:1px solid #1e2a38;border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-xl);display:inline-flex;gap:7px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.as-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.as-status-dot--approved{background:#22c55e;background:var(--green);box-shadow:0 0 6px #22c55e80}.as-status-dot--pending{background:#f59e0b;background:var(--orange);box-shadow:0 0 6px #f59e0b80}.as-status-dot--rejected{background:#ef4444;background:var(--red);box-shadow:0 0 6px #ef444480}.as-status-dot--suspended{background:#8b949e;background:var(--gray);box-shadow:0 0 6px #8b949e66}.as-status-label{color:#8b949e;color:var(--text-secondary);font-size:12px;font-weight:600}.as-save-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.as-save-btn{background:#4f8ef7;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:11px 26px;transition:background .18s ease,transform .12s ease}.as-save-btn:hover{background:#6aa0f8;background:var(--accent-hover);transform:translateY(-1px)}.as-save-btn:active{transform:translateY(0)}.as-success-msg{align-items:center;animation:as-fade-in .25s ease;background:#22c55e1a;background:var(--green-bg);border:1px solid #22c55e40;border-radius:10px;border-radius:var(--radius-md);color:#22c55e;color:var(--green);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}@keyframes as-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.as-error{align-items:center;color:#181818;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.as-back-btn,.as-error{font-family:DM Sans,sans-serif}.as-back-btn{background:#161b22;background:var(--bg-surface);border:1px solid #2a3444;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#e6edf3;color:var(--text-primary);cursor:pointer;font-size:13px;padding:10px 20px;transition:all .18s ease}.as-back-btn:hover{background:#4f8ef7;background:var(--accent);border-color:#4f8ef7;border-color:var(--accent);color:#fff}
/*# sourceMappingURL=main.2712afd1.css.map*/