body.login-page-no-scroll{overflow:hidden;overscroll-behavior:none;height:100dvh;max-height:100dvh}body.login-page-no-scroll #root{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.login-container{--login-text: #020617;--login-muted: #334155;--login-subtle: #475569;--login-border: rgba(15, 23, 42, .1);--login-border-strong: rgba(15, 23, 42, .2);--login-surface: rgba(255, 255, 255, .72);--login-glass-border: rgba(255, 255, 255, .42);--login-glass-highlight: rgba(255, 255, 255, .55);--login-surface-solid: #ffffff;--login-primary: #dc2626;--login-primary-2: #ef4444;--login-ring: rgba(220, 38, 38, .2);--login-brand-text: #f8fafc;--login-brand-muted: rgba(248, 250, 252, .92);position:relative;display:flex;flex-direction:column;height:100%;min-height:100dvh;max-height:100dvh;overflow:hidden;background:#0f172a}.login-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background-color:#0f172a;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat}.login-bg-shapes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#0f172ae0,#0f172a8c 42%,#0f172ab8),radial-gradient(ellipse 80% 60% at 70% 20%,rgba(220,38,38,.12),transparent 55%)}.login-content{position:relative;z-index:1;display:flex;flex:1;width:100%;min-height:0;max-height:100%;align-items:stretch;overflow:hidden}.login-branding{flex:1.15;min-height:0;display:flex;flex-direction:column;justify-content:center;position:relative;padding:clamp(2rem,5vw,4rem);max-width:560px;overflow:hidden}.branding-content{max-width:32rem;animation:slideInLeft .75s cubic-bezier(.22,1,.36,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.branding-logo{width:min(420px,92vw);height:clamp(150px,26vw,220px);margin-bottom:1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:flex-start;filter:drop-shadow(0 12px 40px rgba(0,0,0,.35))}.branding-logo .logo-image{width:100%;height:100%;object-fit:contain;object-position:left center}.branding-eyebrow{margin:0 0 .35rem;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f8fafcc7}.branding-headline{margin:0 0 .75rem;font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--login-brand-text);text-shadow:0 2px 24px rgba(0,0,0,.35)}.branding-subtitle{margin:0 0 1.75rem;font-size:1.0625rem;line-height:1.55;font-weight:400;color:var(--login-brand-muted);max-width:26rem}.branding-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.875rem}.feature-item{display:flex;align-items:center;gap:.875rem;color:#f8fafcf5;font-size:.9375rem;animation:fadeIn .5s ease-out backwards}.feature-item:nth-child(1){animation-delay:.3s}.feature-item:nth-child(2){animation-delay:.5s}.feature-item:nth-child(3){animation-delay:.7s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-dot{width:8px;height:8px;background:linear-gradient(135deg,var(--login-primary) 0%,var(--login-primary-2) 100%);border-radius:50%;box-shadow:0 0 14px #dc262680;flex-shrink:0}.branding-footer{position:absolute;bottom:clamp(1.25rem,3vw,2rem);left:clamp(2rem,5vw,4rem)}.branding-footer p{color:#f8fafcb8;font-size:.8125rem}.login-form-section{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2.5vw,1.75rem);position:relative;overflow:hidden}.login-form-wrapper{position:relative;width:100%;max-width:420px;border-radius:28px;padding:clamp(1.15rem,2.8vw,1.75rem);margin-left:250px;background-color:#ffffff0f;background-image:radial-gradient(120% 85% at 12% 0%,rgba(255,255,255,.22),transparent 52%),linear-gradient(145deg,#ffffff47,#ffffff17 45%,#ffffff29);backdrop-filter:blur(28px) saturate(185%);-webkit-backdrop-filter:blur(28px) saturate(185%);border:1px solid var(--login-glass-border);box-shadow:0 4px 24px #0f172a14,0 32px 64px -16px #0f172a47,inset 0 1px 0 var(--login-glass-highlight),inset 0 -1px #ffffff0f;animation:slideInRight .75s cubic-bezier(.22,1,.36,1)}.login-form-badge{display:inline-flex;align-items:center;width:fit-content;margin:0 auto 1.25rem;padding:.35rem .85rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--login-primary);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:999px}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;margin-bottom:1rem}.login-title{font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:700;color:#000;margin:0 0 .4rem;letter-spacing:-.02em}.login-description{color:#000;font-size:.9375rem;line-height:1.45;margin:0;font-weight:500}.login-form{display:flex;flex-direction:column;gap:.85rem}.login-error{background:#fef2f2f2;border:1px solid rgba(252,165,165,.6);border-radius:14px;padding:.8125rem 1rem;color:#b91c1c;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form-wrapper .form-label{font-size:.875rem;font-weight:600;color:#000}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;font-size:1.25rem;transition:color .2s ease}.form-input{width:100%;padding:.7rem 3.25rem .7rem .95rem;border:1px solid var(--login-border);border-radius:14px;font-size:.95rem;color:var(--login-text);background:#f8fafcf2;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.form-input::placeholder{color:#64748b}.form-input:hover{border-color:#0f172a24}.form-input:focus{border-color:var(--login-primary);background:var(--login-surface-solid);box-shadow:0 0 0 4px var(--login-ring)}.login-form-wrapper .form-input{background:#ffffff7a;border-color:#ffffff61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-form-wrapper .form-input:hover{border-color:#ffffff80;background:#ffffff94}.login-form-wrapper .form-input:focus{background:#fffffff0;border-color:var(--login-primary)}.login-form-wrapper .form-input{color:var(--login-text)}.login-form-wrapper .form-input::placeholder{color:#475569;opacity:1}.password-toggle{position:absolute;right:.65rem;background:transparent;border:1px solid transparent;color:var(--login-muted);font-size:.8125rem;font-weight:600;cursor:pointer;padding:.45rem .6rem;border-radius:12px;display:flex;transition:color .2s ease,background .2s ease}.password-toggle:hover{color:var(--login-text);background:#0f172a14}.password-toggle:focus-visible{outline:none;border-color:var(--login-border-strong);box-shadow:0 0 0 4px #0f172a14}.login-form-wrapper input[type=password].form-input::-ms-reveal,.login-form-wrapper input[type=password].form-input::-ms-clear{display:none}.login-form-wrapper input[type=password].form-input::-webkit-textfield-decoration-container{display:none!important}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.remember-me{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--login-text);font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}.checkmark{width:18px;height:18px;border:2px solid #94a3b8;border-radius:5px;position:relative;transition:all .2s ease;flex-shrink:0}.remember-me input:checked+.checkmark{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626}.remember-me input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{color:var(--login-primary);font-size:.875rem;font-weight:500;transition:all .2s ease;background:transparent;border:0;padding:0;cursor:pointer}.forgot-password:hover{color:#b91c1c;text-decoration:underline}.forgot-back-button{width:100%;border:0;background:transparent;color:#7f1d1d;font-size:.95rem;font-weight:500;cursor:pointer;padding:.25rem 0}.forgot-back-button:hover{text-decoration:underline}.otp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.otp-input{width:100%;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.45);background:#ffffff85;text-align:center;font-size:1.45rem;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.otp-input:focus{border-color:var(--login-primary);background:#fffffff0;box-shadow:0 0 0 4px var(--login-ring)}.login-button{width:100%;padding:.8rem 1rem;background:linear-gradient(135deg,var(--login-primary) 0%,var(--login-primary-2) 100%);border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;position:relative;overflow:hidden;margin-top:.35rem;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 14px #dc262659}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #dc26266b}.login-button:active{transform:translateY(0)}.login-button.loading{pointer-events:none;opacity:.8}.loader{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;margin:.9rem 0 .65rem;gap:1rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35) 22%,rgba(255,255,255,.35) 78%,transparent)}.login-divider span{color:#000;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.login-footer-text{text-align:center;color:#000;font-size:.8125rem;font-weight:500;margin:0}.login-back-link{display:block;width:100%;margin-top:.5rem;text-align:center}@media (max-width: 1024px){.login-branding{padding:2rem}.branding-headline{font-size:clamp(1.65rem,4vw,2rem)}.branding-footer{left:2rem;bottom:1.5rem}}@media (max-width: 968px){.login-content{flex-direction:column}.login-branding{flex:0;max-width:none;padding:2rem 1.5rem 1rem;align-items:center;text-align:center}.branding-content{text-align:center;margin:0 auto;max-width:24rem}.branding-logo{margin:0 auto 1.25rem;width:min(340px,88vw);height:clamp(130px,32vw,180px);justify-content:center}.branding-logo .logo-image{object-position:center}.branding-eyebrow{text-align:center}.branding-headline{font-size:1.65rem}.branding-subtitle{margin-left:auto;margin-right:auto;margin-bottom:0}.branding-features,.branding-footer{display:none}.login-form-section{flex:1;padding:.75rem 1.25rem 1.25rem;align-items:stretch}.login-form-wrapper{padding:1.5rem;border-radius:22px;margin-top:0;margin-left:0;margin-right:0;max-width:min(420px,100%);align-self:center}body.login-page-no-scroll{height:auto;min-height:100dvh;max-height:none;overflow-x:hidden;overflow-y:auto}body.login-page-no-scroll #root{height:auto;min-height:100dvh;max-height:none;overflow:visible}.login-container{max-height:none;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-content{max-height:none;overflow:visible}}@media (max-width: 768px){.login-branding{padding:1.5rem 1rem}.login-form-section{padding:.75rem 1rem 1.25rem}.login-form-wrapper{padding:1.25rem;width:100%;box-sizing:border-box}.login-title{font-size:1.5rem}.otp-row{gap:.5rem}.otp-input{height:50px;font-size:1.25rem}}@media (max-width: 480px){.login-branding{padding:1rem .875rem .75rem}.branding-logo{width:min(260px,calc(100vw - 2rem));height:clamp(100px,26vw,140px)}.branding-headline{font-size:1.35rem;line-height:1.2}.branding-subtitle{font-size:.9375rem}.login-form-section{padding:.5rem .75rem 1rem}.login-form-wrapper{padding:1rem;border-radius:16px}.login-title{font-size:1.35rem}.login-description{font-size:.875rem}.form-options{flex-direction:column;align-items:stretch;gap:.75rem}.forgot-password{align-self:flex-start}.form-input{font-size:16px}.login-divider span{white-space:normal;text-align:center;line-height:1.3;max-width:12rem}}@supports (padding: max(0px)){.login-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.login-form-section{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}@media (max-width: 480px){.login-form-section{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}}.dashboard{width:100%;min-height:100vh;font-family:Segoe UI,sans-serif;position:relative;overflow-x:hidden;background:#f4f6fb}.dashboard-animate-in{opacity:0;animation:dashboard-fade-in .5s ease forwards}.dashboard-card-entrance{opacity:0;transform:translateY(20px);animation:dashboard-card-entrance .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes dashboard-fade-in{to{opacity:1}}@keyframes dashboard-card-entrance{to{opacity:1;transform:translateY(0)}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;animation:dashboard-loading-fade-in .4s ease}@keyframes dashboard-loading-fade-in{0%{opacity:0}to{opacity:1}}.dashboard-spinner{display:flex;align-items:center;justify-content:center}.dashboard-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:dashboard-spin 1s linear infinite}.dashboard-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500;animation:dashboard-loading-pulse 1.2s ease-in-out infinite}@keyframes dashboard-loading-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-stat-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.15) 40%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 60%,transparent 100%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.main-stat-card:hover .main-stat-card-shine{transform:translate(100%)}.main-stat-card{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-radius:12px;color:#fff;min-height:110px;position:relative;overflow:hidden}.main-stat-icon-wrapper{display:flex;align-items:center;justify-content:center}.main-stat-content{flex:1;display:flex;flex-direction:column;justify-content:center}.stat-mini-bars{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;height:100%;min-width:60px}.stat-mini-bar{width:6px;background:#ffffffb3;border-radius:3px;transition:transform .3s ease,opacity .3s ease}.main-stat-card:hover .stat-mini-bar{transform:scaleY(1.15)}.main-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.main-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000001a;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.main-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px #0000002e}.main-stat-card.is-clickable{cursor:pointer}.main-stat-card.is-clickable:focus-visible{outline:3px solid rgba(255,255,255,.75);outline-offset:3px}.main-stat-icon-wrapper{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-svg-icon{width:28px;height:28px;color:#fff;display:flex;align-items:center;justify-content:center}.stat-svg-icon svg{width:100%;height:100%}.main-stat-content{display:flex;flex-direction:column;min-width:0}.main-stat-value{font-size:2rem;font-weight:700;line-height:1.1}.main-stat-label{font-size:.85rem;opacity:.95;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.secondary-stat-card{background:#fff;padding:1rem 1.25rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.secondary-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#e0e0e0}.secondary-stat-icon-wrapper{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}.secondary-stat-icon-wrapper svg{width:20px;height:20px}.secondary-stat-card:hover .secondary-stat-icon-wrapper{transform:scale(1.12) rotate(5deg)}.secondary-stat{display:flex;flex-direction:column;min-width:0}.secondary-stat-value{font-size:1.25rem;font-weight:700;color:#1a1a2e}.secondary-stat-label{font-size:.8rem;color:#64748b;white-space:nowrap}.dashboard-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.chart-section,.articles-section,.queue-section{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 10px #0000000d;border:1px solid #eaeaea}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.section-title-group{display:flex;align-items:flex-start;gap:.5rem}.section-icon{height:20px;font-size:1.6rem;color:#00f;border-radius:5px;flex-shrink:0}.section-header h2{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0}.section-subtitle{font-size:.75rem;color:#94a3b8;margin:.25rem 0 0}.total-views-badge{height:20px;width:90px;display:flex;border-radius:5px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#059263;background-color:#c4f5e5;padding:0 .5rem;flex-shrink:0}.views-dot{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0}.bar-chart{display:flex;gap:1rem;height:280px;margin-top:1rem}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:#94a3b8;text-align:right;padding-bottom:25px;min-width:45px}.chart-bars{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:.5rem;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:0 .5rem;position:relative;min-width:0}.chart-bars:before{content:"";position:absolute;left:0;right:0;top:0;bottom:25px;background:repeating-linear-gradient(to bottom,transparent,transparent calc(25% - 1px),#f0f0f0 calc(25% - 1px),#f0f0f0 25%);pointer-events:none}.bar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:calc(100% - 25px);position:relative;z-index:1;min-width:0}.bar{width:100%;max-width:50px;background:linear-gradient(180deg,#2563eb);border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.bar:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.bar-tooltip{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:10}.bar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #1a1a2e}.bar-tooltip strong{display:block;margin-bottom:.25rem}.bar-tooltip span{color:red;font-weight:600}.bar-label{font-size:.7rem;color:#64748b;margin-top:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.right-column{display:flex;flex-direction:column;gap:1.5rem;min-height:100%;align-self:stretch}.dashboard-user-growth{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-user-growth .dashboard-user-growth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.dashboard-user-growth .dashboard-user-growth-header h2{margin:0}.dashboard-days-filter{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.dashboard-days-filter span{font-weight:500;color:#64748b}.dashboard-days-input{width:60px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;text-align:center;color:#1e293b;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.dashboard-days-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.dashboard-user-growth-empty{margin:0;margin-top:1rem;padding:1.5rem 0;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:#94a3b8}.dashboard-line-chart{display:flex;gap:1rem;height:280px;margin-top:1rem;align-items:stretch}.dashboard-chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:#94a3b8;text-align:right;padding-bottom:25px;min-width:45px}.dashboard-chart-area{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.dashboard-line-chart-svg{width:100%;flex:1;min-height:0}.dashboard-chart-x-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;margin-top:.5rem;padding:0 .25rem}.articles-list{display:flex;flex-direction:column;gap:.75rem}.article-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10px;transition:background .2s ease}.article-item:hover{background:#f8fafc}.article-thumbnail{width:55px;height:55px;border-radius:8px;object-fit:cover;flex-shrink:0}.article-info{display:flex;flex-direction:column;min-width:0;flex:1}.article-title{font-size:.85rem;font-weight:500;color:#1a1a2e;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-views{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.view-all-link{display:block;text-align:right;font-size:.85rem;color:#3b82f6;text-decoration:none;font-weight:500;margin-top:.75rem;transition:color .2s ease}.view-all-link:hover{color:#2563eb}.stat-mini-bars{display:flex;align-items:flex-end;gap:6px;margin-top:12px;height:28px}.stat-mini-bar{flex:1;max-width:100px;background:linear-gradient(140deg,#ffffffe6,#fff9 40%,#ffffff4d);border-radius:6px;transition:transform .3s ease,opacity .3s ease;transform-origin:bottom;animation:miniBarGrow .5s ease forwards;opacity:0}.stat-mini-bar:nth-child(1){animation-delay:.35s}.stat-mini-bar:nth-child(2){animation-delay:.4s}.stat-mini-bar:nth-child(3){animation-delay:.45s}.stat-mini-bar:nth-child(4){animation-delay:.5s}.stat-mini-bar:nth-child(5){animation-delay:.55s}.stat-mini-bar:nth-child(6){animation-delay:.6s}@keyframes miniBarGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.queue-list{display:flex;flex-direction:column;gap:.75rem}.queue-item{display:flex;gap:.75rem;padding:.5rem;border-radius:10px;transition:background .2s ease}.queue-item:hover{background:#f8fafc}.queue-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;flex-shrink:0}.queue-content{flex:1;min-width:0}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.queue-name{font-size:.85rem;font-weight:600;color:#1a1a2e}.queue-time{font-size:.7rem;color:#94a3b8;white-space:nowrap}.queue-message{font-size:.8rem;color:#64748b;margin:0;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1200px){.main-stats-grid,.secondary-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media (max-width: 992px){.main-stats-grid{grid-template-columns:repeat(2,1fr)}.main-stat-value{font-size:1.75rem}.main-stat-label{font-size:.8rem}}@media (max-width: 768px){.main-stats-grid{grid-template-columns:1fr}.secondary-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.main-stat-card{padding:1rem}.main-stat-value{font-size:1.5rem}.main-stat-icon-wrapper{width:45px;height:45px}.bar-chart{height:220px}.dashboard-line-chart{height:220px;gap:.5rem}.dashboard-user-growth-empty{min-height:220px}.dashboard-chart-y-labels,.chart-y-axis{min-width:35px;font-size:.65rem}.bar-label{font-size:.6rem}.chart-section,.articles-section,.queue-section{padding:1rem}.section-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.secondary-stats-grid{grid-template-columns:1fr}.secondary-stat-card{padding:.875rem 1rem}.bar-chart,.dashboard-line-chart{height:180px;gap:.5rem}.dashboard-user-growth-empty{min-height:180px}.dashboard-chart-y-labels,.chart-y-axis{min-width:30px;font-size:.6rem}.article-thumbnail{width:45px;height:45px}.article-title{font-size:.8rem}.queue-avatar{width:32px;height:32px;font-size:.65rem}.queue-name{font-size:.8rem}.queue-message{font-size:.75rem}}._ReactTransliterate_1b0d4b{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 6px 12px #0000002d;display:block;font-size:14px;list-style:none;padding:1px;text-align:left;z-index:20000;width:100%}._ReactTransliterate_1b0d4b>li{cursor:pointer;padding:10px;min-width:100px}._Active_1b0d4b{background-color:#65c3d7;color:#fff}.news-management{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6fa;min-height:100vh}.news-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.news-description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-table-loading-cell{padding:2rem!important;vertical-align:middle!important}.news-table-loading-cell .news-management-loading{min-height:120px}.news-management-spinner{display:flex;align-items:center;justify-content:center}.news-management-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:news-spin 1s linear infinite}.news-management-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}.comments-toggle-section.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.comments-toggle-section.disabled .toggle-slider{background-color:#cbd5e1!important}@keyframes news-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.news-management-header{margin-bottom:1.25rem}.news-management-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.news-controls{display:flex;gap:.75rem;margin-bottom:1.25rem}.news-total-count{display:inline-flex;align-items:center;gap:6px;height:46px;margin-top:13px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:.9rem;font-weight:600;white-space:nowrap}.news-total-count-number{color:#1d4ed8;font-weight:800}.news-total-count:hover{background:#f8fafc;border-color:#cbd5e1}.news-total-count:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.search-container{flex:1;position:relative;max-width:800px}.search-icon{position:absolute;left:1rem;top:60%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem}.search-input{margin-top:15px;height:45px;width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #c9cace;border-radius:10px;font-size:.9rem;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#b5b6b6}.filter-btn{display:flex;align-items:center;justify-content:center;width:55px;height:46px;margin-top:13px;border:1px solid rgb(212,209,209);border-radius:8px;background:#fff;color:#575050;cursor:pointer;transition:all .2s ease}.filter-btn svg{font-size:2rem}.news-content-wrapper{display:flex;gap:1.5rem}.news-table-container{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;overflow-x:auto}.news-table{width:100%;border-collapse:collapse;font-size:.85rem}.news-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.news-table th{padding:.875rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:.8rem}.news-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.news-table tbody tr:last-child{border-bottom:none}.news-table tbody tr:hover{background:#fafbfc}.news-table td{padding:.75rem;vertical-align:middle;color:#374151}.sno-cell{font-weight:500;color:#64748b;width:50px}.headline-cell{max-width:180px}.headline-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#1a1a2e;line-height:1.4}.description-cell{max-width:200px}.description-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:#64748b;font-size:.8rem;line-height:1.4}.image-cell{width:80px}.news-thumbnail{width:70px;height:45px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.breaking-news-badge{display:flex;flex-direction:column;align-items:center;line-height:1.1}.breaking-text{color:#fef08a;font-size:.55rem;font-weight:700;letter-spacing:.5px}.tooltip-btn{position:relative;border:none;padding:8px 10px;margin:5px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:18px;background-color:red}.news-text{color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px}.category-cell{width:100px}.category-link{color:#3b82f6;text-decoration:underline;cursor:pointer;font-weight:500}.category-link:hover{color:#2563eb}.reporter-cell{white-space:nowrap}.location-cell{white-space:nowrap;font-size:.8rem}.main-edition-text{color:#ce2222;font-weight:700;display:block;margin-top:2px}.status-published{background:#dcfce7;color:#16a34a}.status-pending{background:#fef3c7;color:#d97706}.status-approved{background:#dbeafe;color:#2563eb}.status-rejected{background:#fee2e2;color:#dc2626}.views-cell{font-weight:500;color:#64748b}.date-cell{white-space:nowrap;font-size:.8rem;color:#64748b}.actions-cell{min-width:90px;white-space:nowrap}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:.35rem;flex-shrink:0}.view-btn{height:80px;width:80px;background:#eff6ff;color:#3b82f6}.view-btn:hover{background:#3b82f6;color:#fff}.news-table .delete-btn,.news-management .delete-btn{height:50px;width:50px;color:#ef4444!important}.news-table .delete-btn:hover,.news-management .delete-btn:hover{background:#e95a5a;color:#fff!important}.filters-panel{width:280px;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;height:fit-content;position:sticky;top:1rem}.filters-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 1.25rem}.filter-section{margin-bottom:1.25rem}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:.85rem;font-weight:600;color:#374151;margin:0 0 .75rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:#4b5563}.filter-option:hover{color:#1a1a2e}.filter-checkbox{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.filter-checkbox.pending{accent-color:#f97316}.filter-checkbox.approved{accent-color:#10b981}.filter-checkbox.rejected,.filter-checkbox.published{accent-color:#ef4444}.date-filter-row{gap:10px;align-items:center}.date-filter-btn{width:100%;justify-content:space-between;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.date-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.date-filter-btn:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.date-filter-clear-btn{align-self:flex-start;padding:7px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:12px;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.date-filter-clear-btn:hover{background:#f8fafc;border-color:#cbd5e1}.news-date-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.news-date-modal{width:min(520px,92vw);background:#fff;border-radius:14px;padding:16px;box-shadow:0 20px 45px #0f172a59;border:1px solid #e5e7eb}.news-date-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.news-date-modal-title{margin:0;font-size:16px;font-weight:700;color:#111827}.news-date-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#475569;transition:background .15s ease,border-color .15s ease}.news-date-modal-close:hover{background:#fff;border-color:#cbd5e1}.news-date-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.news-date-modal-field{display:grid;gap:6px}.news-date-modal-label{font-size:12px;color:#64748b;font-weight:600}.news-date-modal-input{height:40px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#111827}.news-date-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.news-date-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.news-date-modal-btn{padding:9px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:600;transition:background .15s ease,border-color .15s ease,transform .05s ease}.news-date-modal-btn:active{transform:translateY(1px)}.news-date-modal-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.news-date-modal-btn.primary{border-color:#2563eb;background:#2563eb;color:#fff}.news-date-modal-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}@media (max-width: 520px){.news-date-modal-grid{grid-template-columns:1fr}}html[data-theme=dark] .news-date-modal{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .news-date-modal-title{color:var(--text)!important}html[data-theme=dark] .news-date-modal-label{color:#e2e8f0cc!important}html[data-theme=dark] .news-date-modal-input,html[data-theme=dark] .news-date-modal-close,html[data-theme=dark] .news-date-modal-btn.secondary,html[data-theme=dark] .date-filter-clear-btn,html[data-theme=dark] .date-filter-btn{background:#94a3b81f!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .date-filter-btn:hover,html[data-theme=dark] .date-filter-clear-btn:hover,html[data-theme=dark] .news-date-modal-btn.secondary:hover,html[data-theme=dark] .news-date-modal-close:hover{background:#94a3b82e!important}.state-search-input{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;background:#fff;transition:all .2s ease}.state-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.state-search-input::placeholder{color:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.article-preview-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.modal-header h2{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0}.close-btn{width:32px;height:32px;border:none;background:#f8fafc;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s ease}.close-btn:hover{background:#f1f5f9;color:#1a1a2e}.close-btn svg{font-size:1.25rem}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.preview-image{width:100%;min-height:200px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.preview-image img{width:100%;height:100%;object-fit:cover}.media-carousel-wrapper{position:relative;width:100%;min-height:200px;max-height:300px;border-radius:8px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.media-carousel-wrapper video,.media-carousel-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.media-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.category-badge{margin-bottom:1rem}.category-tag{display:inline-block;padding:.35rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500}.category-tag.politics{background:#fef2f2;color:#dc2626}.preview-section{margin-bottom:1.25rem}.preview-label{font-size:.8rem;font-weight:600;color:#64748b;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.preview-headline{font-size:1rem;font-weight:600;text-transform:capitalize;color:#1a1a2e;margin:0;line-height:1.4}.preview-summary{font-size:1rem;text-transform:capitalize;color:#1a1a2e;margin:0;line-height:1.6}.btns-eye-del{display:flex}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;color:#94a3b8}.metadata-value{font-size:.85rem;color:#1a1a2e;font-weight:500}.preview-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.stat-item{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.85rem}.stat-item svg{font-size:1.1rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #f1f5f9;justify-content:flex-end}.modal-approve-btn{display:flex;align-items:center;justify-content:center;width:60px;gap:.5rem;padding:.75rem 1rem;background:#16a34a;color:#fff;border:1px solid #16a34a;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-approve-btn:hover{background:#15803d;border-color:#15803d}.modal-approve-btn svg{font-size:1.1rem}.modal-rejectes-btn{display:flex;align-items:center;justify-content:center;width:60px;gap:.5rem;padding:.75rem 1rem;background:red;color:#fff;border:1px solid #fecaca;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-rejectes-btn:hover{background:#dc2626;border-color:#dc2626}.modal-rejectes-btn svg{font-size:1.1rem}.modal-deletes-btn{display:flex;align-items:center;justify-content:center;width:60px;gap:.5rem;padding:.75rem 1rem;background:#f00606;color:#fff;border:1px solid #fecaca;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-deletes-btn:hover{background:#dd0404;border-color:#dc2626}.modal-deletes-btn svg{font-size:1.1rem}.modal-header-actions{display:flex;gap:.5rem;align-items:center}.edit-toggle-btn{width:32px;height:32px;border:none;background:#f0f9ff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .15s ease}.edit-toggle-btn:hover{background:#3b82f6;color:#fff}.edit-toggle-btn.active{background:#fef2f2;color:#ef4444}.edit-toggle-btn.active:hover{background:#ef4444;color:#fff}.edit-toggle-btn svg{font-size:1.1rem}.edit-input,.edit-textarea,.edit-select{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;background:#f8fafc;transition:all .2s ease;color:#1a1a2e}.edit-input:focus,.edit-textarea:focus,.edit-select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.headline-input{font-weight:600;font-size:1rem}.edit-textarea{resize:vertical;min-height:80px;line-height:1.5}.description-textarea{min-height:80px}.summary-textarea{min-height:100px}.edit-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.category-select{width:auto;display:inline-block;min-width:120px}.metadata-select,.metadata-input{font-size:.85rem;padding:.5rem .75rem}.metadata-select{padding-right:2rem;background-position:right .5rem center}.news-link{display:flex;flex-direction:column;align-items:center;text-decoration:none}.click-text{font-size:12px;color:#007bff;margin-top:1px;margin-left:5px}.modal-edit-btn{display:flex;align-items:center;justify-content:center;width:60px;gap:.5rem;padding:.75rem 1rem;background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-edit-btn:hover{background:#2563eb;border-color:#2563eb}.modal-edit-btn svg{font-size:1.1rem}.modal-save-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#16a34a;color:#fff;border:1px solid #16a34a;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-save-btn:hover{background:#15803d;border-color:#15803d}.modal-save-btn svg{font-size:1.1rem}.modal-cancel-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-cancel-btn:hover{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.modal-cancel-btn svg{font-size:1.1rem}.comments-toggle-section{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f1f5f9;border-radius:10px;margin-bottom:1.25rem;border:1px solid #e2e8f0}.toggle-label{display:flex;align-items:center;gap:.625rem;font-size:.9rem;font-weight:500;color:#475569}.toggle-label svg{font-size:1.1rem;color:#64748b}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s ease;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f633}.toggle-switch:hover input:not(:disabled)+.toggle-slider{background-color:#94a3b8}.toggle-switch:hover input:not(:disabled):checked+.toggle-slider{background-color:#2563eb}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.field-header .preview-label{margin-bottom:0}.required-star{color:#ef4444;margin-left:2px}.field-language-select{padding:.4rem 2rem .4rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;min-width:100px}.field-language-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.field-language-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.language-selector-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:1rem;border-radius:12px;border:1px solid #bae6fd;margin-bottom:1.25rem}.language-selector-section .preview-label{display:flex;align-items:center;color:#0369a1;margin-bottom:.75rem}.language-select{width:100%;padding:.75rem 1rem;border:2px solid #0ea5e9;border-radius:8px;font-size:.95rem;font-weight:500;background:#fff;color:#0c4a6e;cursor:pointer;transition:all .2s ease}.language-select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e933}.language-hint{margin:.75rem 0 0;font-size:.8rem;color:#0369a1;font-style:italic}.transliterate-input{position:relative}.rtl-container{position:relative!important}.rtl-container ul{position:absolute!important;z-index:9999!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px #00000026!important;max-height:200px!important;overflow-y:auto!important;margin-top:4px!important;padding:.5rem 0!important;list-style:none!important;width:100%!important;min-width:200px!important}.rtl-container ul li{padding:.625rem 1rem!important;cursor:pointer!important;font-size:1rem!important;color:#374151!important;transition:background .15s ease!important}.rtl-container ul li:hover,.rtl-container ul li.selected{background:#f0f9ff!important;color:#0369a1!important}.rtl-container ul li.active{background:#0ea5e9!important;color:#fff!important}.edit-input.transliterate-input,.edit-textarea.transliterate-input{border-left:4px solid #0ea5e9;background:linear-gradient(90deg,#f0f9ff,#fff 10%)}.edit-input.transliterate-input:focus,.edit-textarea.transliterate-input:focus{border-left-color:#0284c7;box-shadow:0 0 0 3px #0ea5e926}@media (max-width: 1200px){.news-content-wrapper{flex-direction:column-reverse}.filters-panel{width:100%;position:static}.filter-options{flex-direction:row;flex-wrap:wrap;gap:.75rem}}@media (max-width: 768px){.news-table{font-size:.8rem}.news-table th,.news-table td{padding:.5rem}.headline-cell,.description-cell{max-width:120px}.article-preview-modal{max-width:100%;margin:1rem}}.news-delete-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1100}.news-delete-modal{background:#fff;border-radius:16px;padding:20px 22px;width:100%;max-width:400px;box-shadow:0 20px 40px #0f172a40}.news-delete-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.news-delete-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.news-delete-modal-close{background:transparent;border:none;font-size:16px;cursor:pointer;color:#6b7280}.news-delete-modal-body{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.news-delete-modal-body p{margin:0;font-size:14px;color:#374151}.news-delete-modal-news-title{font-weight:600;color:#111827}.news-delete-modal-footer{display:flex;justify-content:flex-end;gap:10px}.news-delete-modal-btn{padding:8px 16px;border-radius:999px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.news-delete-modal-btn.secondary{background:#e5e7eb;color:#111827}.news-delete-modal-btn.secondary:hover{background:#d1d5db}.news-delete-modal-btn.danger{background:#ef4444;color:#fff;box-shadow:0 4px 10px #ef444440}.news-delete-modal-btn.danger:hover{background:#dc2626}html[data-theme=dark] .news-delete-modal-backdrop .news-delete-modal-btn.secondary{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=dark] .news-delete-modal-backdrop .news-delete-modal-btn.secondary:hover{background:#94a3b824!important;color:var(--text)!important}html[data-theme=dark] .news-delete-modal-backdrop .news-delete-modal-btn.danger,html[data-theme=dark] .news-delete-modal-backdrop .news-delete-modal-btn.danger:hover{color:#fff!important}html[data-theme=dark] .news-management .news-total-count{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .news-management .news-total-count-number{color:#93c5fd!important}html[data-theme=dark] .news-management .news-total-count:hover{background:#94a3b81f!important;border-color:#94a3b859!important}html[data-theme=dark] .news-management .filter-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .news-management .filter-btn:hover,html[data-theme=dark] .news-management .filter-btn.active{background:#94a3b824!important;border-color:#94a3b859!important;color:#f8fafc!important}html[data-theme=dark] .news-management .filter-btn svg{color:currentColor!important;fill:currentColor}html[data-theme=dark] .news-management .status-cell .status-badge{border:1px solid transparent;font-weight:600;color:#e5e7eb!important;background:#94a3b838!important}html[data-theme=dark] .news-management .status-cell .status-published{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .news-management .status-cell .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .news-management .status-cell .status-approved{background:#2563eb38!important;color:#93c5fd!important;border-color:#2563eb73!important}html[data-theme=dark] .news-management .status-cell .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#dc262673!important}html[data-theme=dark] .news-management .status-cell .status-unknown,html[data-theme=dark] .news-management .status-cell .status-n-a,html[data-theme=dark] .news-management .status-cell .status-not-available{background:#94a3b838!important;color:#e5e7eb!important;border-color:#94a3b873!important}html[data-theme=dark] .news-management .actions-cell .action-btn{border:1px solid var(--border)!important}html[data-theme=dark] .news-management .actions-cell .view-btn{background:#2563eb33!important;color:#93c5fd!important}html[data-theme=dark] .news-management .actions-cell .view-btn:hover{background:#2563eb!important;color:#fff!important}html[data-theme=dark] .news-management .actions-cell .delete-btn{background:#dc262633!important;color:#fca5a5!important}html[data-theme=dark] .news-management .actions-cell .delete-btn:hover{background:#dc2626!important;color:#fff!important}html[data-theme=dark] .news-management .actions-cell .action-btn svg{color:currentColor!important}html[data-theme=dark] .news-management .article-preview-modal .category-tag{background:#3b82f638!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.4)!important}html[data-theme=dark] .news-management .article-preview-modal .modal-header{background:var(--surface)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .news-management .article-preview-modal .modal-header h2{color:var(--text)!important}html[data-theme=dark] .news-management .article-preview-modal .modal-content{background:var(--surface)!important}html[data-theme=dark] .news-management .article-preview-modal .comments-toggle-section{background:#94a3b81a!important;border-color:var(--border)!important}html[data-theme=dark] .news-management .article-preview-modal .toggle-label,html[data-theme=dark] .news-management .article-preview-modal .toggle-label span,html[data-theme=dark] .news-management .article-preview-modal .toggle-label svg{color:var(--text)!important}html[data-theme=dark] .news-management .article-preview-modal .preview-section .status-badge{border:1px solid transparent;font-weight:600}html[data-theme=dark] .news-management .article-preview-modal .preview-section .status-published{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .news-management .article-preview-modal .preview-section .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .news-management .article-preview-modal .preview-section .status-approved{background:#2563eb38!important;color:#93c5fd!important;border-color:#2563eb73!important}html[data-theme=dark] .news-management .article-preview-modal .preview-section .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#dc262673!important}.add-news-page{width:100%;max-width:700px;margin:0 auto;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.add-news-header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.add-news-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.category-modal{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc262640;-webkit-tap-highlight-color:transparent}.category-modal:hover{background:linear-gradient(90deg,#ef4444,#dc2626);transform:translateY(-1px)}.add-news-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required{color:#ef4444}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;background:#fff;color:#1a1a2e;transition:all .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:100px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.transliterate-field{display:flex;flex-direction:column;gap:.5rem}.language-selector{width:140px;padding:.5rem 2rem .5rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-family:inherit;background:#f9fafb;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .2s ease}.language-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.language-selector:hover{border-color:#d1d5db;background-color:#f3f4f6}.transliterate-field input[type=text],.transliterate-field textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;background:#fff;color:#1a1a2e;transition:all .2s ease}.transliterate-field input[type=text]:focus,.transliterate-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transliterate-field input[type=text]::placeholder,.transliterate-field textarea::placeholder{color:#9ca3af}.transliterate-field textarea{resize:vertical;min-height:100px}.char-counter{display:block;text-align:right;font-size:.75rem;color:#6b7280;margin-top:.25rem}.char-counter.limit-reached{color:#ef4444;font-weight:500}.summary-link-preview{margin-top:.25rem;font-size:.8rem;color:#4b5563}.summary-link-preview ul{margin:.15rem 0 0;padding-left:1rem}.summary-link-preview a{color:#2563eb;text-decoration:underline;word-break:break-all}.location-selects select{min-width:0}.multi-dropdown-option input[type=checkbox],.multi-dropdown-option input[type=radio]{cursor:pointer}.upload-area{border:2px dashed #e5e7eb;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa;-webkit-tap-highlight-color:transparent}.upload-area.disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.75}.upload-area.disabled:hover{border-color:#e5e7eb;background:#f3f4f6}.upload-area.disabled .upload-icon{color:#cbd5e1}.upload-area.disabled .upload-text,.upload-area.disabled .upload-hint{color:#9ca3af}.upload-area:hover{border-color:#3b82f6;background:#f0f7ff}.upload-area.dragging{border-color:#3b82f6;background:#eff6ff;border-style:solid}.upload-icon{font-size:3rem;color:#9ca3af;margin-bottom:.75rem}.upload-area:hover .upload-icon,.upload-area.dragging .upload-icon{color:#3b82f6}.upload-text{font-size:.95rem;color:#4b5563;margin:0 0 .5rem}.upload-hint{font-size:.8rem;color:#9ca3af;margin:0}.add-link-row{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.add-link-input{flex:1;margin-bottom:0!important}.add-link-input:disabled{background:#f3f4f6;cursor:not-allowed}.add-link-btn{flex-shrink:0;padding:.6rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.add-link-btn:hover:not(:disabled){background:#2563eb}.add-link-btn:disabled{background:#9ca3af;cursor:not-allowed}.main-edition-btn{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#374151;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.main-edition-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f3f4f6}.main-edition-btn.active{background:#dc2626;border-color:#b91c1c;color:#fff;box-shadow:0 4px 10px #dc26262e}.main-edition-btn.active:hover:not(:disabled){background:#b91c1c}.main-edition-btn:disabled{opacity:.7;cursor:not-allowed}.link-error{margin:.35rem 0 0;font-size:.8rem;color:#dc2626}.uploaded-files{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.file-preview{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.file-preview img{width:100%;height:100%;object-fit:cover}.file-preview-link .link-thumb-wrap{position:relative;width:100%;height:100%}.file-preview-link .link-badge{position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6e6;color:#fff;border-radius:6px}.file-preview-link .link-badge svg{font-size:1rem}.video-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#fff}.video-preview svg{font-size:2.5rem}.file-name{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:#000000b3;color:#fff;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.remove-file-btn:hover{background:#ef4444}.remove-file-btn svg{font-size:.9rem}.add-locations-btnn{height:45px;margin-top:.5rem;padding:.5rem .9rem;border-radius:100px;border:1px solid #d1d5db;background-color:#dd1717;color:#f8f3f3;font-size:.9rem;font-weight:500;cursor:pointer;align-items:center;gap:.35rem;transition:all .2s ease}.add-locations-btnn:hover{border-color:#c22828;color:#f1ebeb;background-color:#e22b2b}.add-locations-btnn:disabled{background-color:#9ca3af;border-color:#cbd5e1;color:#fff;cursor:not-allowed;opacity:.7}.added-locations{margin-top:.75rem;padding:.75rem .9rem;border-radius:8px;background-color:#d2d3d4;border:1px solid #e5e7eb}.added-locations-title{font-size:.8rem;font-weight:600;color:#4b5563;margin-bottom:.35rem}.added-locations ul{list-style:none;font-size:.9rem;background-color:#fff;border-radius:10px;padding:0;margin:0}.added-locations li{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#0558df;padding:.25rem 0}.remove-location-btn{border:none;background:transparent;color:#050b16;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:999px;transition:all .15s ease}.remove-location-btn:hover{background-color:#fee2e2;color:#b91c1c}.remove-location-btn svg{font-size:.9rem}.form-actions{display:flex;align-items:center;gap:1rem}.publish-btn{flex:1;padding:.875rem 2rem;background:#1c1fd8;color:#fff;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.publish-btn:hover{background:#3226dc;transform:translateY(-1px);box-shadow:0 4px 12px #6344ef4d}.publish-btn:active{transform:translateY(0)}.publish-btn:disabled{cursor:not-allowed;opacity:.85}.publish-btn.publish-btn-loading{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.publish-btn-spinner{width:20px;height:20px;animation:addnews-spin .8s linear infinite;flex-shrink:0}@keyframes addnews-spin{to{transform:rotate(360deg)}}.cancels-btn{padding:.875rem 2rem;background:#d80404;color:#fff;border:1px solid #e5e7eb;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.cancels-btn:hover{background:#f9fafb;border-color:#bec2c7;color:#0c0c0c;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;padding:1.5rem;border-radius:12px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.75rem;cursor:pointer;color:#6b7280;line-height:1;padding:.25rem;-webkit-tap-highlight-color:transparent}.modal-content h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1a1a2e}.submit-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.submit-btn:hover{background:#2563eb}.link-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none;background-color:#fff}.link-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.link-input:focus{box-shadow:0 0 0 3px #2563eb26}.link-input::placeholder{color:#9ca3af;font-size:13px}.upload-area.category-upload{padding:1rem;min-height:100px}.category-image-preview-wrap{position:relative;display:inline-block;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;max-width:100%}.category-image-preview{display:block;max-height:180px;width:auto;max-width:100%;object-fit:contain}.category-image-preview-wrap .remove-file-btn{top:6px;right:6px}@media (max-width: 992px){.location-selects{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.add-news-page{padding:0}.add-news-header h1{font-size:1.25rem}.add-news-form{padding:1.5rem}.location-selects{grid-template-columns:1fr;gap:.75rem}.form-actions{flex-direction:column}.publish-btn,.cancel-btn{width:100%}.modal-content{padding:1.25rem;max-width:100%;margin:.5rem}.close{top:.75rem;right:.75rem;font-size:1.5rem}}@media (max-width: 480px){.add-news-header{flex-direction:column;align-items:flex-start}.category-modal{width:100%;justify-content:center}.add-news-form{padding:1rem}.upload-area{padding:1.5rem 1rem}.upload-icon{font-size:2.5rem}.file-preview{width:80px;height:80px}.form-group input[type=text],.form-group textarea,.form-group select{font-size:16px}.language-selector{width:100%}}@supports (padding: max(0px)){.modal-content{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}.addnews-alert-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1100}.addnews-alert-modal{background:#fff;border-radius:16px;padding:20px 22px;width:100%;max-width:400px;box-shadow:0 20px 40px #0f172a40}.addnews-alert-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.addnews-alert-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.addnews-alert-modal-close{background:transparent;border:none;font-size:16px;cursor:pointer;color:#6b7280;padding:0;line-height:1}.addnews-alert-modal-close:hover{color:#111827}.addnews-alert-modal-body{margin-bottom:18px}.addnews-alert-modal-body p{margin:0;font-size:14px;color:#374151}.addnews-alert-modal-footer{display:flex;justify-content:flex-end;gap:10px}.addnews-alert-modal-btn{padding:8px 16px;border-radius:999px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.addnews-alert-modal-btn.primary{background:#dc2626;color:#fff;box-shadow:0 4px 10px #dc262640}.addnews-alert-modal-btn.primary:hover{background:#b91c1c}html[data-theme=dark] .add-news-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .add-news-page :is(.add-news-header h1,.form-label,.upload-text,.uploaded-file-name,.added-locations li){color:var(--text)!important}html[data-theme=dark] .add-news-page :is(.upload-hint,.char-counter,.added-locations-title){color:var(--muted)!important}html[data-theme=dark] .add-news-page :is(.add-news-form,.added-locations,.uploaded-files,.link-preview,.multi-dropdown-menu,.modal-content,.addnews-alert-modal){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .add-news-page :is(.form-input,.form-textarea,.language-selector,.link-input,.multi-dropdown-toggle){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .add-news-page :is(.form-input::placeholder,.form-textarea::placeholder,.link-input::placeholder){color:var(--muted)!important}html[data-theme=dark] .add-news-page .multi-dropdown-option{color:var(--text)!important}html[data-theme=dark] .add-news-page .multi-dropdown-option:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .add-news-page .multi-dropdown-option span{color:inherit!important}html[data-theme=dark] .add-news-page .multi-dropdown-toggle:disabled{background:#0f172a99!important;color:var(--muted)!important}html[data-theme=dark] .add-news-page .multi-dropdown-arrow{border-top-color:var(--muted)!important}html[data-theme=dark] .add-news-page .added-locations ul{background:var(--surface-2)!important;border:1px solid var(--border)!important}html[data-theme=dark] .add-news-page .remove-location-btn{color:var(--muted)!important}html[data-theme=dark] .add-news-page .remove-location-btn:hover{background:#7f1d1d59!important;color:#fecaca!important}html[data-theme=dark] .add-news-page .upload-area{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme=dark] .add-news-page .upload-area:hover,html[data-theme=dark] .add-news-page .upload-area.dragging{background:#94a3b81a!important;border-color:#94a3b859!important}html[data-theme=dark] .add-news-page .upload-icon{color:var(--muted)!important}html[data-theme=dark] .add-news-page .uploaded-file-item{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme=dark] .add-news-page :is(.publish-btn,.add-locations-btnn,.add-link-btn,.submit-btn,.addnews-alert-modal-btn.primary){color:#fff!important}html[data-theme=dark] .add-news-page .cancels-btn{background:#7f1d1d38!important;color:#fca5a5!important;border-color:#f8717173!important}html[data-theme=dark] .add-news-page .cancels-btn:hover{background:#7f1d1d61!important;color:#fecaca!important}html[data-theme=dark] .add-news-page .add-link-btn:disabled{background:#0f172a99!important;color:var(--muted)!important;border-color:var(--border)!important}html[data-theme=dark] .add-news-page [class^=_ReactTransliterate_],html[data-theme=dark] .add-news-page [class*=_ReactTransliterate_]{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 10px 24px #00000073!important;color:var(--text)!important}html[data-theme=dark] .add-news-page [class^=_ReactTransliterate_]>li,html[data-theme=dark] .add-news-page [class*=_ReactTransliterate_]>li{color:var(--text)!important}html[data-theme=dark] .add-news-page [class^=_ReactTransliterate_]>li:hover,html[data-theme=dark] .add-news-page [class*=_ReactTransliterate_]>li:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .add-news-page [class^=_Active_],html[data-theme=dark] .add-news-page [class*=_Active_]{background:#2563eb59!important;color:#dbeafe!important}.breaking-news-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6fa;min-height:100vh}.breaking-news-page .breaking-news-loading-cell{padding:2rem!important;vertical-align:middle;text-align:center}.breaking-news-page .breaking-news-loading-cell .breaking-news-loading{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:120px}.breaking-news-spinner{display:flex;align-items:center;justify-content:center}.breaking-news-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:pending-news-spin 1s linear infinite}.breaking-news-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes pending-news-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breaking-news-header{margin-bottom:1.25rem}.breaking-news-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.breaking-news-page .news-controls{display:flex;gap:.75rem;margin-bottom:1.25rem}.breaking-news-page .search-container{flex:1;position:relative;max-width:800px}.breaking-news-page .search-icon{position:absolute;left:1rem;top:63%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem}.breaking-news-page .search-input{margin-top:15px;height:45px;width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;border:1px solid rgb(187,186,186);background:#fff;transition:all .2s ease}.breaking-news-page .filter-btn{display:flex;align-items:center;justify-content:center;width:55px;height:46px;margin-top:13px;border:1px solid rgb(190,189,189);border-radius:10px;background:#fff;color:#a18f8f;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{background:#e4e2e2;border-color:#848485;color:#454546}.breaking-news-page .filter-btn svg{font-size:2rem}.breaking-news-page .news-content-wrapper{display:flex;gap:1.5rem}.breaking-news-page .news-table-container{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;overflow-x:auto}.breaking-news-page .news-table{width:100%;border-collapse:collapse;font-size:.85rem}.breaking-news-page .news-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.breaking-news-page .news-table th{padding:.875rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:.8rem}.breaking-news-page .news-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.breaking-news-page .news-table tbody tr:last-child{border-bottom:none}.breaking-news-page .news-table tbody tr:hover{background:#fafbfc}.breaking-news-page .news-table td{padding:.75rem;vertical-align:middle;color:#374151}.breaking-news-page .sno-cell{font-weight:500;color:#64748b;width:50px}.breaking-news-page .headline-cell{max-width:180px}.breaking-news-page .headline-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#1a1a2e;line-height:1.4}.breaking-news-page .description-cell{max-width:200px}.breaking-news-page .description-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:#64748b;font-size:.8rem;line-height:1.4}.breaking-news-page .image-cell{width:80px}.breaking-news-page .news-thumbnail{width:75px;height:50px;background:linear-gradient(135deg,#1e3a5f,#2563eb,#1e40af);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;position:relative;overflow:hidden}.breaking-news-page .news-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 25%),radial-gradient(circle at 60% 30%,rgba(255,255,255,.08) 0%,transparent 20%),radial-gradient(circle at 80% 60%,rgba(255,255,255,.1) 0%,transparent 25%);opacity:.6}.breaking-news-page .news-thumbnail:after{content:"LIVE";position:absolute;top:3px;right:3px;background:#ef4444;color:#fff;font-size:.4rem;font-weight:700;padding:1px 4px;border-radius:2px;letter-spacing:.3px}.breaking-news-page .breaking-news-badge{display:flex;flex-direction:column;align-items:center;line-height:1.1;position:relative;z-index:1}.breaking-news-page .breaking-text{color:#fbbf24;font-size:.6rem;font-weight:800;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.breaking-news-page .news-text{color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.breaking-news-page .category-cell{width:100px}.breaking-news-page .category-link{color:#3b82f6;text-decoration:underline;cursor:pointer;font-weight:500}.breaking-news-page .category-link:hover{color:#2563eb}.breaking-news-page .reporter-cell{white-space:nowrap}.breaking-news-page .location-cell{white-space:nowrap;font-size:.8rem}.breaking-news-page .status-cell{width:100px}.breaking-news-page .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.breaking-news-page .status-published{background:#dcfce7;color:#16a34a}.breaking-news-page .status-pending{background:#fef3c7;color:#d97706}.breaking-news-page .status-approved{background:#dbeafe;color:#2563eb}.breaking-news-page .status-rejected{background:#fee2e2;color:#dc2626}.breaking-news-page .views-cell{font-weight:500;color:#64748b}.breaking-news-page .date-cell{white-space:nowrap;font-size:.8rem;color:#64748b}.breaking-news-page .actions-cell{min-width:90px;white-space:nowrap}.breaking-news-page .action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:.35rem;flex-shrink:0}.breaking-news-page .action-btn:last-child{margin-right:0}.breaking-news-page .view-btn{height:50px;width:50px;background:#eff6ff;color:#3b82f6}.breaking-news-page .view-btn:hover{background:#3b82f6;color:#fff}.breaking-news-page .delete-btn{height:50px;width:50px;background:#fef2f2;color:#ef4444!important}.breaking-news-page .delete-btn:hover{background:#ef4444;color:#fff!important}.breaking-news-page .action-btn svg{font-size:1.1rem;display:block;width:18px;height:18px}.breaking-news-page .filters-panel{width:280px;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;height:fit-content;position:sticky;top:1rem}.breaking-news-page .filters-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 1.25rem}.breaking-news-page .pending-filters-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 1.25rem}.breaking-news-page .pending-filters-header .filters-title{margin:0}.breaking-news-page .pending-filters-clear-all-btn{padding:7px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.breaking-news-page .pending-filters-clear-all-btn:hover{background:#f8fafc;border-color:#cbd5e1}html[data-theme=dark] .breaking-news-page .pending-filters-clear-all-btn{background:#94a3b81f!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .breaking-news-page .pending-filters-clear-all-btn:hover{background:#94a3b82e!important}.breaking-news-page .filter-section{margin-bottom:1.25rem}.breaking-news-page .filter-section:last-child{margin-bottom:0}.breaking-news-page .filter-section-title{font-size:.85rem;font-weight:600;color:#374151;margin:0 0 .75rem}.breaking-news-page .filter-options{display:flex;flex-direction:column;gap:.5rem}.breaking-news-page .filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:#4b5563}.breaking-news-page .filter-option:hover{color:#1a1a2e}.breaking-news-page .filter-checkbox{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.breaking-news-page .filter-checkbox.pending{accent-color:#f97316}.breaking-news-page .filter-checkbox.approved{accent-color:#10b981}.breaking-news-page .filter-checkbox.rejected,.breaking-news-page .filter-checkbox.published{accent-color:#ef4444}.breaking-news-page .date-filter-row{gap:10px;align-items:center}.breaking-news-page .date-filter-btn{width:100%;justify-content:space-between;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.breaking-news-page .date-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.breaking-news-page .date-filter-btn:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.breaking-news-page .date-filter-clear-btn{align-self:flex-start;padding:7px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;font-size:12px;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease}.breaking-news-page .date-filter-clear-btn:hover{background:#f8fafc;border-color:#cbd5e1}.breaking-news-page .news-date-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.breaking-news-page .news-date-modal{width:min(520px,92vw);background:#fff;border-radius:14px;padding:16px;box-shadow:0 20px 45px #0f172a59;border:1px solid #e5e7eb}.breaking-news-page .news-date-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.breaking-news-page .news-date-modal-title{margin:0;font-size:16px;font-weight:700;color:#111827}.breaking-news-page .news-date-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#475569;transition:background .15s ease,border-color .15s ease}.breaking-news-page .news-date-modal-close:hover{background:#fff;border-color:#cbd5e1}.breaking-news-page .news-date-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.breaking-news-page .news-date-modal-field{display:grid;gap:6px}.breaking-news-page .news-date-modal-label{font-size:12px;color:#64748b;font-weight:600}.breaking-news-page .news-date-modal-input{height:40px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#111827}.breaking-news-page .news-date-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.breaking-news-page .news-date-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.breaking-news-page .news-date-modal-btn{padding:9px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:600;transition:background .15s ease,border-color .15s ease,transform .05s ease}.breaking-news-page .news-date-modal-btn:active{transform:translateY(1px)}.breaking-news-page .news-date-modal-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.breaking-news-page .news-date-modal-btn.primary{border-color:#2563eb;background:#2563eb;color:#fff}.breaking-news-page .news-date-modal-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}@media (max-width: 520px){.breaking-news-page .news-date-modal-grid{grid-template-columns:1fr}}html[data-theme=dark] .breaking-news-page .news-date-modal{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .breaking-news-page .news-date-modal-title{color:var(--text)!important}html[data-theme=dark] .breaking-news-page .news-date-modal-label{color:#e2e8f0cc!important}html[data-theme=dark] .breaking-news-page .news-date-modal-input,html[data-theme=dark] .breaking-news-page .news-date-modal-close,html[data-theme=dark] .breaking-news-page .news-date-modal-btn.secondary,html[data-theme=dark] .breaking-news-page .date-filter-clear-btn,html[data-theme=dark] .breaking-news-page .date-filter-btn{background:#94a3b81f!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .breaking-news-page .date-filter-btn:hover,html[data-theme=dark] .breaking-news-page .date-filter-clear-btn:hover,html[data-theme=dark] .breaking-news-page .news-date-modal-btn.secondary:hover,html[data-theme=dark] .breaking-news-page .news-date-modal-close:hover{background:#94a3b82e!important}.breaking-news-page .state-search-input{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;background:#fff;transition:all .2s ease}.breaking-news-page .state-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.breaking-news-page .state-search-input::placeholder{color:#94a3b8}.breaking-news-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow:hidden}.breaking-news-page .article-preview-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.breaking-news-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;flex-shrink:0;background:#fff}.breaking-news-page .modal-header h2{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0}.breaking-news-page .close-btn{width:32px;height:32px;border:none;background:#f8fafc;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s ease}.breaking-news-page .close-btn:hover{background:#f1f5f9;color:#1a1a2e}.breaking-news-page .close-btn svg{font-size:1.25rem}.breaking-news-page .modal-content{padding:1.5rem;overflow-y:auto;flex:1}.breaking-news-page .preview-image{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.breaking-news-page .preview-image img{width:100%;height:100%;object-fit:cover}.breaking-news-page .media-carousel-container{width:100%;height:100%;display:flex;flex-direction:column;gap:10px}.breaking-news-page .media-carousel-wrapper{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden}.breaking-news-page .media-carousel-wrapper video,.breaking-news-page .media-carousel-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.breaking-news-page .media-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#0f172a99;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease;z-index:2}.breaking-news-page .media-nav-btn:hover{background:#0f172acc}.breaking-news-page .media-nav-btn svg{font-size:1.35rem}.breaking-news-page .media-nav-prev{left:10px}.breaking-news-page .media-nav-next{right:10px}.breaking-news-page .media-counter{position:absolute;bottom:10px;right:10px;background:#0f172aa6;color:#fff;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;z-index:2}.breaking-news-page .media-thumbnails{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.breaking-news-page .media-thumbnail{width:56px;height:40px;border-radius:8px;overflow:hidden;flex:0 0 auto;cursor:pointer;opacity:.75;border:2px solid transparent;background:#e2e8f0}.breaking-news-page .media-thumbnail.active{opacity:1;border-color:#3b82f6}.breaking-news-page .media-thumbnail img,.breaking-news-page .media-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.breaking-news-page .media-thumbnail .video-thumb{position:relative;width:100%;height:100%}.breaking-news-page .media-thumbnail .video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;color:#fff}html[data-theme=dark] .breaking-news-page .media-thumbnail{background:#94a3b82e}.breaking-news-page .category-badge{margin-bottom:1rem}.breaking-news-page .category-tag{display:inline-block;padding:.35rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500}.breaking-news-page .category-tag.breaking{background:#fef2f2;color:#dc2626}.breaking-news-page .preview-section{margin-bottom:1.25rem}.breaking-news-page .field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.breaking-news-page .preview-label{font-size:.8rem;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.breaking-news-page .required-asterisk{color:#ef4444;margin-left:2px}.breaking-news-page .field-language-select{padding:.4rem 2rem .4rem .75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;color:#1a1a2e;background:#fff;cursor:pointer;transition:all .2s ease;min-width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.breaking-news-page .field-language-select:hover{border-color:#3b82f6}.breaking-news-page .field-language-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.breaking-news-page .preview-headline{font-size:1rem;text-transform:capitalize;font-weight:600;color:#1a1a2e;margin:0;line-height:1.4}.breaking-news-page .preview-summary{font-size:1.3rem;text-transform:capitalize;color:#1a1a2e;margin:0;line-height:1.6}.breaking-news-page .metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.breaking-news-page .metadata-item{display:flex;flex-direction:column;gap:.25rem}.breaking-news-page .metadata-label{font-size:.75rem;color:#94a3b8}.breaking-news-page .metadata-value{font-size:.85rem;color:#1a1a2e;font-weight:500}.breaking-news-page .preview-stats{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.breaking-news-page .stat-item{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.85rem}.breaking-news-page .stat-item svg{font-size:1.1rem}.breaking-news-page .comments-toggle-section{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid #f1f5f9;margin-top:1rem}.breaking-news-page .comments-toggle-label{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.9rem;font-weight:500}.breaking-news-page .comments-toggle-label svg{font-size:1.25rem;color:#64748b}.breaking-news-page .toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.breaking-news-page .toggle-switch input{opacity:0;width:0;height:0}.breaking-news-page .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:26px}.breaking-news-page .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.breaking-news-page .toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.breaking-news-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.breaking-news-page .modal-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #f1f5f9;justify-content:flex-end}.breaking-news-page .modal-delete-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:30px}.breaking-news-page .modal-delete-btn:hover{background:#dc2626}.breaking-news-page .modal-delete-btn svg{font-size:1.1rem}.breaking-news-page .modal-reject-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breaking-news-page .modal-reject-btn:hover{background:#dc2626}.breaking-news-page .modal-reject-btn svg{font-size:1.1rem}.tooltip-btn{position:relative;border:none;padding:8px 10px;margin:5px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:18px}.tooltip-btn:hover{transform:translateY(-3px);box-shadow:0 5px 12px #0003}.tooltip-btn:after{content:attr(data-tooltip);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#101211;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.tooltip-btn:hover:after{opacity:1}.modal-edit-btn{background:#3498db;color:#fff}.modal-edit-btn:hover{background:#2980b9}.modal-approve-btn{background:#2ecc71;color:#fff}.modal-approve-btn:hover{background:#27ae60}.modal-reject-btn{background:#f39c12;color:#fff}.modal-reject-btn:hover{background:#e67e22}.modal-delete-btn{background:#e74c3c;color:#fff}.modal-delete-btn:hover{background:#c0392b}.breaking-news-page .modal-edit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breaking-news-page .modal-edit-btn:hover{background:#2563eb}.breaking-news-page .modal-edit-btn svg{font-size:1.1rem}.breaking-news-page .modal-approve-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breaking-news-page .modal-approve-btn:hover{background:#059669}.breaking-news-page .modal-approve-btn svg{font-size:1.1rem}.breaking-news-page .modal-save-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breaking-news-page .modal-save-btn:hover{background:#059669}.breaking-news-page .modal-save-btn svg{font-size:1.1rem}.breaking-news-page .modal-cancel-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#6b7280;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.breaking-news-page .modal-cancel-btn:hover{background:#4b5563}.breaking-news-page .modal-cancel-btn svg{font-size:1.1rem}.breaking-news-page .edit-input{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#1a1a2e;background:#f8fafc;transition:all .2s ease}.breaking-news-page .edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.breaking-news-page .edit-textarea{width:100%;padding:.625rem .875rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#4b5563;background:#f8fafc;resize:vertical;line-height:1.6;font-family:inherit;transition:all .2s ease}.breaking-news-page .edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.breaking-news-page .edit-input-small{width:100%;padding:.375rem .625rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:500;color:#1a1a2e;background:#f8fafc;transition:all .2s ease}.breaking-news-page .edit-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.breaking-news-page .edit-select{padding:.35rem .875rem;border:1px solid #e5e7eb;border-radius:20px;font-size:.8rem;font-weight:500;color:#1a1a2e;background:#f8fafc;cursor:pointer;transition:all .2s ease}.breaking-news-page .edit-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.breaking-news-page .language-selector-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.breaking-news-page .language-selector-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.breaking-news-page .language-icon{color:#3b82f6;font-size:1.25rem}.breaking-news-page .language-label{font-weight:600;color:#1e293b;font-size:.95rem}.edit-select{padding:6px 10px;border-radius:6px;font-weight:500;cursor:pointer}.breaking-news-page .language-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.breaking-news-page .language-select:hover{border-color:#3b82f6}.breaking-news-page .language-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.breaking-news-page .language-hint{margin-top:.5rem;font-size:.8rem;color:#64748b;font-style:italic}.breaking-news-page .transliterate-input{border:2px solid #e2e8f0;transition:all .2s ease}.breaking-news-page .transliterate-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.breaking-news-page .description-textarea{min-height:120px;resize:vertical}.breaking-news-page .preview-description{color:#1a1a2e;font-size:1rem;text-transform:capitalize;line-height:1.6;margin:0}.breaking-news-page .rtl-options{position:absolute;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:200px;overflow-y:auto;margin-top:2px}.breaking-news-page .rtl-option{padding:.5rem 1rem;cursor:pointer;transition:background .15s ease}.breaking-news-page .rtl-option:hover,.breaking-news-page .rtl-option-highlighted{background:#f1f5f9}@media (max-width: 1200px){.breaking-news-page .news-content-wrapper{flex-direction:column-reverse}.breaking-news-page .filters-panel{width:100%;position:static}.breaking-news-page .filter-options{flex-direction:row;flex-wrap:wrap;gap:.75rem}}@media (max-width: 768px){.breaking-news-page .news-table{font-size:.8rem}.breaking-news-page .news-table th,.breaking-news-page .news-table td{padding:.5rem}.breaking-news-page .headline-cell,.breaking-news-page .description-cell{max-width:120px}.breaking-news-page .article-preview-modal{max-width:100%;margin:1rem}}.pending-news-delete-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;background:#00000080!important}html[data-theme=dark] .pending-news-delete-backdrop .poll-modal{background:var(--surface)!important;box-shadow:0 25px 50px -12px #00000073,0 0 0 1px var(--border)!important}html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-header h3,html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-body p,html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-poll-title{color:var(--text)!important}html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-close{background:var(--surface-2)!important;color:var(--muted)!important}html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-close:hover{background:#94a3b824!important;color:var(--text)!important}html[data-theme=dark] .pending-news-delete-backdrop .poll-modal-footer{border-top-color:var(--border)!important}html[data-theme=dark] .pending-news-delete-backdrop .modal-btn.secondary{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .pending-news-delete-backdrop .modal-btn.secondary:hover{background:#94a3b81f!important;color:var(--text)!important}html[data-theme=dark] .breaking-news-page .status-cell .status-badge{border:1px solid transparent;font-weight:600;color:#e5e7eb!important;background:#94a3b838!important}html[data-theme=dark] .breaking-news-page .status-cell .status-published{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .breaking-news-page .status-cell .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .breaking-news-page .status-cell .status-approved{background:#2563eb38!important;color:#93c5fd!important;border-color:#2563eb73!important}html[data-theme=dark] .breaking-news-page .status-cell .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#dc262673!important}html[data-theme=dark] .breaking-news-page .status-cell .status-unknown,html[data-theme=dark] .breaking-news-page .status-cell .status-n-a,html[data-theme=dark] .breaking-news-page .status-cell .status-not-available{background:#94a3b838!important;color:#e5e7eb!important;border-color:#94a3b873!important}html[data-theme=dark] .breaking-news-page .actions-cell .action-btn{border:1px solid var(--border)!important}html[data-theme=dark] .breaking-news-page .actions-cell .view-btn{background:#2563eb33!important;color:#93c5fd!important}html[data-theme=dark] .breaking-news-page .actions-cell .view-btn:hover{background:#2563eb!important;color:#fff!important}html[data-theme=dark] .breaking-news-page .actions-cell .delete-btn{background:#dc262633!important;color:#fca5a5!important}html[data-theme=dark] .breaking-news-page .actions-cell .delete-btn:hover{background:#dc2626!important;color:#fff!important}html[data-theme=dark] .breaking-news-page .actions-cell .action-btn svg{color:currentColor!important}html[data-theme=dark] .breaking-news-page .article-preview-modal{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .modal-header{background:var(--surface)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .modal-header h2{color:var(--text)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .modal-content{background:var(--surface)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal :is(.preview-label,.preview-headline,.preview-summary,.preview-description,.metadata-value,.stat-item,.comments-toggle-label,.comments-toggle-label span,.comments-toggle-label svg){color:var(--text)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal :is(.metadata-label,.language-hint){color:var(--muted)!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .comments-toggle-section{border-top-color:var(--border)!important;background:#94a3b814!important;border-radius:10px;padding:.875rem 1rem}html[data-theme=dark] .breaking-news-page .article-preview-modal .comments-toggle-section.disabled{opacity:.75}html[data-theme=dark] .breaking-news-page .article-preview-modal .comments-toggle-section.disabled .comments-toggle-label{color:#cbd5e1!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .comments-toggle-section.disabled .toggle-slider{background-color:#475569!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .preview-section .status-badge{border:1px solid transparent;font-weight:600}html[data-theme=dark] .breaking-news-page .article-preview-modal .preview-section .status-published{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .preview-section .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .preview-section .status-approved{background:#2563eb38!important;color:#93c5fd!important;border-color:#2563eb73!important}html[data-theme=dark] .breaking-news-page .article-preview-modal .preview-section .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#dc262673!important}html[data-theme=dark] .breaking-news-page .news-total-count{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .breaking-news-page .news-total-count-number{color:#93c5fd!important}html[data-theme=dark] .breaking-news-page .news-total-count:hover{background:#94a3b81f!important;border-color:#94a3b859!important}html[data-theme=dark] .breaking-news-page .filter-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .breaking-news-page .filter-btn:hover,html[data-theme=dark] .breaking-news-page .filter-btn.active{background:#94a3b824!important;border-color:#94a3b859!important;color:#f8fafc!important}html[data-theme=dark] .breaking-news-page .filter-btn svg{color:currentColor!important;fill:currentColor}.poll-admin-page{padding:2rem 2rem 3rem;background:linear-gradient(165deg,#f8fafc,#f1f5f9 45%,#e2e8f0);min-height:100vh;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f172a}.poll-admin-page>h2{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.poll-admin-page>.poll-page-subtitle{margin:0 0 1.75rem;font-size:.9375rem;color:#64748b;font-weight:500}.poll-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{position:relative;padding:1.35rem 1.5rem;border-radius:14px;background:linear-gradient(145deg,#1e40af,#1e3a8a);color:#fff;box-shadow:0 4px 14px #1e40af40,0 1px 3px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:#ffffff14;border-radius:50%;transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e40af4d,0 2px 6px #0000001a}.stat-card h4{font-size:.8125rem;font-weight:600;opacity:.9;margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.04em}.stat-card p{font-size:1.75rem;font-weight:700;margin:0;letter-spacing:-.02em}.stat-card.green{background:linear-gradient(145deg,#059669,#047857);box-shadow:0 4px 14px #05966940,0 1px 3px #00000014}.stat-card.green:hover{box-shadow:0 8px 24px #0596694d,0 2px 6px #0000001a}.stat-card.purple{background:linear-gradient(145deg,#6d28d9,#5b21b6);box-shadow:0 4px 14px #6d28d940,0 1px 3px #00000014}.stat-card.purple:hover{box-shadow:0 8px 24px #6d28d94d,0 2px 6px #0000001a}.poll-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start}.poll-form{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 1px 3px #0000000f,0 10px 40px #0f172a0f;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;gap:1.25rem}.poll-form-section-title{font-size:.9375rem;font-weight:600;color:#334155;margin:0 0 .25rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.top-fields{display:flex;gap:1rem}.top-field{flex:1;display:flex;flex-direction:column;gap:.35rem}.top-field.small{max-width:120px}.poll-form label{font-size:.8125rem;font-weight:600;color:#475569}.poll-form input,.poll-form textarea{width:100%;padding:.6rem .85rem;border-radius:10px;border:1px solid #e2e8f0;font-size:.9375rem;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.poll-form input::placeholder,.poll-form textarea::placeholder{color:#94a3b8}.poll-form input:focus,.poll-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.poll-form textarea{resize:vertical;min-height:88px}.option-row{display:flex;gap:.5rem;align-items:center}.option-row input{flex:1}.remove-btn{flex-shrink:0;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s ease,color .2s ease,border-color .2s ease}.remove-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.add-option{align-self:flex-start;background:#f1f5f9;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.add-option:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.form-row{display:flex;gap:1rem}.form-group{flex:1;display:flex;flex-direction:column;gap:.35rem}.location-selects{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.add-location-btn{margin-top:.5rem;padding:.6rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 2px 8px #dc26264d}.add-location-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #dc262659}.add-location-btn:active{transform:translateY(0)}.added-locations-container{margin-top:.75rem;padding:.85rem 1rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.added-locations-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.added-locations-list{display:flex;flex-direction:column;gap:.4rem}.added-location-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background:#fff;font-size:.8125rem;color:#1e40af;border:1px solid #e2e8f0}.added-location-remove{border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:1rem;padding:.2rem;line-height:1;transition:color .2s ease}.added-location-remove:hover{color:#dc2626}.multi-dropdown{position:relative;flex:1;min-width:120px}.multi-dropdown-toggle{width:100%;padding:.6rem .85rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;color:#334155;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.multi-dropdown-toggle:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.multi-dropdown-toggle:not(:disabled):hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multi-dropdown-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-dropdown-arrow{width:0;height:0;margin-left:.5rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #64748b;flex-shrink:0}.multi-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;background:#fff;border-radius:10px;box-shadow:0 10px 40px #0f172a1f,0 1px 3px #0000000f;padding:.4rem 0;z-index:20;overflow-y:auto;border:1px solid #e2e8f0}.multi-dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.9375rem;color:#334155;cursor:pointer;transition:background .15s ease}.multi-dropdown-option:hover{background:#f1f5f9}.multi-dropdown-option input{width:16px;height:16px;margin:0}.published-btn{margin-top:.5rem;padding:.75rem 1.25rem;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #2563eb4d}.published-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.published-btn:active{transform:translateY(0)}.poll-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.poll-toggle-label{font-size:.8125rem;color:#475569;flex:1;font-weight:500}.poll-toggle-switch{position:relative;width:44px;height:24px;display:inline-block;flex-shrink:0}.poll-toggle-switch input{opacity:0;width:0;height:0}.poll-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;transition:.25s ease;border-radius:999px}.poll-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.25s ease;border-radius:50%;box-shadow:0 2px 6px #00000026}.poll-toggle-switch input:checked+.poll-toggle-slider{background:linear-gradient(135deg,#22c55e,#16a34a)}.poll-toggle-switch input:checked+.poll-toggle-slider:before{transform:translate(20px)}.poll-preview{max-height:1125px;overflow-y:auto;padding-right:8px}.poll-header{display:flex;justify-content:space-between}.status-actives{color:#16a34a;background:#dbf3db;border-radius:10px;padding:5px 10px;font-weight:600;height:40px}.status-inactive{color:#dc2626;background:#ebd4d4;border-radius:10px;padding:5px 10px;font-weight:600;height:40px}.poll-preview-section-title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:#0f172a}.poll-preview::-webkit-scrollbar{width:6px}.poll-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.poll-preview::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.poll-preview::-webkit-scrollbar-thumb:hover{background:#555}.poll-card{background:#f8fafc;padding:1.25rem;border-radius:14px;margin-bottom:1rem;border:1px solid #e2e8f0;transition:box-shadow .2s ease,border-color .2s ease}.poll-card:hover{box-shadow:0 4px 20px #0f172a0f;border-color:#cbd5e1}.poll-card:last-child{margin-bottom:0}.poll-question{font-weight:600;font-size:1rem;margin:0 0 1rem;color:#1e293b;line-height:1.4}.poll-option{margin-bottom:.75rem}.poll-option:last-of-type{margin-bottom:0}.option-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:.35rem;color:#334155}.option-text span:last-child{font-weight:600;color:#0f172a}.option-vote-info{display:flex;align-items:center;gap:.35rem}.option-vote-count{font-weight:700;font-size:.82rem}.option-vote-percent{font-weight:500;color:#64748b;font-size:.82rem}.progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar div{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.votes-summary{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.total-votes{font-size:.8125rem;color:#64748b;margin:0;font-weight:500}.votes-breakdown-toggle{padding:.4rem .85rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.votes-breakdown-toggle:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.votes-breakdown{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed #e2e8f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem 1rem}.votes-breakdown-section h5{margin:0 0 .4rem;font-size:.6875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.votes-breakdown-section ul{list-style:none;padding:0;margin:0}.votes-breakdown-section li{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding:.4rem .6rem;border-radius:8px;background:#f1f5f9;color:#475569;margin-bottom:.25rem}.votes-breakdown-section li:last-child{margin-bottom:0}.votes-breakdown-label{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.votes-breakdown-count{font-weight:600;color:#0f172a;flex-shrink:0}.votes-breakdown-empty{grid-column:1 / -1;font-size:.8125rem;color:#94a3b8;margin:0}.poll-actions{margin-top:.85rem;padding-top:.75rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;flex-wrap:wrap}.edit-poll-btn,.delete-poll-btn{padding:.45rem .9rem;border-radius:10px;border:none;font-size:.8125rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.edit-poll-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.edit-poll-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f659}.delete-poll-btn{background:#fff;color:#dc2626;border:1px solid #fecaca;box-shadow:0 1px 3px #0000000f}.delete-poll-btn:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 8px #dc262633}.empty-text{color:#94a3b8;font-size:.9375rem;margin:0;padding:2rem 1rem;text-align:center;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.poll-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:poll-modal-backdrop-in .2s ease}@keyframes poll-modal-backdrop-in{0%{opacity:0}to{opacity:1}}.poll-modal{background:#fff;border-radius:16px;padding:1.5rem 1.75rem;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #0003,0 0 0 1px #0000000d;position:relative;z-index:1101;animation:poll-modal-in .25s cubic-bezier(.22,1,.36,1)}@keyframes poll-modal-in{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.poll-modal.small{max-width:400px}.poll-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.poll-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.poll-modal-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;font-size:1.125rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.poll-modal-close:hover{background:#e2e8f0;color:#0f172a}.poll-modal-body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem;max-height:60vh;overflow-y:auto}.poll-modal-body .form-group{gap:.35rem}.poll-modal-body .form-group input,.poll-modal-body .form-group textarea{padding:.6rem .85rem;border-radius:10px;border:1px solid #e2e8f0;font-size:.9375rem}.poll-modal-body p{margin:0;font-size:.9375rem;color:#475569;line-height:1.5}.poll-modal-poll-title{font-weight:600;color:#1e293b;margin-top:.5rem!important}.poll-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.poll-modal-body::-webkit-scrollbar{width:6px}.poll-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.poll-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.poll-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-btn{padding:.6rem 1.25rem;border-radius:10px;border:none;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.modal-btn.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.modal-btn.secondary:hover{background:#e2e8f0;color:#334155}.modal-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb4d}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.modal-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc26264d}.modal-btn.danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc262659}@media (max-width: 1024px){.poll-layout,.poll-stats{grid-template-columns:1fr}.top-fields{flex-direction:column}.top-field.small{max-width:none}.form-row,.location-selects{flex-direction:column}.multi-dropdown{min-width:100%}}@media (max-width: 640px){.poll-admin-page{padding:1.25rem 1rem 2rem}.poll-admin-page>h2{font-size:1.5rem}.stat-card p{font-size:1.5rem}.poll-form,.poll-preview,.poll-modal{padding:1.25rem}}.poll-alert-body{display:flex;align-items:center;gap:.85rem;padding:1rem .5rem}.poll-alert-icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.1rem;font-weight:700;flex-shrink:0}.poll-alert-warning .poll-alert-icon{background:#fff7ed;color:#f97316;border:2px solid #fed7aa}.poll-alert-success .poll-alert-icon{background:#f0fdf4;color:#22c55e;border:2px solid #bbf7d0}.poll-alert-error .poll-alert-icon{background:#fff1f2;color:#ef4444;border:2px solid #fecaca}.poll-alert-body p{margin:0;font-size:.95rem;color:#374151;line-height:1.5}html[data-theme=dark] .poll-admin-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .poll-admin-page :is(h2,h3,p,.poll-form-section-title,.poll-preview-section-title,.poll-question,.option-text,.option-vote-info,.option-vote-count,.option-vote-percent,.votes-breakdown-label,.votes-breakdown-count,.votes-summary,.total-votes,.poll-modal-header h3,.poll-modal-poll-title,.poll-alert-body p){color:var(--text)!important}html[data-theme=dark] .poll-admin-page :is(.poll-page-subtitle,.empty-text,.votes-breakdown-empty){color:var(--muted)!important}html[data-theme=dark] .poll-admin-page :is(.poll-form,.poll-preview,.poll-card,.poll-modal,.multi-dropdown-menu){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page :is(input,textarea,select,.multi-dropdown-toggle,.modal-btn.secondary,.poll-modal-close){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .poll-admin-page :is(input::placeholder,textarea::placeholder){color:var(--muted)!important}html[data-theme=dark] .poll-admin-page :is(.multi-dropdown-arrow,.poll-modal-close,.poll-alert-icon,.delete-poll-btn svg,.edit-poll-btn svg){color:var(--text)!important}html[data-theme=dark] .poll-admin-page .poll-option{border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page .votes-breakdown{background:#0f172a8c!important;border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page .poll-toggle-row{background:var(--surface-2)!important;border:1px solid var(--border)!important}html[data-theme=dark] .poll-admin-page .poll-toggle-label{color:var(--text)!important}html[data-theme=dark] .poll-admin-page .status-actives{background:#16a34a38!important;color:#86efac!important;border:1px solid rgba(34,197,94,.45)!important}html[data-theme=dark] .poll-admin-page .status-inactive{background:#dc262638!important;color:#fca5a5!important;border:1px solid rgba(248,113,113,.45)!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-menu{box-shadow:0 10px 40px #00000073!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-option,html[data-theme=dark] .poll-admin-page .multi-dropdown-option span{color:var(--text)!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-option:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-option:hover span{color:inherit!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-toggle:disabled{background:#0f172a99!important;color:var(--muted)!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-label{color:inherit!important}html[data-theme=dark] .poll-admin-page .multi-dropdown-arrow{border-top-color:var(--muted)!important}html[data-theme=dark] .poll-admin-page .added-locations-container{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page .added-locations-title{color:var(--muted)!important}html[data-theme=dark] .poll-admin-page .added-location-item{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page .added-location-remove{color:var(--muted)!important}html[data-theme=dark] .poll-admin-page .added-location-remove:hover{color:#fecaca!important}html[data-theme=dark] .poll-admin-page :is(.remove-btn,.add-option,.add-location-btn,.published-btn,.edit-poll-btn,.delete-poll-btn,.votes-breakdown-toggle,.modal-btn){color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .poll-admin-page .remove-btn{background:#7f1d1d59!important;color:#fecaca!important;border-color:#f8717173!important}html[data-theme=dark] .poll-admin-page .remove-btn:hover{background:#991b1b73!important;color:#fee2e2!important}html[data-theme=dark] .poll-admin-page .add-option,html[data-theme=dark] .poll-admin-page .votes-breakdown-toggle{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=dark] .poll-admin-page .add-option:hover,html[data-theme=dark] .poll-admin-page .votes-breakdown-toggle:hover{background:#94a3b81f!important;color:#f8fafc!important;border-color:#94a3b859!important}html[data-theme=dark] .poll-admin-page .delete-poll-btn{background:#7f1d1d59!important;color:#fecaca!important;border:1px solid rgba(248,113,113,.45)!important}html[data-theme=dark] .poll-admin-page .delete-poll-btn:hover{background:#991b1b73!important;color:#fee2e2!important}html[data-theme=dark] .poll-admin-page :is(.add-location-btn,.published-btn,.edit-poll-btn,.modal-btn.primary,.modal-btn.danger){color:#fff!important}html[data-theme=dark] .poll-admin-page .modal-btn.secondary{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=dark] .poll-admin-page .modal-btn.secondary:hover{background:#94a3b81f!important;color:#f8fafc!important}.deleted-news-page{width:100%}.deleted-news-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.deleted-news-header h1{margin:0;font-size:1.5rem;font-weight:600}.clear-all-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #ef4444;background:#ef4444;color:#fff;border-radius:8px;padding:.55rem .9rem;cursor:pointer}.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.deleted-news-controls{margin-bottom:1rem}.deleted-news-search-wrap{max-width:500px;position:relative}.deleted-news-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#64748b}.deleted-news-search-wrap input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:.7rem .9rem .7rem 2.2rem;font-size:.9rem}.deleted-news-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto}.deleted-news-table{width:100%;border-collapse:collapse}.deleted-news-table th,.deleted-news-table td{border-bottom:1px solid #f1f5f9;padding:.8rem;text-align:left}.deleted-news-table th{font-size:.85rem;color:#334155;background:#f8fafc}.deleted-news-table td{font-size:.85rem;color:#334155}.empty-row{text-align:center!important;color:#64748b!important}html[data-theme=dark] .deleted-news-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .deleted-news-header h1{color:var(--text)!important}html[data-theme=dark] .deleted-news-search-icon{color:var(--muted)!important}html[data-theme=dark] .deleted-news-search-wrap input{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .deleted-news-search-wrap input::placeholder{color:var(--muted)!important}html[data-theme=dark] .deleted-news-table-wrap{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .deleted-news-table th{background:var(--surface-2)!important;color:var(--text)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .deleted-news-table td{color:var(--text)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .deleted-news-table tbody tr:hover{background:#94a3b814!important}html[data-theme=dark] .empty-row{color:var(--muted)!important}.analytics-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f9fc;min-height:100vh}.hierarchy-dropdown{max-height:300px;overflow-y:auto}.location-dropdown-item{padding:8px 12px;cursor:pointer}.location-dropdown-item:hover{background:#f3f4f6}.back-btn{font-weight:600;color:#3b82f6}.analytics-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.analytics-header h1{font-size:1.5rem;color:#1e293b;margin:0;font-weight:600}.location-dropdown-wrapper{position:relative}.location-dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#475569;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;-webkit-tap-highlight-color:transparent}.location-dropdown-btn:hover{border-color:#3b82f6;background:#f8fafc}.location-dropdown-btn svg{color:#3b82f6}.dropdown-chevron{transition:transform .2s ease;color:#94a3b8!important}.dropdown-chevron.rotated{transform:rotate(180deg)}.location-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 40px #0000001f;min-width:180px;max-height:280px;overflow-y:auto;z-index:100;animation:dropdownSlide .15s ease-out;-webkit-overflow-scrolling:touch}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.location-dropdown-item{padding:.625rem 1rem;font-size:.875rem;color:#475569;cursor:pointer;transition:all .15s ease}.location-dropdown-item:hover{background:#f1f5f9;color:#1e293b}.location-dropdown-item.active{background:#eff6ff;color:#3b82f6;font-weight:500}.location-dropdown-item:first-child{border-radius:8px 8px 0 0}.location-dropdown-item:last-child{border-radius:0 0 8px 8px}.analytics-stats-grids{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.analytics-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.analytics-stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;transition:all .2s ease}.analytics-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.analytics-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.analytics-stat-label{font-size:.875rem;color:#64748b;font-weight:500}.analytics-stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.analytics-stat-change{font-size:.75rem;color:#94a3b8}.users-card-with-dropdown{position:relative}.stat-label-with-dropdown{display:flex;align-items:center;justify-content:space-between;gap:19.5rem;width:100%}.users-period-dropdown-wrapper{position:relative}.users-period-dropdown-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;color:#475569;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.users-period-dropdown-btn:hover{border-color:#06b6d4;background:#ecfeff}.users-period-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 40px #0000001f;min-width:120px;z-index:100;animation:dropdownSlide .15s ease-out;overflow:hidden}.users-period-dropdown-item{padding:.5rem .75rem;font-size:.8rem;color:#475569;cursor:pointer;transition:all .15s ease}.users-period-dropdown-item:hover{background:#f1f5f9;color:#1e293b}.users-period-dropdown-item.active{background:#cffafe;color:#06b6d4;font-weight:600}.analytics-charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.analytics-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.analytics-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.filter-dropdown{padding:4px 8px;border-radius:6px;border:1px solid #ddd;font-size:14px;cursor:pointer}.line-chart-container{display:flex;gap:.5rem}.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:.7rem;color:#94a3b8;text-align:right;padding-bottom:20px;min-width:40px}.chart-area{flex:1;display:flex;flex-direction:column;min-width:0}.line-chart-svg{width:100%;height:150px}.session-chart{height:120px}.chart-x-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;margin-top:.5rem;padding:0 .25rem}.session-labels{font-size:.6rem}.category-chart-container{display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.pie-chart-with-labels{position:relative;width:200px;height:200px}.pie-chart-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px}.pie-segment{transition:transform .2s ease;transform-origin:center;cursor:pointer}.pie-segment:hover{opacity:.85}.pie-label{position:absolute;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none}.city-bars-container{display:flex;flex-direction:column;gap:.875rem}.city-chart-header{display:flex;align-items:center;margin-bottom:.5rem}.city-header-spacer{min-width:80px}.city-scale-labels{flex:1;display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8;font-style:italic}.city-bar-item{display:flex;align-items:center;gap:1rem}.city-name{min-width:80px;font-size:.85rem;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-bar-track{flex:1;height:28px;background:transparent;border-radius:6px;overflow:hidden}.city-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;background-color:#a5b4fc}.retention-container{display:flex;flex-direction:column;gap:1.25rem}.retention-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:.5rem}.retention-item:last-child{border-bottom:none}.retention-label{font-size:.9rem;color:#475569;display:flex;align-items:center;gap:.5rem}.retention-label:before{content:"📊";font-size:1rem}.retention-value{font-size:1rem;font-weight:600;color:#1e293b}.performance-container{display:flex;flex-direction:column;gap:1.25rem}.performance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:.5rem}.performance-item:last-child{border-bottom:none}.performance-label{font-size:.9rem;color:#475569}.performance-value{font-size:1rem;font-weight:600;color:#1e293b}@media (max-width: 1200px){.analytics-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.analytics-charts-row{grid-template-columns:1fr}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-stats-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-header h1{font-size:1.25rem}.location-dropdown-btn{padding:.5rem .75rem;font-size:.8rem}.location-dropdown-menu{left:0;right:auto}.analytics-stat-value{font-size:1.5rem}.city-percentage-labels{display:none}.city-name{min-width:60px;font-size:.75rem}.analytics-card{padding:1rem}.pie-chart-with-labels{width:160px;height:160px}.pie-chart-svg{width:200px;height:200px}.chart-y-labels{min-width:30px;font-size:.6rem}}@media (max-width: 480px){.analytics-stat-card{padding:1rem;flex-direction:column;gap:.75rem}.analytics-stat-icon{width:40px;height:40px}.analytics-stat-value{font-size:1.35rem}.city-bar-item{flex-direction:column;align-items:flex-start;gap:.5rem}.city-name{min-width:auto}.city-bar-track{width:100%;height:24px}.retention-item,.performance-item{flex-direction:column;align-items:flex-start;gap:.25rem}.pie-chart-with-labels{width:140px;height:140px}.pie-chart-svg{width:180px;height:180px}}.analytics-card-header-with-input{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.analytics-card-header-with-input .analytics-card-title{margin:0}.days-filter-input{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.days-filter-input label{font-weight:500;color:#64748b}.days-input{width:60px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;text-align:center;color:#1e293b;transition:all .2s ease;background:#f8fafc}.days-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.days-input:hover{border-color:#cbd5e1}.days-filter-input span{font-weight:500;color:#64748b}.date-filter-input{display:flex;align-items:center;gap:.5rem}.date-input{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;cursor:pointer;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.date-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.date-input:hover{border-color:#cbd5e1;background:#fff}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;color:#3b82f6;opacity:.7;transition:opacity .2s ease}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}@media (max-width: 768px){.analytics-card-header-with-input{flex-direction:column;align-items:flex-start}.days-filter-input{font-size:.8rem}.days-input{width:50px;padding:.3rem .4rem;font-size:.8rem}.date-input{font-size:.8rem;padding:.3rem .6rem}}@media (max-width: 480px){.days-filter-input{width:100%;justify-content:space-between}.date-filter-input,.date-input{width:100%}}html[data-theme=dark] .analytics-page .location-dropdown-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 1px 3px #00000040}html[data-theme=dark] .analytics-page .location-dropdown-btn:hover{background:#94a3b81f!important;border-color:#60a5fa66!important;color:#f8fafc!important}html[data-theme=dark] .analytics-page .location-dropdown-btn svg{color:#60a5fa!important}html[data-theme=dark] .analytics-page .location-dropdown-btn .dropdown-chevron{color:var(--muted)!important}html[data-theme=dark] .analytics-page .location-dropdown-menu{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 10px 40px #00000073!important}html[data-theme=dark] .analytics-page .location-dropdown-menu .location-dropdown-item{color:var(--text)!important}html[data-theme=dark] .analytics-page .location-dropdown-menu .location-dropdown-item:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .analytics-page .location-dropdown-menu .location-dropdown-item.active{background:#3b82f62e!important;color:#93c5fd!important}html[data-theme=dark] .analytics-page .location-dropdown-menu .location-dropdown-item.back-btn{color:#93c5fd!important}html[data-theme=dark] .analytics-page .users-period-dropdown-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .analytics-page .users-period-dropdown-btn:hover{background:#06b6d424!important;border-color:#06b6d459!important;color:#ecfeff!important}html[data-theme=dark] .analytics-page .users-period-dropdown-btn .dropdown-chevron{color:var(--muted)!important}html[data-theme=dark] .analytics-page .users-period-dropdown-menu{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 10px 40px #00000073!important}html[data-theme=dark] .analytics-page .users-period-dropdown-item{color:var(--text)!important}html[data-theme=dark] .analytics-page .users-period-dropdown-item:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .analytics-page .users-period-dropdown-item.active{background:#06b6d438!important;color:#67e8f9!important;font-weight:600}.reporters-wrapper{padding:0;background:#f4f6f9;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.reporters-wrapper .reporters-loading-cell{padding:2rem!important;vertical-align:middle;text-align:center}.reporters-wrapper .reporters-loading-cell .reporters-loading{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:120px}.reporters-spinner{display:flex;align-items:center;justify-content:center}.reporters-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:reporters-spin 1s linear infinite}.reporters-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes reporters-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:700;color:#1a1a2e;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.add-btn{font-size:.875rem;background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;padding:.6rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #dc262640;-webkit-tap-highlight-color:transparent}.add-btn:hover{background:linear-gradient(90deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.stats-box{margin-bottom:1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{font-size:.9rem;background:#fff;padding:1rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.stat1,.stat2,.stat3,.stat4{color:#fff;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat1{background:#2563eb}.stat2{background:#f0b100}.stat3{background:#16a34a}.stat4{background:#dc2626}.stat-item span:last-child{font-weight:600;color:#1a1a2e}.filter-box{margin-bottom:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap}.search-box{flex:1;min-width:200px;padding:.75rem 1rem;border-radius:10px;border:1px solid #e5e7eb;font-size:.9rem;background:#fff;transition:all .2s ease}.search-box:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-controls{display:flex;gap:.75rem;flex-wrap:wrap}.status-dropdown-btn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;min-width:150px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:.9rem;color:#374151;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.status-dropdown-btn:hover{border-color:#d1d5db}.status-dropdown-menu{position:absolute;top:110%;left:0;right:0;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026;z-index:100;overflow:hidden}.status-option{padding:.75rem 1rem;cursor:pointer;font-size:.9rem;color:#374151;transition:all .15s ease}.status-option:hover{background:#f1f5f9}.status-option.active{background:#2563eb;color:#fff}.table-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;overflow-x:auto;-webkit-overflow-scrolling:touch}.reporters-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:800px}.reporters-table th,.reporters-table td{padding:.875rem .75rem;text-align:left;border-bottom:1px solid #f1f5f9}.reporters-table th{background:#f8fafc;font-weight:600;color:#374151;white-space:nowrap;font-size:.8rem}.reporters-table tr:last-child td{border-bottom:none}.reporters-table tbody tr{transition:background .15s ease}.reporters-table tbody tr:hover{background:#fafbfc}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-pending{background:#fef3c7;color:#d97706}.view-btns{background:#eff6ff;color:#3b82f6;padding:.5rem .75rem;border-radius:6px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.view-btns:hover{background:#3b82f6;color:#fff}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:.35rem;-webkit-tap-highlight-color:transparent}.action-btn.view-btn{background:#eff6ff;color:#3b82f6}.action-btn.view-btn:hover{background:#3b82f6;color:#fff}.action-btn.delete-btn{background:#fef2f2;color:#ef4444}.action-btn.delete-btn:hover{background:#ef4444;color:#fff}.pagination{margin-top:1.25rem;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.page-btn{padding:.5rem .875rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.page-btn:hover{border-color:#3b82f6;color:#3b82f6}.page-btn.active{background:#a4a7ad;border-color:#2563eb;color:#fff}@media (max-width: 1200px){.stats-box{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.header{font-size:1.25rem}.filter-box{flex-direction:column}.filter-controls{width:100%}.status-dropdown-btn{flex:1}}@media (max-width: 768px){.stats-box{grid-template-columns:1fr 1fr;gap:.75rem}.stat-item{padding:.875rem;font-size:.85rem}.reporters-table{font-size:.8rem;min-width:650px}.reporters-table th,.reporters-table td{padding:.75rem .5rem}.status-dropdown-btn{min-width:120px;padding:.625rem .875rem;font-size:.85rem}}@media (max-width: 480px){.header{font-size:1.125rem;flex-direction:column;align-items:flex-start}.add-btn{width:100%;text-align:center}.stats-box{grid-template-columns:1fr}.filter-controls{flex-direction:column}.status-dropdown-container,.status-dropdown-btn{width:100%}.reporters-table{min-width:550px;font-size:.75rem}.reporters-table th,.reporters-table td{padding:.5rem .4rem}.action-btn{width:28px;height:28px}.pagination{gap:.35rem}.page-btn{padding:.4rem .65rem;font-size:.8rem}}html[data-theme=dark] .reporters-wrapper{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .reporters-wrapper .header,html[data-theme=dark] .reporters-wrapper .stat-item span:last-child,html[data-theme=dark] .reporters-wrapper .reporters-table td,html[data-theme=dark] .reporters-wrapper .reporters-table th,html[data-theme=dark] .reporters-wrapper .status-dropdown-btn,html[data-theme=dark] .reporters-wrapper .status-option,html[data-theme=dark] .reporters-wrapper .page-btn,html[data-theme=dark] .reporters-wrapper .reporters-loading-text{color:var(--text)!important}html[data-theme=dark] .reporters-wrapper .stat-item,html[data-theme=dark] .reporters-wrapper .table-box,html[data-theme=dark] .reporters-wrapper .search-box,html[data-theme=dark] .reporters-wrapper .status-dropdown-btn,html[data-theme=dark] .reporters-wrapper .status-dropdown-menu,html[data-theme=dark] .reporters-wrapper .page-btn{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .reporters-wrapper .reporters-table th{background:var(--surface-2)!important}html[data-theme=dark] .reporters-wrapper .reporters-table tbody tr:hover{background:#94a3b814!important}html[data-theme=dark] .reporters-wrapper .search-box::placeholder{color:var(--muted)!important}.users-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6fa;min-height:100vh}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.users-table-loading-cell{padding:2rem!important;text-align:center;vertical-align:middle}.users-loading-inline{min-height:auto;padding:1.5rem;gap:.75rem}.users-spinner{display:flex;align-items:center;justify-content:center}.users-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:users-spin 1s linear infinite}.users-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes users-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-header{margin-bottom:1.25rem}.users-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.guest-users-stat{font-size:.85rem;color:#374151;font-weight:500;margin-bottom:.35rem}.guest-users-stat .guest-count{font-weight:700;color:#ef4444;background:#fee2e2;padding:.1rem .5rem;border-radius:12px;font-size:.85rem;margin-left:.25rem}.users-controls{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.25rem}.users-page .search-container{flex:1;position:relative;min-width:200px;max-width:800px}.search-row{display:flex;gap:.75rem;flex-wrap:wrap}.users-page .search-icon{position:absolute;left:1rem;top:60%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem}.users-page .search-input{margin-top:15px;height:45px;width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #c7c2c2;border-radius:10px;font-size:.9rem;background:#fff;transition:all .2s ease}.users-page .search-input:focus{outline:none;border-color:#b5b6b6}.users-page .search-input::placeholder{color:#94a3b8}.users-page .filter-btn{display:flex;align-items:center;justify-content:center;width:55px;height:46px;margin-top:13px;border:1px solid rgb(197,192,192);border-radius:8px;background:#fff;color:#a18f8f;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.users-page .filter-btn:hover{background:#e4e2e2;border-color:#848485;color:#454546}.users-page .filter-btn svg{font-size:2rem}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:800px}.users-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.users-table th{padding:.875rem .75rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:.8rem}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#fafbfc}.users-table td{padding:.75rem;vertical-align:middle;color:#374151}.users-table .user-image-cell{width:72px}.user-table-avatar,.user-table-avatar-fallback{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-table-avatar{border:1px solid #e2e8f0;display:block}.user-table-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#ef4444;background:#fee2e2;border:1px solid #fecaca}.users-table .sno-cell{font-weight:500;color:#64748b;width:50px}.users-table .name-cell{font-weight:500;color:#1a1a2e}.users-table .email-cell{color:#64748b;font-size:.8rem}.users-table .date-cell,.users-table .lastactive-cell{white-space:nowrap;font-size:.8rem;color:#64748b}.users-table .location-cell{white-space:nowrap;font-size:.8rem}.users-table .status-cell{width:100px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.status-badge.status-active{background:#dcfce7;color:#16a34a}.status-badge.status-inactive{background:#fee2e2;color:#dc2626}.status-badge.status-suspended{background:#fef3c7;color:#d97706}.users-table .actions-cell{min-width:90px;white-space:nowrap}.action-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:.35rem;flex-shrink:0;-webkit-tap-highlight-color:transparent}.users-page .view-btn{height:45px;width:45px;background:#f1f3f7;color:#3b82f6}.users-page .view-btn:hover{background:#3b82f6;color:#fff}.users-page .delete-btn{height:45px;width:45px;background:#f7f3f3;color:#ef4444}.users-page .delete-btn:hover{background:#ef4444;color:#fff}.action-btn svg{font-size:1.1rem;display:block;width:18px;height:18px}.user-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;color:#1a1a2e;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.back-btn:hover{color:#3b82f6}.back-btn svg{font-size:1.25rem}.suspend-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.suspend-btn:hover{background:#dc2626;transform:translateY(-1px)}.suspend-btn svg{font-size:1.1rem}.user-profile-content{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.user-profile-left{position:sticky;top:1rem;height:fit-content}.user-profile-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;text-align:center}.user-avatar-large{margin-bottom:1rem}.user-avatar-large img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #f1f5f9}.avatar-initials-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);border:4px solid #fef2f2;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#ef4444;margin:0 auto}.user-profile-name{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.status-badge-large{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1.25rem}.status-badge-large.status-active{background:#dcfce7;color:#16a34a}.user-details-list{text-align:left;padding:1rem 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.user-detail-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;color:#4b5563}.detail-icon{font-size:1.1rem;color:#94a3b8;flex-shrink:0}.activity-stats{margin-top:1.25rem}.activity-stats h3{font-size:.9rem;font-weight:600;color:#1a1a2e;margin:0 0 1rem;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-box{background:#f8fafc;border-radius:10px;padding:.875rem;text-align:center;border:1px solid #e2e8f0}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#1a1a2e;line-height:1}.stat-text{display:block;font-size:.7rem;color:#64748b;margin-top:.35rem}.user-profile-right{display:flex;flex-direction:column;gap:1.5rem}.activity-section{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 1rem}.section-icon{font-size:1.1rem;color:#ef4444}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.activity-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px}.activity-icon.viewed{color:#ef4444}.activity-icon.commented{color:#f59e0b}.activity-icon.liked{color:#8b5cf6}.activity-icon.saved{color:#ef4444}.activity-content{display:flex;flex-direction:column;flex:1;min-width:0}.activity-label{font-size:.8rem;font-weight:600;color:#ef4444}.activity-title{font-size:.9rem;color:#1a1a2e;font-weight:500}.activity-time{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{padding:1rem;background:#f8fafc;border-radius:10px;position:relative}.comment-text{font-size:.9rem;color:#1a1a2e;margin:0 0 .5rem;line-height:1.5}.comment-article{font-size:.85rem;color:#ef4444;text-decoration:none;font-weight:500}.comment-article:hover{text-decoration:underline}.comment-time{position:absolute;top:1rem;right:1rem;font-size:.75rem;color:#94a3b8}.saved-articles-list{display:flex;flex-direction:column;gap:.75rem}.saved-article-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8fafc;border-radius:10px;transition:background .2s ease}.saved-article-item:hover{background:#f1f5f9}.article-thumbnail{width:60px;height:45px;flex-shrink:0}.thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:6px}.article-info{flex:1;min-width:0}.article-title{font-size:.9rem;font-weight:500;color:#1a1a2e;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-category{font-size:.75rem;color:#64748b}.article-date{font-size:.8rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}@media (max-width: 1200px){.user-profile-content{grid-template-columns:280px 1fr}}@media (max-width: 1024px){.user-profile-content{grid-template-columns:1fr}.user-profile-left{position:static}.user-profile-card{max-width:400px;margin:0 auto}}@media (max-width: 768px){.users-header h1{font-size:1.25rem}.users-table{font-size:.8rem;min-width:650px}.users-table th,.users-table td{padding:.5rem}.user-profile-header{flex-direction:column;gap:1rem;align-items:flex-start}.suspend-btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}.comment-time{position:static;display:block;margin-top:.5rem}.users-page .view-btn,.users-page .delete-btn{width:38px;height:38px}}@media (max-width: 480px){.users-controls{flex-direction:column}.users-page .search-container{max-width:100%;min-width:auto}.users-page .filter-btn{width:100%;margin-top:0}.saved-article-item{flex-direction:column;align-items:flex-start;gap:.5rem}.article-thumbnail{width:100%;height:120px}.article-date{align-self:flex-end}.users-table{min-width:550px;font-size:.75rem}.users-page .search-input{font-size:16px}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.pagination button{padding:6px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem}.pagination span{font-weight:500;font-size:.9rem}html[data-theme=dark] .users-page .guest-users-stat{color:var(--text)!important}html[data-theme=dark] .users-page .guest-users-stat .guest-count{background:#dc262638!important;color:#fca5a5!important;border:1px solid rgba(248,113,113,.45)!important}.media-library{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.media-library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.media-library-loading-inline{min-height:40vh;margin-top:0;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f}.media-library-spinner{display:flex;align-items:center;justify-content:center}.media-library-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:media-library-spin 1s linear infinite}.media-library-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes media-library-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-library-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;letter-spacing:-.025em}.media-search-container{position:relative;display:flex;max-width:100%;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.loc{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#1a1a2e;outline:none;transition:border-color .2s ease,box-shadow .2s ease;min-width:150px}.loc:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text{font-size:1rem;color:#1a1a2e;font-weight:500}.from-date,.to-date{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.search-input-wrapper{position:relative;flex:1;min-width:200px;width:100%}.media-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;box-shadow:0 1px 3px #0000000a;transition:all .25s ease}.search-icon{position:absolute;left:30px;right:30px;bottom:-20px;transform:translateY(-50%);color:#94a3b8;font-size:5rem;pointer-events:none}.media-search-container select,.media-search-container .date{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.media-search-container select:hover,.media-search-container .date:hover{border-color:#cbd5e1}.media-search-container select:focus,.media-search-container .date:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.media-search-input{flex:1;min-width:200px;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.media-search-input::placeholder{color:#94a3b8}.media-search-input:hover{border-color:#cbd5e1}.media-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f,0 1px 3px #0000000a}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#64748b;font-size:1rem;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}.media-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .35s cubic-bezier(.4,0,.2,1)}.media-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f,0 8px 16px #00000014;border-color:#0000000a}.media-image-container{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.media-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.media-card:hover .media-image{transform:scale(1.08);filter:brightness(.9)}.media-overlay{position:absolute;left:0;right:0;bottom:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);display:flex;align-items:center;justify-content:center;gap:.625rem;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.media-card:hover .media-overlay{opacity:1;transform:translateY(0)}.media-action-btn{width:42px;height:42px;border-radius:10px;border:none;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.media-action-btn:hover{background:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0003,0 2px 6px #0000001a}.media-action-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 10px #00000026}.media-action-btn.delete-btn{color:#dc2626;background:#fffffff2}.media-action-btn.delete-btn:hover{background:#fef2f2;color:#b91c1c}.media-info{padding:1rem 1.25rem}.media-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;flex-wrap:wrap;gap:.5rem}.media-category-tag{padding:.3rem .875rem;border-radius:6px;font-size:.7rem;font-weight:600;color:#e02626;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.media-size{font-size:.8rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:.25rem .625rem;border-radius:4px}.media-author{font-size:.875rem;color:#1e293b;margin-bottom:.375rem}.media-author b{color:#64748b;font-weight:500}.author-label{color:#64748b}.media-date{font-size:.8rem;color:#64748b;margin-bottom:.25rem}.media-date b{color:#94a3b8;font-weight:500}.date-label{color:#94a3b8}@media (max-width: 1200px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.media-search-container{flex-direction:column;gap:.75rem}.media-search-input{width:100%;min-width:auto}.from-date,.to-date{flex:1}}@media (max-width: 768px){.media-library-title{font-size:1.25rem}.media-grid{grid-template-columns:1fr;gap:1.25rem}.media-search-container{max-width:100%;flex-direction:column;gap:.75rem}.loc{width:100%;min-width:auto}.from-date,.to-date{width:100%}.date-range{flex-wrap:wrap;gap:.75rem}.media-action-btn{width:38px;height:38px;font-size:1rem;border-radius:8px}.media-image-container{height:200px}}@media (max-width: 480px){.media-library-title{font-size:1.125rem}.media-info{padding:.875rem 1rem}.media-meta-row{flex-direction:column;align-items:flex-start;gap:.5rem}.media-image-container{height:180px}.media-search-container select,.media-search-container .date,.media-search-input{font-size:16px}}.media-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal-content{position:relative;background:#fff;border-radius:16px;overflow:hidden;max-width:90%;max-height:90vh;box-shadow:0 25px 50px #0000004d;animation:scaleIn .25s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.media-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#fffffff2;color:#374151;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .2s ease;z-index:10}.media-modal-close:hover{background:#f1f5f9;transform:scale(1.1)}.media-modal-image{max-width:100%;max-height:70vh;object-fit:contain;display:block}.media-modal-info{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.media-modal-info p{margin:.375rem 0;font-size:.9rem;color:#374151}.media-modal-info p b{color:#64748b;font-weight:500}.media-modal-info .media-category-tag{margin-bottom:.75rem;display:inline-block}@media (max-width: 768px){.media-modal-content{max-width:95%}.media-modal-image{max-height:50vh}.media-modal-info{padding:1rem}}.posts-view{animation:fadeIn .3s ease}.posts-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translate(-3px);box-shadow:0 4px 12px #3b82f626}.back-btn svg{font-size:1.1rem}.posts-category-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.posts-count{font-size:1rem;font-weight:400;color:#64748b}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .35s cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f,0 8px 16px #00000014;border-color:#0000000a}.post-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.post-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.post-image-container video{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.post-card:hover .post-image{transform:scale(1.08);filter:brightness(.9)}.post-card:hover .media-overlay{opacity:1;transform:translateY(0)}.post-info{padding:1rem 1.25rem}.post-title{font-size:.95rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.post-date{font-size:.8rem;color:#64748b;margin:0}.post-date b{color:#94a3b8;font-weight:500}.media-card{cursor:pointer}@media (max-width: 768px){.posts-header{flex-direction:column;align-items:flex-start;gap:1rem}.posts-grid{grid-template-columns:1fr;gap:1.25rem}.posts-category-title{font-size:1.1rem}.post-image-container{height:180px}}@media (max-width: 480px){.back-btn{padding:.625rem 1rem;font-size:.85rem}.posts-category-title{font-size:1rem;flex-wrap:wrap}.posts-count{font-size:.875rem}.post-info{padding:.875rem 1rem}}.comment-stat,.like-stat,.view-stat,.dislike-stat{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:.35rem;color:inherit;padding:0}.comment-stat:hover,.like-stat:hover,.view-stat:hover,.dislike-stat:hover{opacity:.85}.comments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200}.comments-modal{background:#fff;max-width:600px;width:100%;max-height:80vh;border-radius:14px;box-shadow:0 20px 40px #0000002e;overflow:hidden;display:flex;flex-direction:column}.comments-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.media-carousel-container{width:100%;position:relative}.media-carousel-wrapper{position:relative;width:100%;min-height:200px;max-height:400px;border-radius:8px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.media-carousel-wrapper video,.media-carousel-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.media-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;color:#1a1a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.media-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.1)}.media-nav-btn svg{font-size:1.5rem}.media-nav-prev{left:10px}.media-nav-next{right:10px}.media-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;z-index:10}.media-thumbnails{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.media-thumbnails::-webkit-scrollbar{height:6px}.media-thumbnails::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.media-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.media-thumbnails::-webkit-scrollbar-thumb:hover{background:#94a3b8}.media-thumbnail{position:relative;min-width:60px;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;flex-shrink:0;background:#f1f5f9}.media-thumbnail:hover{border-color:#3b82f6;transform:scale(1.05)}.media-thumbnail.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.media-thumbnail img,.media-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff}.video-overlay svg{font-size:1.2rem}.video-thumbnail-wrapper{position:relative;width:100%;height:100%}.video-indicator{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:.75rem;z-index:5}.video-indicator svg{font-size:1rem}.media-count-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:5}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#f3f4f6;color:#6b7280}.status-pending{background-color:#fef3c7;color:#d97706}.status-approved{background-color:#d1fae5;color:#059669}.status-published{background-color:#dbeafe;color:#2563eb}.status-rejected{background-color:#fee2e2;color:#dc2626}.status-na,.status-default{background-color:#f3f4f6;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.article-preview-modal{position:relative;z-index:1001}.comments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.comments-modal{position:relative;z-index:10000;max-width:520px;width:100%;max-height:80vh;background:#fff;border-radius:14px}.comments-list{padding:1rem 1.25rem;overflow-y:auto;gap:.75rem;display:flex;flex-direction:column}.comment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem .9rem;box-shadow:0 1px 2px #0000000a}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.85rem;color:#475569}.comment-author{font-weight:600;color:#0f172a}.comment-date{font-size:.8rem;color:#94a3b8}.comment-body{margin:0;color:#1f2937;line-height:1.45;font-size:.95rem}.no-comments{text-align:center;color:#94a3b8;padding:1rem 0}.media-delete-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1100}.media-delete-modal{background:#fff;border-radius:16px;padding:20px 22px;width:100%;max-width:400px;box-shadow:0 20px 40px #0f172a40}.media-delete-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.media-delete-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.media-delete-modal-close{background:transparent;border:none;font-size:16px;cursor:pointer;color:#6b7280;padding:4px}.media-delete-modal-close:hover{color:#111827}.media-delete-modal-body{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.media-delete-modal-body p{margin:0;font-size:14px;color:#374151}.media-delete-modal-item-title{font-weight:600;color:#111827}.media-delete-modal-footer{display:flex;justify-content:flex-end;gap:10px}.media-delete-modal-btn{padding:8px 16px;border-radius:999px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.media-delete-modal-btn.secondary{background:#e5e7eb;color:#111827}.media-delete-modal-btn.secondary:hover{background:#d1d5db}.media-delete-modal-btn.danger{background:#ef4444;color:#fff;box-shadow:0 4px 10px #ef444440}.media-delete-modal-btn.danger:hover{background:#dc2626}html[data-theme=dark] .media-library{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .media-library :is(.media-library-title,.text,.loc,.media-size,.media-author,.media-date,.posts-category-title,.posts-count,.post-title,.post-date,.comment-author,.comment-body,.media-delete-modal-header h3,.media-delete-modal-item-title,.media-delete-modal-body p){color:var(--text)!important}html[data-theme=dark] .media-library :is(.author-label,.date-label,.no-results,.no-comments,.comment-date,.media-loading-text){color:var(--muted)!important}html[data-theme=dark] .media-library :is(.media-library-loading-inline,.media-search-container,.media-grid .media-card,.media-modal-content,.comments-modal,.comment-card,.posts-header,.post-card,.media-delete-modal){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .media-library :is(.media-search-input,.to-date,.date,.media-delete-modal-btn.secondary){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .media-library .media-search-input::placeholder{color:var(--muted)!important}html[data-theme=dark] .media-library .media-modal-close,html[data-theme=dark] .media-library .media-delete-modal-close{color:var(--muted)!important}html[data-theme=dark] .media-library .media-modal-close:hover,html[data-theme=dark] .media-library .media-delete-modal-close:hover{color:var(--text)!important}html[data-theme=dark] .media-library .media-action-btn{background:#0f172aeb!important;color:#e2e8f0!important;border:1px solid rgba(148,163,184,.35)!important;box-shadow:0 4px 14px #00000059!important}html[data-theme=dark] .media-library .media-action-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .media-action-btn:hover{background:#1e293bf2!important;color:#f8fafc!important}html[data-theme=dark] .media-library .media-action-btn.delete-btn{color:#fecaca!important;background:#7f1d1d8c!important;border-color:#f8717173!important}html[data-theme=dark] .media-library .media-action-btn.delete-btn:hover{color:#fee2e2!important;background:#991b1ba6!important}html[data-theme=dark] .media-library .media-category-tag{color:#fecaca!important;background:#dc26262e!important;border:1px solid rgba(248,113,113,.35)!important;box-shadow:none!important}html[data-theme=dark] .media-library .search-icon{color:var(--muted)!important}html[data-theme=dark] .media-library .search-icon svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .posts-header h2{color:var(--text)!important}html[data-theme=dark] .media-library .posts-header .posts-count{color:var(--muted)!important}html[data-theme=dark] .media-library .posts-header .back-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .media-library .posts-header .back-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .posts-header .back-btn:hover{background:#94a3b81f!important;color:#f8fafc!important}html[data-theme=dark] .media-library .status-badge{border:1px solid transparent;background:#94a3b81f!important;color:#e2e8f0!important}html[data-theme=dark] .media-library .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b66!important}html[data-theme=dark] .media-library .status-approved{background:#16a34a38!important;color:#86efac!important;border-color:#22c55e66!important}html[data-theme=dark] .media-library .status-published{background:#3b82f638!important;color:#93c5fd!important;border-color:#60a5fa73!important}html[data-theme=dark] .media-library .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#f8717166!important}html[data-theme=dark] .media-library .status-na,html[data-theme=dark] .media-library .status-default{background:#94a3b826!important;color:#cbd5e1!important;border-color:#94a3b859!important}html[data-theme=dark] .media-library .article-preview-modal{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 25px 50px -12px #00000080!important}html[data-theme=dark] .media-library .article-preview-modal .modal-header{border-bottom-color:var(--border)!important}html[data-theme=dark] .media-library .article-preview-modal .modal-header h2{color:var(--text)!important}html[data-theme=dark] .media-library .article-preview-modal .close-btn{background:var(--surface-2)!important;color:var(--muted)!important}html[data-theme=dark] .media-library .article-preview-modal .close-btn:hover{background:#94a3b81f!important;color:var(--text)!important}html[data-theme=dark] .media-library .article-preview-modal .close-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .article-preview-modal .modal-content{background:var(--surface)!important;color:var(--text)!important}html[data-theme=dark] .media-library .article-preview-modal :is(.preview-headline,.preview-summary,.metadata-value,.language-hint){color:var(--text)!important}html[data-theme=dark] .media-library .article-preview-modal :is(.preview-label,.metadata-label){color:var(--muted)!important}html[data-theme=dark] .media-library .article-preview-modal .category-tag.politics{background:#dc262633!important;color:#fecaca!important;border:1px solid rgba(248,113,113,.35)!important}html[data-theme=dark] .media-library .article-preview-modal .media-carousel-wrapper{background:var(--surface-2)!important}html[data-theme=dark] .media-library .article-preview-modal .media-nav-btn{background:#0f172aeb!important;color:var(--text)!important;border:1px solid rgba(148,163,184,.35)!important}html[data-theme=dark] .media-library .article-preview-modal .media-nav-btn:hover{background:#1e293bf2!important;color:#f8fafc!important}html[data-theme=dark] .media-library .article-preview-modal .media-nav-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .article-preview-modal .media-thumbnail{background:var(--surface-2)!important}html[data-theme=dark] .media-library .article-preview-modal .media-thumbnail.active{border-color:#60a5fa!important;box-shadow:0 0 0 2px #3b82f640!important}html[data-theme=dark] .media-library .article-preview-modal .preview-stats{border-top-color:var(--border)!important}html[data-theme=dark] .media-library .article-preview-modal .preview-stats :is(.stat-item,.view-stat,.like-stat,.dislike-stat,.comment-stat){color:var(--muted)!important}html[data-theme=dark] .media-library .article-preview-modal .preview-stats svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .media-library .article-preview-modal .modal-actions{border-top-color:var(--border)!important}html[data-theme=dark] .media-library .article-preview-modal .modal-actions :is(.modal-save-btn,.modal-approve-btn,.modal-edit-btn){color:#fff!important}html[data-theme=dark] .media-library .article-preview-modal .modal-cancel-btn{color:var(--text)!important}html[data-theme=dark] .media-library .article-preview-modal :is(.edit-input,.edit-textarea,.edit-select){background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b66!important}html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-approved{background:#16a34a38!important;color:#86efac!important;border-color:#22c55e66!important}html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-published{background:#3b82f638!important;color:#93c5fd!important;border-color:#60a5fa73!important}html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-rejected{background:#dc262638!important;color:#fca5a5!important;border-color:#f8717166!important}html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-na,html[data-theme=dark] .media-library .article-preview-modal .preview-section .status-default{background:#94a3b826!important;color:#cbd5e1!important;border-color:#94a3b859!important}html[data-theme=dark] .media-library .comments-header{border-bottom-color:var(--border)!important}html[data-theme=dark] .media-library .comments-header h3{color:var(--text)!important}html[data-theme=dark] .media-library .comments-header .close-btn{background:var(--surface-2)!important;color:var(--muted)!important}.media-library .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.media-library .pagination button{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;border-radius:6px;font-size:.85rem}.media-library .pagination button:disabled{opacity:.5;cursor:not-allowed}.media-library .pagination span{font-size:.9rem;font-weight:500}.category-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.category-header{display:flex;justify-content:space-between;margin-bottom:15px}.category-loading-inline{min-height:40vh;margin-top:0;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.category-disabled{opacity:.45;filter:grayscale(100%)}.category-disabled .category-category-tag{text-decoration:line-through}.category-spinner{display:flex;align-items:center;justify-content:center}.category-disabled{opacity:.5;filter:grayscale(1)}.category-disabled .category-toggle-switch{opacity:1}.category-spinner .category-spinner-icon{font-size:3rem;color:#2563eb;animation:category-spin 1s linear infinite}.category-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes category-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-page-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;letter-spacing:-.025em}.category-search-container{position:relative;display:flex;max-width:100%;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-search-icons{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;z-index:1}.category-search-input{flex:1;min-width:200px;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-search-input::placeholder{color:#94a3b8}.category-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.category-loc{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff;color:#1a1a2e;outline:none;min-width:150px}.category-from-date,.category-to-date{padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.category-no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#64748b;font-size:1rem;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f,0 8px 16px #00000014}.category-image-container{position:relative;width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.category-image{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.category-card:hover .category-image{transform:scale(1.08);filter:brightness(.9)}.category-card:hover .category-media-overlay{opacity:1;transform:translateY(0)}.category-media-overlay{position:absolute;left:0;right:0;bottom:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);display:flex;align-items:center;justify-content:center;gap:.625rem;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.category-media-action-btn{width:42px;height:42px;border-radius:10px;border:none;background:#fffffff2;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;box-shadow:0 4px 12px #00000026;transition:all .25s ease}.category-media-action-btn:hover{background:#fff;transform:translateY(-3px) scale(1.05)}.category-media-action-btn.category-delete-btn{color:#dc2626}.category-media-action-btn.category-delete-btn:hover{background:#fef2f2;color:#b91c1c}.category-info{padding:1rem 1.25rem}.category-info-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.category-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.category-toggle-switch input{opacity:0;width:0;height:0}.category-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:24px;transition:background-color .25s ease,box-shadow .2s ease}.category-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 4px #0003}.category-toggle-switch input:checked+.category-toggle-slider{background-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.category-toggle-switch input:checked+.category-toggle-slider:before{transform:translate(20px)}.category-toggle-switch input:focus-visible+.category-toggle-slider{outline:2px solid #2563eb;outline-offset:2px}.category-category-tag{padding:.3rem .875rem;border-radius:6px;font-size:.7rem;font-weight:600;color:#e02626;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.category-info p{margin:0;font-size:.875rem;color:#1e293b}.category-posts-view{animation:category-fadeIn .3s ease}@keyframes category-fadeIn{0%{opacity:0}to{opacity:1}}.category-posts-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:all .25s ease}.category-back-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translate(-3px)}.category-posts-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.category-posts-count{font-size:1rem;font-weight:400;color:#64748b}.category-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .35s ease}.category-post-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.category-post-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.category-post-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .3s ease}.category-post-card:hover .category-post-image{transform:scale(1.08);filter:brightness(.9)}.category-video-thumbnail-wrapper{position:relative;width:100%;height:100%}.category-video-indicator{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;display:flex;align-items:center;font-size:.75rem;z-index:5}.category-media-count-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:5}.category-post-info{padding:1rem 1.25rem}.category-post-info p{margin:.25rem 0;font-size:.85rem;color:#64748b}.category-status-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background-color:#f3f4f6;color:#6b7280}.category-status-pending{background-color:#fef3c7;color:#d97706}.category-status-approved{background-color:#d1fae5;color:#059669}.category-status-published{background-color:#dbeafe;color:#2563eb}.category-status-rejected{background-color:#fee2e2;color:#dc2626}.category-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.category-article-modal{background:#fff;border-radius:16px;overflow:hidden;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000002e}.category-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.category-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.category-modal-close-btn{width:36px;height:36px;border:none;border-radius:50%;background:#f1f5f9;color:#374151;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.category-modal-close-btn:hover{background:#e2e8f0}.category-modal-content{padding:1.25rem 1.5rem}.category-preview-image{margin-bottom:1rem}.category-media-carousel-container{width:100%;position:relative}.category-media-carousel-wrapper{position:relative;width:100%;min-height:200px;max-height:400px;border-radius:8px;overflow:hidden;background:#f8fafc;display:flex;align-items:center;justify-content:center}.category-media-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;color:#1a1a2e;cursor:pointer;font-size:1.5rem;z-index:10;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.category-media-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.category-media-nav-prev{left:10px}.category-media-nav-next{right:10px}.category-media-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;z-index:10}.category-preview-section{margin-bottom:1rem}.category-preview-label{font-size:.8rem;font-weight:600;color:#64748b;margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.5px}.category-preview-headline,.category-preview-summary{margin:0;font-size:.95rem;color:#1e293b;line-height:1.5}.category-metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.category-metadata-item{display:flex;flex-direction:column;gap:.25rem}.category-metadata-label{font-size:.75rem;color:#94a3b8;font-weight:500}.category-metadata-value{font-size:.9rem;color:#1e293b}.category-modal-actions{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.category-modal-approve-btn{padding:.6rem 1rem;border:none;border-radius:8px;background:#059669;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.category-modal-approve-btn:hover{background:#047857}.category-modal-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:#fee2e2;color:#dc2626;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.category-modal-delete-btn:hover{background:#fecaca;color:#b91c1c}.category-page .category-create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.category-page .modal-content.category-create-modal-content{position:relative;background:#fff;padding:1.5rem;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.category-create-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.category-create-modal-header h2{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:#0f172a;min-width:0}.category-modal-back-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#374151;font-size:1.25rem;cursor:pointer;box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.category-modal-back-icon-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc;transform:translate(-2px)}.category-create-modal-close{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:10px;background:transparent;font-size:1.5rem;line-height:1;color:#64748b;cursor:pointer;transition:color .2s ease,background .2s ease}.category-create-modal-close:hover{color:#0f172a;background:#f1f5f9}.category-icon-label{display:block;font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.category-icon-hint{font-size:.8rem;color:#64748b;margin:0 0 .75rem}.category-icon-upload{min-height:120px;border:2px dashed #cbd5e1;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;padding:1.25rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.category-icon-upload:hover:not(.has-preview):not(.uploading){border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 4px #3b82f61a}.category-icon-upload.has-preview{border-style:solid;border-color:#e2e8f0;background:#fff;min-height:auto}.category-icon-upload.uploading{cursor:not-allowed;border-color:#94a3b8;background:#f1f5f9}.category-icon-placeholder-icon{font-size:2.25rem;color:#94a3b8;margin-bottom:.5rem}.category-icon-placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem}.category-icon-placeholder-text{display:block;font-size:.9rem;font-weight:500;color:#475569}.category-icon-placeholder-sub{font-size:.75rem;color:#94a3b8}.category-icon-uploading{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#64748b;font-size:.9rem;font-weight:500}.category-icon-spinner{font-size:1.75rem;color:#2563eb;animation:category-spin 1s linear infinite}.category-icon-preview-wrap{position:relative;display:inline-block;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.category-icon-preview-img{display:block;max-height:140px;width:auto;max-width:100%;object-fit:contain}.category-icon-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s ease,transform .2s ease}.category-icon-remove-btn:hover{background:#dc2626e6;transform:scale(1.08)}@media (max-width: 768px){.category-grid,.category-posts-grid{grid-template-columns:1fr}.category-search-container{flex-direction:column}.category-search-input{width:100%;min-width:auto}.category-loc,.category-from-date,.category-to-date{width:100%}.category-posts-header{flex-direction:column;align-items:flex-start}}html[data-theme=dark] .category-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .category-page :is(.category-page-title,.category-modal-header h2,.category-preview-summary,.category-metadata-value,.category-post-title,.category-post-date,.category-posts-count,.category-modal-content,.category-modal-content p,.category-create-modal-header h2){color:var(--text)!important}html[data-theme=dark] .category-page :is(.category-loading-text,.category-preview-label,.category-metadata-label,.category-no-results,.category-icon-hint,.category-icon-placeholder-sub){color:var(--muted)!important}html[data-theme=dark] .category-page :is(.category-loading-inline,.category-search-container,.category-card,.category-post-card,.category-article-modal,.category-page .modal-content.category-create-modal-content){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .category-page :is(.category-search-input,.category-loc,.category-to-date,.category-modal-close-btn,.category-modal-back-icon-btn){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .category-page .category-search-input::placeholder{color:var(--muted)!important}html[data-theme=dark] .category-page :is(.category-search-icons,.category-modal-close-btn,.category-modal-back-icon-btn,.category-media-nav-btn,.category-media-action-btn,.category-back-btn,.category-icon-placeholder-icon){color:var(--text)!important}html[data-theme=dark] .category-page .category-media-nav-btn{background:#0f172aeb!important;border-color:var(--border)!important}html[data-theme=dark] .category-page .category-media-action-btn{background:#0f172aeb!important;border:1px solid rgba(148,163,184,.35)!important;color:#e2e8f0!important;box-shadow:0 4px 14px #00000059!important}html[data-theme=dark] .category-page .category-media-action-btn:hover{background:#1e293bf2!important;color:#f8fafc!important}html[data-theme=dark] .category-page .category-media-action-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}.location-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6fa;min-height:100vh}.location-hierarchy-section .location-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem;gap:1rem}.location-spinner{display:flex;align-items:center;justify-content:center}.location-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:location-spin 1s linear infinite}.location-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes location-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.location-page .page-title{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0 0 1.5rem}.location-content{display:grid;grid-template-columns:1fr 380px;gap:1.5rem}.location-hierarchy-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.location-hierarchy-section .section-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 1.25rem}.hierarchy-tree{display:flex;flex-direction:column;gap:.5rem}.state-item{border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}.tree-row{display:flex;align-items:center;padding:.75rem 1rem;gap:.5rem;transition:background .15s ease}.tree-row:hover{background:#f8fafc}.state-row{background:#fafbfc;border-bottom:1px solid #f1f5f9}.district-row{background:#fff;margin-left:1.5rem;border-bottom:1px solid #f1f5f9}.expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;color:#64748b;padding:0;border-radius:4px;transition:all .15s ease}.expand-btn:hover{background:#e2e8f0;color:#1a1a2e}.expand-btn svg{font-size:1.25rem}.location-name{font-weight:500;color:#1a1a2e;font-size:.95rem}.location-count{font-size:.8rem;color:#94a3b8;margin-left:.5rem}.row-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.location-page .action-btn{width:50px;height:50px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.location-page .action-btn svg{font-size:1rem}.location-page .edit-btn{background:#f1f5f9;color:#3b82f6}.location-page .edit-btn:hover{background:#3b82f6;color:#fff}.location-page .delete-btn{background:#fef2f2;color:#ef4444}.location-page .delete-btn:hover{background:#ef4444;color:#fff}.districts-container{padding-left:0}.district-item{border-top:1px solid #f1f5f9}.district-item:first-child{border-top:none}.mandals-towns-container{padding:1rem 1rem 1rem 3.5rem;background:#fafbfc;border-top:1px solid #f1f5f9}.mandals-section,.towns-section{margin-bottom:1rem}.mandals-section:last-child,.towns-section:last-child{margin-bottom:0}.subsection-label{display:block;font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:.5rem;margin-left:70px}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:70px}.location-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;color:#374151;transition:all .15s ease}.location-chip:hover{border-color:#cbd5e1;background:#f8fafc}.chip-delete{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;cursor:pointer;color:#94a3b8;padding:0;border-radius:50%;transition:all .15s ease}.chip-delete:hover{color:#ef4444;background:#fef2f2}.chip-delete svg{font-size:.85rem}.add-location-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;height:fit-content;position:sticky;top:1rem}.add-location-section .section-title{font-size:1.1rem;font-weight:600;color:#1a1a2e;margin:0 0 1.5rem}.location-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:#374151}.form-label .required{color:#ef4444}.form-input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1a1a2e;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.add-location-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.add-location-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.add-location-btn svg{font-size:1.25rem}@media (max-width: 1024px){.location-content{grid-template-columns:1fr}.add-location-section{position:static;order:-1;max-width:450px}}@media (max-width: 768px){.location-page .page-title{font-size:1.25rem}.location-hierarchy-section,.add-location-section{padding:1rem}.tree-row{padding:.625rem .75rem}.district-row{margin-left:1rem}.mandals-towns-container{padding:.75rem .75rem .75rem 2.5rem}.row-actions{gap:.35rem}.location-page .action-btn{width:28px;height:28px}}@media (max-width: 480px){.location-name{font-size:.85rem}.location-count{font-size:.75rem}.chips-container{gap:.35rem}.location-chip{padding:.25rem .5rem;font-size:.8rem}.add-location-section{max-width:100%}}html[data-theme=dark] .location-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .location-page :is(.page-title,.section-title,.location-name,.location-count,.subsection-label,.form-label){color:var(--text)!important}html[data-theme=dark] .location-page :is(.location-loading-text){color:var(--muted)!important}html[data-theme=dark] .location-page :is(.location-hierarchy-section,.state-row,.district-row,.location-chip,.add-location-section){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .location-page :is(.tree-row:hover,.district-row:hover,.location-chip:hover){background:#94a3b814!important}html[data-theme=dark] .location-page :is(.form-input){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .location-page .form-input::placeholder{color:var(--muted)!important}html[data-theme=dark] .location-page :is(.expand-btn,.action-btn,.chip-delete,.spinner-icon){color:var(--text)!important}.profile-wrapper{padding:0;background:#f5f7fa;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.profile-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;font-weight:700;font-size:larger}.status-badge{padding:6px 14px;border-radius:20px;font-weight:600;font-size:13px;text-transform:uppercase}.status-badge.approved{background:#e6f7ec;color:#2e7d32}.status-badge.pending{background:#fff4e5;color:#f57c00}.status-badge.rejected{background:#fdecea;color:#c62828}.back-btn{background:none;border:none;font-size:22px;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.back-btn:hover{background:#e5e7eb}.profile-content{display:grid;grid-template-columns:2fr 1fr;gap:25px}.profile-left{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.reporter-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.location{color:#64748b;margin-top:3px;font-size:.9rem}.location-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.location-edit-btn{border:1px solid #e5e7eb;background:#f8fafc;color:#111827;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.85rem;font-weight:600}.location-edit-btn:hover{background:#eef2f7}.location-edit-form{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.location-edit-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.location-edit-fields select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;outline:none}.location-edit-actions{display:flex;gap:10px}.location-cancel-btn{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}.location-save-btn{border:none;background:#2563eb;color:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:700}.location-save-btn:disabled,.location-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.location-edit-error{color:#dc2626;font-size:.85rem;font-weight:600}.rating{text-align:right;font-size:18px;font-weight:600}.rating span{display:block;font-size:12px;color:#64748b;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:1rem}.stat-item{padding:1rem;border-radius:10px;text-align:center}.stat-item h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.stat-item p{margin:0;font-size:.85rem;color:#64748b}.submitted{background:#e8e9ff;font-size:larger;display:flex;flex-direction:column;justify-content:center;align-items:center}.approved{background:#e5ffee;font-size:larger;display:flex;flex-direction:column;justify-content:center;align-items:center}.rejected{background:#ffe4e4;font-size:larger;display:flex;flex-direction:column;justify-content:center;align-items:center}.article{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:1rem;margin-top:12px;border:1px solid #f1f5f9;transition:all .2s ease;gap:1rem}.article:hover{background:#f8fafc}.article h4{margin:0 0 4px;font-size:.95rem;font-weight:500;color:#1a1a2e}.article.recent-article-item{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.article.recent-article-item .recent-article-title{margin:0;width:100%;line-height:1.35}.article.recent-article-item .recent-article-date{font-size:.8rem;color:#64748b}.article.recent-article-item .recent-article-status{margin-top:.15rem}.article.recent-article-item .recent-article-views{margin-top:0}.recent-articles-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.recent-articles-title-row{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}.recent-articles-count{font-size:.85rem;font-weight:800;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 10px;border-radius:999px;white-space:nowrap}.recent-articles-filter-actions{display:inline-flex;gap:10px;align-items:center}.recent-articles-date-filter-btn{border:1px solid #e5e7eb;background:#f8fafc;color:#111827;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:.85rem}.recent-articles-date-filter-btn:hover{background:#eef2f7}.recent-articles-date-filter-clear{border:none;background:transparent;color:#2563eb;cursor:pointer;font-weight:700;font-size:.85rem;padding:6px 8px}.recent-articles-date-filter-clear:hover{text-decoration:underline}.reporter-date-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.reporter-date-modal{width:100%;max-width:520px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0003;padding:16px}.reporter-date-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.reporter-date-modal-title{margin:0;font-size:1.1rem;font-weight:800;color:#0f172a}.reporter-date-modal-close{border:none;background:transparent;cursor:pointer;font-size:22px;line-height:1;padding:6px 8px;border-radius:10px}.reporter-date-modal-close:hover{background:#f1f5f9}.reporter-date-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.reporter-date-modal-field{display:flex;flex-direction:column;gap:6px}.reporter-date-modal-label{font-size:.85rem;font-weight:700;color:#334155}.reporter-date-modal-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;outline:none}.reporter-date-modal-actions{display:flex;justify-content:flex-end;gap:10px}.reporter-date-modal-btn{border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:800}.reporter-date-modal-btn.secondary{border:1px solid #e5e7eb;background:#fff;color:#111827}.reporter-date-modal-btn.primary{border:none;background:#2563eb;color:#fff}@media (max-width: 520px){.reporter-date-modal-grid{grid-template-columns:1fr}}.article-status{padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.approved-tag{background:#dafce4;color:#15a049}.pending-tag{background:#ffeeb0;color:#c79e00}.rejected-tag{background:#f1c2c2;color:#f03030}.unknown-tag{background:#f1f5f9;color:#475569}.views{font-size:12px;color:#64748b}.profile-right{display:flex;flex-direction:column;gap:1.5rem}.danger-btn{background:#ef4444;color:#fff;padding:.625rem 1.25rem;border-radius:8px;border:none;margin-top:10px;cursor:pointer;font-weight:500;font-size:.9rem;width:100%;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.danger-btn:hover{background:#dc2626}.eng-row{display:flex;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.eng-row:last-child{border-bottom:none}.block-switch-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:.5rem 0;border-top:1px solid #f1f5f9}.block-label{font-size:.9rem;font-weight:500;color:#111827}.block-label.active{color:#16a34a}.block-label.blocked{color:#dc2626}.switch{position:relative;display:inline-block;width:46px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#ef4444}input:focus+.slider{box-shadow:0 0 1px #ef4444}input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width: 1024px){.profile-content{grid-template-columns:1fr}.profile-right{order:-1;max-width:400px}}@media (max-width: 768px){.profile-card{padding:1rem}.reporter-info{flex-direction:column;align-items:flex-start}.rating{text-align:left}.stats-grid{grid-template-columns:1fr;gap:.75rem}.article{flex-direction:column;align-items:flex-start}.article-status{margin-top:.5rem}.profile-right{max-width:100%}}@media (max-width: 480px){.profile-header h1,.stat-item h3{font-size:1.25rem}.article h4{font-size:.9rem}}html[data-theme=dark] .profile-wrapper{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .profile-wrapper :is(h2,h3,h4,p,span,strong,.location,.views,.eng-row){color:var(--text)!important}html[data-theme=dark] .profile-wrapper :is(.location,.views,.rating span){color:var(--muted)!important}html[data-theme=dark] .profile-card,html[data-theme=dark] .article{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 6px 18px #0000003d!important}html[data-theme=dark] .article:hover{background:#94a3b814!important}html[data-theme=dark] .profile-wrapper .back-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text)!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;box-shadow:0 1px 2px #00000040}html[data-theme=dark] .profile-wrapper .back-btn svg{color:var(--text)!important;fill:currentColor;stroke:currentColor;flex-shrink:0}html[data-theme=dark] .profile-wrapper .back-btn:hover{background:#94a3b824!important;border-color:#94a3b859!important;color:#f8fafc!important}html[data-theme=dark] .profile-wrapper .back-btn:hover svg{color:inherit!important}html[data-theme=dark] .eng-row,html[data-theme=dark] .block-switch-row{border-color:var(--border)!important}html[data-theme=dark] .block-label{color:var(--text)!important}html[data-theme=dark] .block-label.active{color:#86efac!important}html[data-theme=dark] .block-label.blocked{color:#fca5a5!important}html[data-theme=dark] .slider{background-color:#475569!important}html[data-theme=dark] input:checked+.slider{background-color:#dc2626!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item{border:1px solid var(--border)}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.submitted{background:#6366f138!important;border-color:#818cf873!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.submitted :is(h2,p){color:#e0e7ff!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.approved{background:#16a34a38!important;border-color:#22c55e73!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.approved :is(h2,p){color:#bbf7d0!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.rejected{background:#dc262638!important;border-color:#f8717173!important}html[data-theme=dark] .profile-wrapper .stats-grid .stat-item.rejected :is(h2,p){color:#fecaca!important}html[data-theme=dark] .profile-wrapper .rating{color:var(--text)!important}html[data-theme=dark] .article-status{border:1px solid transparent}html[data-theme=dark] .approved-tag{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .pending-tag{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .rejected-tag{background:#dc262638!important;color:#fca5a5!important;border-color:#dc262673!important}html[data-theme=dark] .profile-wrapper .location-edit-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .profile-wrapper .location-edit-btn:hover{background:#94a3b81f!important;color:#f8fafc!important}html[data-theme=dark] .profile-wrapper .location-cancel-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .profile-wrapper .location-save-btn{color:#fff!important}html[data-theme=dark] .profile-wrapper .location-edit-fields select{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important;color-scheme:dark}html[data-theme=dark] .profile-wrapper .recent-articles-count{background:#94a3b829!important;border:1px solid var(--border)!important;color:#e2e8f0!important}html[data-theme=dark] .profile-wrapper .recent-articles-date-filter-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .profile-wrapper .recent-articles-date-filter-btn:hover{background:#94a3b81f!important;color:#f8fafc!important}html[data-theme=dark] .profile-wrapper .recent-articles-date-filter-clear{color:#93c5fd!important}html[data-theme=dark] .profile-wrapper .recent-articles-date-filter-clear:hover{color:#bfdbfe!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 10px 40px #00000073!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal-title,html[data-theme=dark] .profile-wrapper .reporter-date-modal-close{color:var(--text)!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal-close:hover{background:#94a3b81f!important;color:#f8fafc!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal-label{color:#cbd5e1!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal-input{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important;color-scheme:dark}html[data-theme=dark] .profile-wrapper .reporter-date-modal-btn.secondary{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .profile-wrapper .reporter-date-modal-btn.primary{color:#fff!important}html[data-theme=dark] .profile-wrapper .article.recent-article-item .recent-article-date{color:var(--muted)!important}.page-wrapper{padding:0;background:#f5f7fb;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.page-header-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-header-row .page-title{margin-bottom:0}.back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#f3f4f6;border-color:#9ca3af}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#111827}.reporter-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.profile{display:flex;gap:1rem}.avatar{width:52px;height:52px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.profile-info h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a2e}.empty-text{font-size:medium;font-weight:600;padding:10px 5px;background:#fff;border-radius:10px;display:flex;justify-content:center;color:#9ca3af}.profile-info p{margin:4px 0;font-size:.9rem;color:#4b5563}.profile-info span{font-size:.8rem;color:#6b7280}.location p{margin:0;font-size:.9rem;color:#374151}.location-badge{display:inline-block;margin-top:6px;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-full{background:#fee2e2;color:#b91c1c}.badge-available{background:#dcfce7;color:#166534}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.btn{border:none;padding:.625rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-orange{background:#f97316;color:#fff}.btn-orange:hover{background:#ea580c}.btn-green{background:#22c55e;color:#fff}.btn-green:hover{background:#16a34a}.btn-red{background:#ef4444;color:#fff}.btn-red:hover{background:#dc2626}.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}.btn:disabled{opacity:.65;cursor:not-allowed}.suggest-modal-overlay,.capacity-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.capacity-modal{background:#fff;width:100%;max-width:520px;border-radius:14px;padding:1.25rem;position:relative;z-index:10000;border:1px solid #eaeaea;box-shadow:0 10px 30px #00000026}.capacity-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.capacity-modal-header h2{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:0}.capacity-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.75rem}.capacity-form{margin-top:1rem}.capacity-input{width:100%;margin-top:.35rem;padding:.65rem .75rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;outline:none}.capacity-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.capacity-error{margin-top:.6rem;font-size:.9rem;color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:.6rem .75rem;border-radius:10px}.capacity-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.suggest-modal{background:#fff;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border-radius:14px;padding:1.5rem;position:relative;z-index:10000;-webkit-overflow-scrolling:touch}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-btn{width:36px;height:36px;background:#f5f6fa;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.modal-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.label{font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.alert-box{background:#fff7ed;border-left:4px solid #f97316;padding:1rem;margin:1.25rem 0;border-radius:8px;font-size:.9rem;color:#9a3412}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.cancel-btn{background:#e5e7eb;color:#374151;border:none;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.manual-btn{background:#2563eb;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.manual-btn:hover{background:#1d4ed8}.profile-details{display:flex;flex-direction:row;gap:15px;height:60px;margin:8px 0;font-size:14px}.profile-details p{color:#6b7280}.exp{font-weight:600;color:#111827;background:#7e808419;border:1px solid #7e808499;padding:10px 20px;border-radius:5px}.docs-uploaded,.sample-articles,.documents-list{font-weight:600;color:#111827;background:#7e808419;border:1px solid #7e808499;padding:5px 10px;border-radius:5px}@media (max-width: 992px){.suggest-modal{max-width:95%;padding:1.25rem}}@media (max-width: 768px){.page-title{font-size:1.25rem}.reporter-card{padding:1rem}.card-header{flex-direction:column}.modal-row{grid-template-columns:1fr;gap:.75rem}.modal-header h2{font-size:1.1rem}.actions{width:100%}.btn{flex:1;text-align:center;justify-content:center}}@media (max-width: 480px){.profile{flex-direction:column;align-items:flex-start}.avatar{width:44px;height:44px;font-size:1rem}.profile-info h3{font-size:1rem}.suggest-modal{padding:1rem}.modal-footer{flex-direction:column}.cancel-btn,.manual-btn{width:100%;text-align:center}}html[data-theme=dark] .page-wrapper{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .page-wrapper .page-title{color:var(--text)!important}html[data-theme=dark] .page-wrapper .back-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:0 1px 2px #00000040}html[data-theme=dark] .page-wrapper .back-btn svg{color:var(--text)!important;fill:currentColor;stroke:currentColor;flex-shrink:0}html[data-theme=dark] .page-wrapper .back-btn:hover{background:#94a3b824!important;border-color:#94a3b859!important;color:#f8fafc!important}html[data-theme=dark] .page-wrapper .back-btn:hover svg{color:inherit!important}html[data-theme=dark] .page-wrapper .reporter-card{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 6px 18px #0000003d!important;color:var(--text)!important}html[data-theme=dark] .page-wrapper .profile-info h3{color:var(--text)!important}html[data-theme=dark] .page-wrapper .profile-info p,html[data-theme=dark] .page-wrapper .profile-info span{color:var(--muted)!important}html[data-theme=dark] .page-wrapper .location>p{color:var(--text)!important}html[data-theme=dark] .page-wrapper .location-badge p{margin:0}html[data-theme=dark] .page-wrapper .badge-full{background:#dc262638!important;color:#fecaca!important;border:1px solid rgba(248,113,113,.4)!important}html[data-theme=dark] .page-wrapper .badge-available{background:#16a34a38!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.4)!important}html[data-theme=dark] .page-wrapper .location-warning{flex:1;min-width:200px;padding:.75rem 1rem;border-radius:10px;background:#f59e0b1f!important;border:1px solid rgba(245,158,11,.35)!important}html[data-theme=dark] .page-wrapper .location-warning .warning-title{color:#fcd34d!important;margin:0 0 .35rem;font-weight:600;font-size:.9rem}html[data-theme=dark] .page-wrapper .location-warning .warning-sub{color:var(--muted)!important;margin:0;font-size:.8rem;line-height:1.4}html[data-theme=dark] .page-wrapper .empty-text{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--muted)!important}html[data-theme=dark] .page-wrapper .btn-orange,html[data-theme=dark] .page-wrapper .btn-green,html[data-theme=dark] .page-wrapper .btn-red,html[data-theme=dark] .page-wrapper .btn-blue,html[data-theme=dark] .page-wrapper .btn-orange:hover,html[data-theme=dark] .page-wrapper .btn-green:hover,html[data-theme=dark] .page-wrapper .btn-red:hover,html[data-theme=dark] .page-wrapper .btn-blue:hover{color:#fff!important}html[data-theme=dark] .suggest-modal,html[data-theme=dark] .capacity-modal{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .capacity-modal-header h2{color:var(--text)!important}html[data-theme=dark] .capacity-input{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .capacity-error{background:#dc26262e!important;border:1px solid rgba(248,113,113,.35)!important;color:#fecaca!important}html[data-theme=dark] .suggest-modal .modal-header h2{color:var(--text)!important}html[data-theme=dark] .suggest-modal .label{color:var(--muted)!important}html[data-theme=dark] .suggest-modal .alert-box{background:#f59e0b1f!important;border-left-color:#f97316!important;color:#fcd34d!important}.suggest-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1e80;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.suggest-modal{background:#fff;width:100%;max-width:650px;border-radius:12px;padding:24px;max-height:90vh;overflow-y:auto;border:1px solid #e5e7eb;-webkit-overflow-scrolling:touch}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-header h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.close-btn{background:#f5f6fa;border:none;font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.close-btn:hover{background:#e5e7eb;color:#1a1a2e}.modal-row{display:flex;justify-content:space-between;margin:18px 0;gap:1rem;flex-wrap:wrap}.label{font-size:13px;color:#777}.alert-box{background:#fde3e4;color:#c70000;padding:12px;border-left:5px solid red;border-radius:6px;margin:18px 0;font-size:14px}.section-title{margin-top:20px;font-size:17px;font-weight:700}.alt-card{display:flex;justify-content:space-between;padding:14px;margin-top:12px;border:1px solid #efefef;border-radius:8px}.card{align-items:center;background:#fafafa;padding:14px;margin-top:12px;border:1px solid #efefef;border-radius:8px;gap:1rem;flex-wrap:wrap}.alt-left{flex:1;min-width:120px}.alt-left h4{margin:0 0 4px;font-size:1rem}.distance{color:#7a7a7a;font-size:13px}.alt-center{text-align:center;font-size:13px;flex:1;min-width:100px}.availability{font-weight:700}.slots{color:#777;margin-top:2px}.alt-actions{display:flex;justify-content:space-between;flex-direction:row;gap:6px}.assign-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.assign-btn:hover{background:#b91c1c}.details-btn{background:#e8e8e8;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.details-btn:hover{background:#d1d5db}.manual-select{margin-top:15px;display:flex;flex-direction:column;gap:12px}.manual-select select{padding:10px 36px 10px 12px;border:1px solid #d6d6d6;border-radius:6px;cursor:pointer;font-size:.9rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.modal-footer{margin-top:25px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.cancel-btn{padding:10px 18px;border-radius:6px;background:#efefef;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.manual-btn{padding:10px 18px;border-radius:6px;background:#dc2626;color:#fff;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.manual-btn:hover{background:#b91c1c}.alert-box{background:#fff3f3;border-left:5px solid #ff4d4f;padding:16px;border-radius:6px}.increase-btn{margin-top:10px;background:#1677ff;color:#fff;border:none;padding:6px 12px;cursor:pointer;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.suggest-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;justify-content:center;align-items:center}.suggest-modal{background:#fff;width:700px;max-height:90vh;overflow-y:auto;border-radius:8px;padding:16px}.alert-box{background:#fff3f3;border-left:5px solid #ff4d4f;padding:12px;margin:12px 0}.increase-btn{margin-top:8px;background:#1677ff;color:#fff;border:none;padding:6px 12px;cursor:pointer}.status-box{background:#f6ffed;border-left:5px solid #52c41a;padding:10px;margin:12px 0}.increase-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;padding:20px;border-radius:8px;width:300px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.modal-box{background:#fff;padding:20px;width:500px;border-radius:8px}.modal-box h3{text-transform:capitalize;font-weight:700}.modal-box input{width:100%;padding:6px;margin:8px 0;font-weight:500;border:#161616;border-radius:5px;background:#d1cfcf4e}.cancel-btn{background:#eee;border:none;border-radius:5px;padding:6px 10px}.save-btn{background:#1677ff;color:#fff;border:none;border-radius:5px;padding:6px 10px}.card{border-radius:12px;background:#fff;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.alt-card{display:flex;justify-content:space-between;padding:14px;align-items:center}.alt-left{display:flex;align-items:center;gap:10px}.alt-left h4{margin:0;font-size:15px}.distance{font-size:12px;color:#777}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:#28a745}.dot.yellow{background:#f1c40f}.dot.red{background:#dc3545}.alt-right{text-align:right}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge.green{background:#e6f7ed;color:#28a745}.badge.yellow{background:#fff6dd;color:#c49000}.badge.red{background:#fdeaea;color:#dc3545}.slots{font-size:12px;color:#777;margin:4px 0}.assign-btn{background:red;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;cursor:pointer;width:100%;margin-top:6px}.view-btn{margin-top:6px;font-size:12px;background:transparent;border:1px solid #ccc;padding:6px;border-radius:6px;cursor:pointer}.reporter-count{padding:4px 10px;border-radius:6px;font-weight:600;display:inline-block;margin-top:6px}.reporter-count.full{background-color:#ffe5e5;color:#c62828}.reporter-count.available{background-color:#fff6db;color:#9c6f00}@media (max-width: 768px){.suggest-modal-overlay{padding:.75rem;align-items:flex-end}.suggest-modal{padding:1.25rem;border-radius:16px 16px 0 0;max-height:85vh}.modal-header h2{font-size:1.1rem}.modal-row{flex-direction:column;gap:.75rem;margin:14px 0}.alt-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:12px}.alt-left,.alt-center{width:100%;text-align:left}.alt-actions{width:100%;flex-direction:row;gap:8px}.assign-btn,.details-btn{flex:1;text-align:center;padding:10px 12px}.section-title{font-size:15px}.alert-box{font-size:13px;padding:10px}}@media (max-width: 480px){.suggest-modal-overlay{padding:0}.suggest-modal{padding:1rem;border-radius:16px 16px 0 0;max-height:90vh}.modal-header h2{font-size:1rem}.close-btn{width:32px;height:32px;font-size:18px}.label{font-size:12px}.alt-left h4{font-size:.9rem}.distance,.slots{font-size:12px}.modal-footer{flex-direction:column;gap:8px}.cancel-btn,.manual-btn{width:100%;text-align:center;padding:12px}.manual-select select{padding:12px;font-size:.85rem}}@supports (padding: max(0px)){.suggest-modal{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}html[data-theme=dark] .suggest-modal{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .suggest-modal .modal-header h2,html[data-theme=dark] .suggest-modal .section-title,html[data-theme=dark] .suggest-modal .location-name{color:var(--text)!important}html[data-theme=dark] .suggest-modal .label,html[data-theme=dark] .suggest-modal .distance,html[data-theme=dark] .suggest-modal .slots{color:var(--muted)!important}html[data-theme=dark] .suggest-modal .close-btn{background:var(--surface-2)!important;color:var(--muted)!important}html[data-theme=dark] .suggest-modal .close-btn:hover{background:#94a3b81f!important;color:var(--text)!important}html[data-theme=dark] .suggest-modal .alert-box{background:#dc262626!important;border-left-color:#f87171!important;color:#fecaca!important}html[data-theme=dark] .suggest-modal .status-box{background:#16a34a26!important;border-left-color:#4ade80!important;color:#bbf7d0!important}html[data-theme=dark] .suggest-modal .card{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 4px 14px #00000040!important}html[data-theme=dark] .suggest-modal .suggest-card{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:10px;padding:.5rem 0;margin-bottom:.75rem}html[data-theme=dark] .suggest-modal .suggest-row{padding:.75rem 1rem}html[data-theme=dark] .suggest-modal .reporter-badge.green{background:#16a34a38!important;color:#86efac!important}html[data-theme=dark] .suggest-modal .reporter-badge.yellow{background:#f59e0b33!important;color:#fcd34d!important}html[data-theme=dark] .suggest-modal .reporter-badge.red{background:#dc262638!important;color:#fca5a5!important}html[data-theme=dark] .suggest-modal .cancel-btn{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=dark] .suggest-modal .cancel-btn:hover{background:#94a3b81f!important}html[data-theme=dark] .increase-modal .modal-box{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}html[data-theme=dark] .increase-modal .modal-box h3{color:var(--text)!important}html[data-theme=dark] .increase-modal .modal-box input{background:var(--input-bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=dark] .increase-modal .cancel-btn{background:var(--surface-2)!important;color:var(--text)!important}html[data-theme=dark] .suggest-modal .assign-btn{color:#fff!important}html[data-theme=dark] .suggest-modal .view-btn{color:var(--text)!important;border-color:var(--border)!important;background:var(--surface-2)!important}html[data-theme=dark] .suggest-modal .increase-btn{color:#fff!important}.reassign-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1e80;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.reassign-modal{background:#fff;width:100%;max-width:650px;border-radius:12px;padding:24px;max-height:90vh;overflow-y:auto;border:1px solid #e5e7eb;box-shadow:0 4px 20px #0000001a;-webkit-overflow-scrolling:touch}.reassign-modal .reassign-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.reassign-modal .reassign-modal-header h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.reassign-modal .reassign-close-btn{background:#f5f6fa;border:none;font-size:22px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.reassign-modal .reassign-close-btn:hover{background:#e5e7eb;color:#1a1a2e}.reassign-modal .reassign-modal-row{display:flex;justify-content:space-between;margin:18px 0;gap:1rem;flex-wrap:wrap}.reassign-modal .reassign-label{font-size:13px;color:#777;margin:0 0 4px}.reassign-modal .reassign-modal-row h4{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0}.reassign-modal .reassign-reporter-count{padding:4px 10px;border-radius:6px;font-weight:600;font-size:.85rem;display:inline-block;margin-top:6px}.reassign-modal .reassign-reporter-count.full{background-color:#ffe5e5;color:#c62828}.reassign-modal .reassign-reporter-count.available{background-color:#fff6db;color:#9c6f00}.reassign-modal .reassign-alert-box{background:#fff3f3;color:#c70000;padding:16px;border-left:5px solid #ff4d4f;border-radius:6px;margin:18px 0;font-size:14px}.reassign-modal .reassign-alert-box strong{display:block;margin-bottom:4px}.reassign-modal .reassign-alert-box p{margin:0 0 10px;color:#c70000}.reassign-modal .reassign-increase-btn{margin-top:8px;background:#1677ff;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .2s ease}.reassign-modal .reassign-increase-btn:hover{background:#4096ff}.reassign-modal .reassign-section-title{margin-top:20px;margin-bottom:0;font-size:1.0625rem;font-weight:700;color:#1a1a2e}.reassign-modal .reassign-manual-select{margin-top:15px;display:flex;flex-direction:column;gap:12px}.reassign-modal .reassign-manual-select select{padding:10px 36px 10px 12px;border:1px solid #d6d6d6;border-radius:6px;cursor:pointer;font-size:.9rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.reassign-modal .reassign-manual-select select:disabled{background-color:#f5f6fa;cursor:not-allowed;color:#94a3b8}.reassign-modal .reassign-modal-footer{margin-top:25px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.reassign-modal .reassign-cancel-btn{padding:10px 18px;border-radius:6px;background:#efefef;border:none;cursor:pointer;font-size:.9rem;font-weight:500;color:#1a1a2e;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.reassign-modal .reassign-cancel-btn:hover{background:#d1d5db}.reassign-modal .reassign-manual-btn{padding:10px 18px;border-radius:6px;background:#dc2626;color:#fff;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.reassign-modal .reassign-manual-btn:hover:not(:disabled){background:#b91c1c}.reassign-modal .reassign-manual-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.reassign-increase-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;display:flex;justify-content:center;align-items:center;padding:1rem}.reassign-increase-box{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:360px;box-shadow:0 4px 20px #00000026}.reassign-increase-box h3{margin:0 0 16px;font-size:1.125rem;font-weight:700;color:#1a1a2e;text-transform:capitalize}.reassign-increase-box input{width:100%;padding:10px 12px;margin:0 0 16px;font-size:.9rem;border:1px solid #d6d6d6;border-radius:6px;background:#fff;box-sizing:border-box}.reassign-increase-box input:focus{outline:none;border-color:#1677ff}.reassign-increase-actions{display:flex;justify-content:flex-end;gap:10px}.reassign-increase-box .reassign-cancel-btn{padding:8px 16px;background:#efefef;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;color:#1a1a2e}.reassign-increase-box .reassign-cancel-btn:hover{background:#d1d5db}.reassign-save-btn{padding:8px 16px;border-radius:6px;background:#1677ff;color:#fff;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.reassign-save-btn:hover{background:#4096ff}@media (max-width: 768px){.reassign-modal-overlay{padding:.75rem;align-items:flex-end}.reassign-modal{padding:1.25rem;border-radius:16px 16px 0 0;max-height:85vh}.reassign-modal .reassign-modal-header h2{font-size:1.1rem}.reassign-modal .reassign-modal-row{flex-direction:column;gap:.75rem;margin:14px 0}.reassign-modal .reassign-section-title{font-size:1rem}.reassign-modal .reassign-alert-box{font-size:13px;padding:12px}}@media (max-width: 480px){.reassign-modal-overlay{padding:0}.reassign-modal{padding:1rem;border-radius:16px 16px 0 0;max-height:90vh}.reassign-modal .reassign-modal-header h2{font-size:1rem}.reassign-modal .reassign-close-btn{width:32px;height:32px;font-size:18px}.reassign-modal .reassign-label{font-size:12px}.reassign-modal .reassign-modal-footer{flex-direction:column;gap:8px}.reassign-modal .reassign-cancel-btn,.reassign-modal .reassign-manual-btn{width:100%;text-align:center;padding:12px}.reassign-modal .reassign-manual-select select{padding:12px;font-size:.85rem}}@supports (padding: max(0px)){.reassign-modal{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}.ads-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6fa;min-height:100vh}.ads-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap}.page-btn{min-width:36px;padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;transition:.2s ease}.page-btn:hover{background:#f1f5f9}.page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.ads-table-loading-row td{padding:0!important;vertical-align:middle;border-bottom:none}.ads-loading-in-table{min-height:200px;padding:2rem;gap:.75rem}.ads-spinner{display:flex;align-items:center;justify-content:center}.ads-spinner .spinner-icon{font-size:3rem;color:#2563eb;animation:ads-spin 1s linear infinite}.ads-loading-text{margin:0;font-size:1rem;color:#64748b;font-weight:500}@keyframes ads-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ads-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.create-ad-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#e91e1e;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.create-ad-btn:hover{background:#d30a0a}.create-ad-btn svg{font-size:1.1rem}.ads-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.ads-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #eaeaea}.stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper svg{font-size:1.5rem}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-title{font-size:.85rem;color:#64748b}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.ads-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.search-container{flex:1;position:relative;max-width:700px}.search-icon{position:absolute;left:1rem;top:65%;transform:translateY(-50%);color:#94a3b8;font-size:1.4rem}.search-input{width:100%;height:45px;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#c9cace}.search-input::placeholder{color:#94a3b8}.filter-controls{display:flex;gap:.75rem}.status-dropdown-container{position:relative}.status-dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:space-between}.status-dropdown-btn:hover{border-color:#c9cace}.status-dropdown-btn svg{font-size:1.2rem;color:#64748b}.status-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden}.status-option{padding:.75rem 1rem;font-size:.9rem;color:#374151;cursor:pointer;transition:background .15s ease}.status-option:hover{background:#f8fafc}.status-option.active{background:#eff6ff;color:#3b82f6}.date-range-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .2s ease}.date-range-btn:hover{border-color:#c9cace}.date-range-btn svg{font-size:1.1rem;color:#64748b}.ads-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea;overflow-x:auto}.ads-table{width:100%;border-collapse:collapse;font-size:1rem}.ads-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb}.ads-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:.95rem}.ads-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.ads-table tbody tr:last-child{border-bottom:none}.ads-table tbody tr:hover{background:#ebf1f7}.ads-table td{padding:1rem;vertical-align:middle;color:#374151}.sno-cell{font-weight:500;color:#64748b;width:60px}.title-cell{font-weight:500;color:#1a1a2e}.date-cell{color:#64748b;white-space:nowrap}.status-cell{width:100px}.status-badge{display:inline-block;padding:.3rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.status-expired{background:transparent;color:#ef4444}.status-active{background:#dcfce7;color:#16a34a}.status-paused{background:#fef3c7;color:#d97706}.status-draft,.status-inactive{background:#f1f5f9;color:#64748b}.impressions-cell,.clicks-cell{font-weight:500;color:#ef4444;text-align:center}.actions-cell{min-width:120px;white-space:nowrap}.action-btn{width:45px;height:45px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;margin-right:.35rem;background:transparent}.action-btn:last-child{margin-right:0}.action-btn svg{font-size:1.1rem}.view-btn{color:#054eb4}.view-btn:hover{background:#d4e2f3;color:#054eb4}.edit-btn{color:#3c4653}.edit-btn:hover{background:#dbdbe4;color:#64748b}.delete-btn{color:#ef4444}.delete-btn:hover{background:#f3d7d7;color:#dc2626}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.article-preview-modal{background:#fff;width:600px;max-height:90vh;overflow-y:auto;border-radius:8px;padding:16px}.modal-header{display:flex;justify-content:space-between;align-items:center}.preview-image img{width:100%;border-radius:6px;margin-bottom:12px}.preview-details p{margin:6px 0}.create-ad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.create-ad-header h1{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0}.back-btnn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;border:1px solid #e5e7eb;border-radius:50px;cursor:pointer;transition:all .2s ease}.back-btnn:hover{background:#f5f5f5;color:#130e0e}.back-btnn svg{font-size:1.5rem}.create-ad-form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;border:1px solid #eaeaea}.form-section{margin-bottom:1.5rem}.form-section-title{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 1.25rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.location-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.multi-dropdown{position:relative}.multi-dropdown-toggle{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;background:#fff;color:#1a1a2e;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.multi-dropdown-toggle:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.multi-dropdown-toggle:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.multi-dropdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-dropdown-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7280;margin-left:.5rem}.multi-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 16px #0000000f;max-height:220px;overflow-y:auto;padding:.5rem .75rem .75rem}.multi-dropdown-option{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#374151;padding:.25rem;cursor:pointer}.multi-dropdown-option input[type=checkbox]{cursor:pointer}.multi-dropdown-option:hover{background-color:#f3f4f6;border-radius:6px}.multi-dropdown-done{margin-top:.5rem;width:100%;padding:.4rem .75rem;border-radius:6px;border:none;background-color:#3b82f6;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.multi-dropdown-done:hover{background-color:#2563eb}.add-locationss-btnn{height:45px;margin-top:.5rem;padding:.5rem .9rem;border-radius:100px;border:1px solid #d1d5db;background-color:#dd1717;color:#f8f3f3;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease}.add-locationss-btnn:hover{border-color:#c22828;color:#f1ebeb;background-color:#e22b2b}.added-locationss{margin-top:.75rem;padding:.75rem .9rem;border-radius:8px;background-color:#c4c4c4;border:1px solid #e5e7eb}.added-locationss-title{font-size:.8rem;font-weight:600;color:#1c2127;margin-bottom:.35rem}.added-locationss ul{list-style:none;font-size:.9rem;background-color:#fff;border-radius:10px;padding:.25rem .75rem;margin:0}.added-locationss li{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#024db6;padding:.25rem 0}.remove-locationss-btn{border:none;background:transparent;color:#111827;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:999px;transition:all .15s ease}.remove-locationss-btn:hover{background-color:#fee2e2;color:#b91c1c}.remove-locationss-btn svg{font-size:.9rem}.form-label{display:block;font-size:.95rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#374151;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:#c9cace}.form-input::placeholder{color:#94a3b8}.form-textarea{width:100%;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#374151;background:#fff;transition:all .2s ease;resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:#c9cace}.form-textarea::placeholder{color:#94a3b8}.upload-area{border:2px dashed #e5e7eb;border-radius:12px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafbfc}.upload-area:hover{border-color:#c9cace;background:#f5f6fa}.upload-icon{font-size:3rem;color:#94a3b8;margin-bottom:.75rem}.upload-text{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .25rem}.upload-subtext{font-size:.9rem;color:#64748b;margin:0 0 .3rem 1.3rem}.upload-formats{font-size:.85rem;color:#3b82f6;margin:0}.form-row{display:flex;gap:1.5rem}.form-group.half{flex:1}.frequency-dropdown-container{position:relative;width:120px}.frequency-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;color:#374151;cursor:pointer;transition:all .2s ease}.frequency-dropdown-btn:hover{border-color:#c9cace}.frequency-dropdown-btn svg{font-size:1.2rem;color:#64748b}.frequency-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.frequency-option{padding:.75rem 1rem;font-size:.95rem;color:#374151;cursor:pointer;transition:background .15s ease}.frequency-option:hover{background:#f8fafc}.frequency-option.active{background:#eff6ff;color:#3b82f6}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#090deb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.form-create-btn:hover{background:#3835da}.form-create-btn svg{font-size:1.2rem}.form-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#ef4444;border:1px solid #ef4444;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.form-delete-btn:hover{background:#f5eaea}.form-delete-btn svg{font-size:1.2rem}.ads-table-container{-webkit-overflow-scrolling:touch;text-align:center}.ads-table{min-width:750px}.table-header th{text-align:center;vertical-align:middle}@media (max-width: 1200px){.ads-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.ads-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.filter-controls{width:100%;flex-wrap:wrap}.status-dropdown-container{flex:1;min-width:120px}.date-range-btn{flex:1}}@media (max-width: 768px){.ads-stats-grid{grid-template-columns:1fr}.ads-header{flex-direction:column;align-items:flex-start;gap:1rem}.ads-header h1{font-size:1.25rem}.create-ad-btn{width:100%;justify-content:center}.ads-table{font-size:.8rem;min-width:650px}.ads-table th,.ads-table td{padding:.75rem .5rem}.form-row{flex-direction:column;gap:1rem}.create-ad-form-container{padding:1.25rem}.action-btn{width:36px;height:36px}.create-ad-header h1{font-size:1.25rem}.form-actions{flex-direction:column}.form-create-btn,.form-delete-btn{width:100%;justify-content:center}}@media (max-width: 480px){.ads-stat-card{flex-direction:column;text-align:center;gap:.75rem}.stat-icon-wrapper{margin:0 auto}.filter-controls{flex-direction:column}.status-dropdown-container,.date-range-btn{width:100%}.ads-table{min-width:550px;font-size:.75rem}.search-input{font-size:16px}}html[data-theme=dark] .ads-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .ads-page :is(.ads-header h1,.stat-title,.stat-value,.ads-table th,.ads-table td,.title-cell,.date-cell,.clicks-cell,.create-ad-header h1,.form-section-title,.form-label,.upload-text,.upload-subtext){color:var(--text)!important}html[data-theme=dark] .ads-page :is(.ads-loading-text,.upload-formats){color:var(--muted)!important}html[data-theme=dark] .ads-page :is(.ads-stat-card,.ads-table-container,.article-preview-modal,.create-ad-form-container,.form-section,.status-dropdown-menu,.frequency-dropdown-menu,.multi-dropdown-menu){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .ads-page :is(.search-input,.status-dropdown-btn,.date-range-btn,.form-input,.form-textarea,.frequency-dropdown-btn,.multi-dropdown-toggle,.back-btnn){background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .ads-page .search-input::placeholder,html[data-theme=dark] .ads-page .form-input::placeholder,html[data-theme=dark] .ads-page .form-textarea::placeholder{color:var(--muted)!important}html[data-theme=dark] .ads-page .multi-dropdown-menu .multi-dropdown-option{color:var(--text)!important}html[data-theme=dark] .ads-page .multi-dropdown-menu .multi-dropdown-option:hover{background:#94a3b824!important;color:#f8fafc!important}html[data-theme=dark] .ads-page .multi-dropdown-menu .multi-dropdown-option span{color:inherit!important}html[data-theme=dark] .ads-page .multi-dropdown-toggle:disabled{background:#0f172a99!important;color:var(--muted)!important}html[data-theme=dark] .ads-page .upload-area{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme=dark] .ads-page .upload-area:hover{background:#94a3b81a!important;border-color:#94a3b859!important}html[data-theme=dark] .ads-page .upload-area :is(.upload-text,.upload-subtext){color:var(--text)!important}html[data-theme=dark] .ads-page .upload-area .upload-subtext{color:var(--muted)!important}html[data-theme=dark] .ads-page .added-locationss{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme=dark] .ads-page .added-locationss-title{color:var(--muted)!important}html[data-theme=dark] .ads-page .added-locationss ul{background:var(--surface)!important;border:1px solid var(--border)!important}html[data-theme=dark] .ads-page .added-locationss li{color:var(--text)!important}html[data-theme=dark] .ads-page .remove-locationss-btn{color:var(--muted)!important}html[data-theme=dark] .ads-page .remove-locationss-btn:hover{background:#7f1d1d59!important;color:#fecaca!important}html[data-theme=dark] .ads-page .ads-table thead th{background:var(--surface-2)!important}html[data-theme=dark] .ads-page .ads-table tbody tr:hover{background:#94a3b814!important}html[data-theme=dark] .ads-page :is(.search-icon,.multi-dropdown-arrow,.upload-icon,.back-btnn,.modal-header .close-btn){color:var(--text)!important}html[data-theme=dark] .ads-page .status-badge{border:1px solid transparent}html[data-theme=dark] .ads-page .status-active{background:#16a34a38!important;color:#86efac!important;border-color:#22c55e73!important}html[data-theme=dark] .ads-page .status-expired{background:#dc262638!important;color:#fca5a5!important;border-color:#f8717173!important}html[data-theme=dark] .ads-page .status-inactive,html[data-theme=dark] .ads-page .status-paused,html[data-theme=dark] .ads-page .status-draft{background:#94a3b838!important;color:#e2e8f0!important;border-color:#94a3b873!important}html[data-theme=dark] .ads-page .action-btn{background:#0f172ae6!important;border:1px solid rgba(148,163,184,.35)!important}html[data-theme=dark] .ads-page .action-btn:hover{background:#1e293bf2!important}html[data-theme=dark] .ads-page .action-btn.view-btn{color:#93c5fd!important}html[data-theme=dark] .ads-page .action-btn.view-btn:hover{color:#bfdbfe!important}html[data-theme=dark] .ads-page .action-btn.edit-btn{color:#cbd5e1!important}html[data-theme=dark] .ads-page .action-btn.edit-btn:hover{color:#e2e8f0!important}html[data-theme=dark] .ads-page .action-btn.delete-btn{color:#fca5a5!important}html[data-theme=dark] .ads-page .action-btn.delete-btn:hover{color:#fecaca!important;background:#7f1d1d73!important;border-color:#f8717173!important}html[data-theme=dark] .ads-page .action-btn svg{color:inherit!important;fill:currentColor;stroke:currentColor}html[data-theme=dark] .ads-page .form-actions{border-top-color:var(--border)!important}html[data-theme=dark] .ads-page .form-create-btn{color:#fff!important}html[data-theme=dark] .ads-page .form-delete-btn{background:#7f1d1d38!important;color:#fca5a5!important;border-color:#f8717173!important}html[data-theme=dark] .ads-page .form-delete-btn:hover{background:#7f1d1d61!important;color:#fecaca!important}.reports-container{padding:25px;background:#f1f5f9;min-height:100vh}.reports-title{font-size:22px;font-weight:600;margin-bottom:20px}.reports-table{display:flex;flex-direction:column;gap:15px}.report-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000000d}.report-header{display:flex;justify-content:space-between;margin-bottom:12px}.report-header h3{font-size:18px}.report-details p{margin:4px 0;font-size:14px}.status-badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.pending{background:#fef3c7;color:#92400e;height:30px;border-radius:10px}.status-badge.reviewed{background:#dcfce7;color:#166534}.status-badge.ignored{background:#e2e8f0;color:#475569}.report-actions{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap}.report-actions button{border:none;padding:7px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:13px}.view-btn{background:#3b82f6;color:#fff}.ignore-btn{background:#22c55e;color:#fff}.warn-btn{background:#f59e0b;color:#fff}.delete-btn{background:#ef4444;color:#fff}.block-btn{background:#7c3aed;color:#fff}.cancel-btn{background:#e5e7eb}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.action-modal{background:#fff;width:400px;max-width:90%;padding:20px;border-radius:10px;box-shadow:0 5px 20px #00000040;animation:modalFade .3s ease}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.action-modal textarea{width:100%;height:90px;margin-top:10px;padding:8px;border-radius:6px;border:1px solid #ccc}.modal-buttons{display:flex;justify-content:space-between;margin-top:15px}.actions-btn{background:#2563eb;color:#fff;padding:7px 14px;border-radius:6px;border:none;cursor:pointer;display:flex;gap:5px;align-items:center}.action-select{width:100%;margin-top:10px;padding:8px;border-radius:6px}.confirm-btn{background:#339e5a;color:#fff;border-radius:25px;width:90px;height:45px}.confirm-btn:hover{background:#22c55e;color:#fff}.cancele-btn{background:#bbbfc7;color:#000;border-radius:25px;width:90px;height:45px}.cancele-btn:hover{background:#dadde2;color:#080808}.no-reports{width:100%;padding:40px;text-align:center;color:#64748b;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}.no-reports h3{margin-bottom:8px;font-size:20px}html[data-theme=dark] .reports-container{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .reports-container .report-card,html[data-theme=dark] .reports-container .no-reports,html[data-theme=dark] .reports-container .action-modal{background:var(--surface)!important;border:1px solid var(--border)!important}html[data-theme=dark] .reports-container .status-badge{border:1px solid transparent;font-weight:600}html[data-theme=dark] .reports-container .status-badge.pending{background:#f59e0b38!important;color:#fcd34d!important;border-color:#f59e0b73!important}html[data-theme=dark] .reports-container .status-badge.reviewed{background:#16a34a38!important;color:#86efac!important;border-color:#16a34a73!important}html[data-theme=dark] .reports-container .status-badge.ignored{background:#94a3b838!important;color:#e5e7eb!important;border-color:#94a3b873!important}.sidebar{position:relative;height:100vh;width:260px;background:#fff;color:#374151;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:2px 0 10px #0000000d;border-right:1px solid #f0f0f0;transition:width .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;overflow:visible}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(249,115,22,.02) 0%,transparent 20%);pointer-events:none;opacity:0;transition:opacity .3s ease}.sidebar:hover:before{opacity:1}.sidebar.collapsed{width:80px}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;width:260px;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;z-index:1000}.sidebar.open{transform:translate(0);animation:sidebarSlideIn .35s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 32px #0000001f}.sidebar.collapsed{width:260px}}@keyframes sidebarSlideIn{0%{opacity:.9;box-shadow:0 0 #0000}to{opacity:1;box-shadow:8px 0 32px #0000001f}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar:before,.nav-link,.nav-link:before,.nav-icon,.logo-icon,.nav-item{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sidebar-content{height:100%;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:center}.logo-wrapper{display:flex;align-items:center;gap:.75rem}.logo-icon{width:290px;height:100px;margin-left:40px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s ease,height .35s ease}.logo-wrapper:hover .logo-icon{transform:scale(1.05)}.logo-wrapper:active .logo-icon{transform:scale(.98)}.sidebar.collapsed .logo-icon{width:130px;height:60px;margin-right:12px}.sidebar.collapsed .logo-wrapper{justify-content:center}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar-nav{flex:1;overflow-y:auto}.nav-item{margin:.25rem 0;padding:0 .75rem}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 16px;color:#6b7280;text-decoration:none;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f97316,#ea580c);border-radius:0 4px 4px 0;transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);transform-origin:center}.nav-link:hover{background:#f9731614;color:#dc2626;transform:translate(4px);box-shadow:0 2px 8px #f973161f}.nav-link:hover:before{transform:scaleY(.6)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.active{background:#f973161f;color:#dc2626;box-shadow:0 2px 12px #f9731626}.nav-link.active:before{transform:scaleY(1)}.nav-link:focus-visible{outline:2px solid rgba(249,115,22,.6);outline-offset:2px}.nav-icon{font-size:20px;min-width:22px;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-label{font-size:.9rem;font-weight:500;white-space:nowrap}.nav-active-indicator{margin-left:auto}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-active-indicator{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-link{position:relative;overflow:visible}.sidebar.collapsed .nav-link:after{content:attr(data-label);position:absolute;left:100%;margin-left:12px;top:50%;transform:translateY(-50%);background:#111827;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:99999}.sidebar.collapsed .nav-link:hover:after{opacity:1;visibility:visible}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:.1rem 0;padding:0 .75rem;animation:slideIn .4s cubic-bezier(.4,0,.2,1) backwards;animation-delay:var(--delay, 0s)}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.nav-link{position:relative;display:flex;align-items:center;padding:.65rem 1rem;color:#6b7280;text-decoration:none;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);gap:.75rem;-webkit-tap-highlight-color:transparent}.nav-link:hover{color:#dc2626;background:#f9731614}.nav-link.active{color:#dc2626;background:linear-gradient(90deg,#f9731624,#f9731614)}.nav-icon{font-size:1.15rem;width:22px;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.nav-link.active .nav-icon{color:#dc2626;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:1}50%{opacity:.85}}.nav-label{font-size:.85rem;font-weight:500;flex:1;white-space:nowrap}.nav-active-indicator{font-size:1.1rem;font-weight:600;margin-left:auto;animation:indicatorSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes indicatorSlide{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);width:280px;box-shadow:4px 0 20px #00000026}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.logo-wrapper{flex:1}.nav-link{padding:.875rem 1rem}.nav-label{font-size:.9rem}.nav-icon{font-size:1.25rem;width:24px}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:240px;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar:not(.open){width:240px}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:240px;transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}}.sidebar.collapsed .nav-label{display:none}.sidebar,.sidebar .nav-link{overflow:visible!important}.sidebar.collapsed .nav-link{position:relative}.sidebar.collapsed .nav-link:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:14px;background:#111827;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:99999;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .nav-link:hover:after{opacity:1;transform:translateY(-50%) translate(8px);transition:opacity .2s ease,transform .25s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .nav-link:hover{transform:scale(1.02);box-shadow:0 2px 8px #f9731626}.app-header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.menu-toggle-btn{display:flex;width:42px;height:42px;border:none;background:#f5f6fa;border-radius:10px;color:#374151;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.menu-toggle-btn:hover{background:#e5e7eb;color:#1a1a2e}.menu-toggle-btn:active{transform:scale(.95)}.menu-toggle-btn svg{font-size:1.5rem}.header-right{display:flex;align-items:center;gap:.75rem}.add-news-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#dc2626,#b91c1c);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc262640;white-space:nowrap;-webkit-tap-highlight-color:transparent}.add-news-btn:hover{background:linear-gradient(90deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.add-news-btn:active{transform:translateY(0)}.plus-icon{font-size:1.1rem;font-weight:700}.notification-btn{position:relative;width:42px;height:42px;background:#f5f6fa;border:1px solid #eaeaea;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent}.notification-btn:hover{background:#eaeaea}.notification-btn:active{transform:scale(.95)}.notification-btn svg{width:20px;height:20px;color:#6b7280}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#dc2626;border-radius:50%;border:2px solid white}.user-dropdown{position:relative}.user-dropdown-trigger{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem .4rem .4rem;background:#f5f6fa;border:1px solid #eaeaea;border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.user-dropdown-trigger:hover{background:#eaeaea}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e5e7eb;overflow:hidden;animation:dropdownFade .2s ease-out;z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;width:100%;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item:hover{background:#f5f6fa}.dropdown-item.user-info{cursor:default;background:#fafafa}.dropdown-item.user-info:hover{background:#fafafa}.dropdown-icon{font-size:1.25rem;color:#6b7280;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-display-name{font-size:.9rem;font-weight:600;color:#1a1a2e}.user-email{font-size:.8rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e5e7eb}.logout-btn,.logout-btn .dropdown-icon{color:#dc2626}.logout-btn:hover{background:#fef2f2}.admin-btn{color:#374151;position:relative}.admin-btn:hover{background:#f5f6fa}.admin-arrow{transition:transform .2s ease;color:#6b7280}.admin-arrow.expanded{transform:rotate(180deg)}.admin-details-panel{background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:.75rem 0;animation:slideDown .3s ease-out;overflow:visible;display:block;width:100%}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;padding-top:.75rem;padding-bottom:.75rem;transform:translateY(0)}}.admin-detail-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem .625rem 2.5rem;transition:background .2s ease;min-height:48px}.admin-detail-item:hover{background:#f3f4f6}.admin-detail-icon{font-size:1.1rem;color:#6b7280;flex-shrink:0}.admin-detail-content{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.admin-detail-label{font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-detail-value{font-size:.875rem;color:#1a1a2e;font-weight:500;word-break:break-word}.admin-photo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 1rem .75rem}.admin-photo{width:96px;height:96px;border-radius:999px;background:#1d4ed8;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;overflow:hidden}.admin-photo.has-photo{background:transparent}.admin-photo img{width:100%;height:100%;object-fit:cover}.admin-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem 1rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #2563eb59;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.admin-upload-btn:hover{background:#1d4ed8;box-shadow:0 3px 10px #2563eb73}.admin-upload-btn:active{transform:scale(.97)}.admin-detail-input{width:100%;padding:.35rem .5rem;border-radius:6px;border:1px solid #d1d5db;font-size:.85rem;color:#111827;outline:none;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.admin-detail-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d;background-color:#fff}.admin-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem 1rem .25rem;margin-top:.25rem}.admin-edit-btn{padding:.35rem .75rem;border-radius:999px;border:1px solid #d1d5db;background:#fff;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.admin-edit-btn:hover{background:#f3f4f6}.admin-edit-btn:active{transform:scale(.97)}.admin-edit-btn.admin-edit-cancel{color:#6b7280}.admin-edit-btn.admin-edit-save{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 6px #2563eb59}.admin-edit-btn.admin-edit-save:hover{background:#1d4ed8;border-color:#1d4ed8}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.user-avatar.has-photo{background:transparent}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.user-name{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.dropdown-arrow{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.menu-toggle-btn svg{transition:transform .3s ease}@media (max-width: 768px){.app-header{height:60px;padding:0 .75rem}.user-name{display:none}.user-dropdown{padding:.35rem}.dropdown-arrow,.add-news-btn .btn-text{display:none}.add-news-btn{padding:.6rem;width:42px;height:42px;justify-content:center}.add-news-btn .plus-icon{font-size:1.25rem}.notification-btn,.menu-toggle-btn{width:38px;height:38px}.dropdown-menu{right:-.5rem;min-width:220px}}@media (max-width: 480px){.app-header{height:56px;gap:.5rem}.header-right{gap:.35rem}.notification-btn,.menu-toggle-btn,.add-news-btn{width:36px;height:36px}.add-news-btn{padding:.5rem}.user-avatar{width:28px;height:28px;font-size:.6rem}}@supports (padding: max(0px)){.app-header{padding-top:env(safe-area-inset-top)}@media (max-width: 768px){.app-header{height:calc(60px + env(safe-area-inset-top))}}@media (max-width: 480px){.app-header{height:calc(56px + env(safe-area-inset-top))}}}.theme-toggle-btn{width:42px;height:42px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f5f6fa;border:1px solid #eaeaea;color:#6b7280;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.theme-toggle-btn:hover{background:#eaeaea}.theme-toggle-btn:active{transform:scale(.97)}.theme-toggle-btn svg{width:20px;height:20px}@media (max-width: 768px){.theme-toggle-btn{width:38px;height:38px}}@media (max-width: 480px){.theme-toggle-btn{width:36px;height:36px}}.app{display:flex;min-height:100vh;background-color:#f5f6fa;position:relative}.app-container{display:flex;min-height:100vh}.main-wrapper{flex:1;transition:all .3s ease;display:flex;flex-direction:column}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.page-content{flex:1;padding:1.5rem;overflow-x:hidden}html,body{margin:0;padding:0;height:100%}.app{display:flex;min-height:100vh;background-color:#f5f6fa}.app-container{display:flex;height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:all .3s ease}.page-content{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media (max-width: 1024px){.page-content{padding:1.25rem}.sidebar-overlay{display:block}}@media (max-width: 1024px){.main-content{margin-left:0}.page-content{padding:1.25rem}.sidebar-overlay{display:block}}@media (max-width: 768px){.page-content{padding:1rem}}@media (max-width: 480px){.page-content{padding:.75rem}}@supports (padding: max(0px)){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.page-content{padding-bottom:max(1rem,env(safe-area-inset-bottom))}@media (max-width: 480px){.page-content{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}}}.feedback-container{padding:30px;background:#f4f6f9;min-height:100vh}.feedback-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.feedback-container h2{margin:0;font-size:large;font-weight:700}.feedback-total-count{font-size:.95rem;font-weight:500;color:#475569}.feedback-total-count-number{font-weight:700;color:#1e293b}.feedback-loading,.feedback-empty{padding:24px;text-align:center;color:#64748b;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d}.feedback-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d}.feedback-pagination button{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;border-radius:6px;font-size:.85rem}.feedback-pagination button:disabled{opacity:.5;cursor:not-allowed}.feedback-pagination span{font-size:.9rem;font-weight:500}.feedback-pagination-meta{opacity:.85;font-weight:400}.feedback-pagination-pages{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}.feedback-page-btn.is-current{font-weight:700}.feedback-card{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 5px 15px #0000000d}.feedback-header{display:flex;justify-content:space-between;margin-bottom:10px}.feedback-message{margin-bottom:15px;font-size:15px}.admin-reply{background:#e6f4ea;padding:10px;border-radius:6px;margin-bottom:10px}.reply-section{display:flex;gap:10px}.reply-section input{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc}.reply-section button{padding:8px 15px;border:none;background:#4e73df;color:#fff;border-radius:6px;cursor:pointer}.reply-section button:hover{background:#2e59d9}html[data-theme=dark] .feedback-container{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .feedback-container h2,html[data-theme=dark] .feedback-container h4,html[data-theme=dark] .feedback-container p,html[data-theme=dark] .feedback-container span,html[data-theme=dark] .feedback-container strong{color:var(--text)!important}html[data-theme=dark] .feedback-card{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 6px 18px #0000003d!important}html[data-theme=dark] .feedback-header{border-bottom:1px solid var(--border);padding-bottom:.5rem}html[data-theme=dark] .feedback-total-count{color:var(--muted)!important}html[data-theme=dark] .feedback-total-count-number{color:var(--text)!important}html[data-theme=dark] .feedback-loading,html[data-theme=dark] .feedback-empty{background:var(--surface)!important;color:var(--muted)!important;border:1px solid var(--border)!important}html[data-theme=dark] .feedback-pagination{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 6px 18px #0000003d!important}html[data-theme=dark] .feedback-pagination button{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .feedback-pagination span{color:var(--text)!important}html[data-theme=dark] .admin-reply{background:#10b98124!important;border:1px solid rgba(16,185,129,.35)!important}html[data-theme=dark] .reply-section input{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .reply-section input::placeholder{color:var(--muted)!important}.channels-page{width:100%;padding:0 0 24px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.channels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.channels-header h1{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem;letter-spacing:-.025em}.create-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #ef444459;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:capitalize}.create-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #b91c1c73;filter:brightness(1.03)}.create-btn:active{transform:translateY(0);box-shadow:0 4px 10px #b91c1c59}.search-box{position:relative;display:flex;max-width:100%;gap:1rem;margin-bottom:1.5rem}.search-box input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;color:#1e293b;outline:none;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.search-box input::placeholder{color:#94a3b8}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.channel-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:all .35s cubic-bezier(.4,0,.2,1)}.channel-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f,0 8px 16px #00000014}.channel-image{width:100%;height:180px;object-fit:contain;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:1.25rem}.channel-content{padding:1rem 1.25rem 1.1rem}.channel-name{display:block;font-size:.95rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.status-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;color:#64748b}.status-row strong{color:#0f172a}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:24px;transition:background-color .25s ease,box-shadow .2s ease}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 4px #0003}.switch input:checked+.slider{background-color:#22c55e;box-shadow:0 0 0 2px #22c55e40}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:focus-visible+.slider{outline:2px solid #22c55e;outline-offset:2px}.deletes-btn,.edits-btn{position:absolute;top:10px;width:30px;height:30px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;box-shadow:0 4px 10px #00000040;transition:all .2s ease;z-index:2}.deletes-btn{right:10px;background:#fee2e2;color:#dc2626}.deletes-btn:hover{background:#fecaca;color:#b91c1c;transform:translateY(-1px)}.edits-btn{right:46px;background:#eff6ff;color:#2563eb}.edits-btn:hover{background:#dbeafe;color:#1d4ed8;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal{background:#fff;border-radius:16px;width:100%;max-width:360px;padding:1.75rem 1.75rem 1.4rem;box-shadow:0 20px 40px #0000002e;display:flex;flex-direction:column;gap:.5rem}.modal h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:#0f172a}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-field-group{display:flex;flex-direction:column;gap:.35rem}.modal-label{font-size:.85rem;font-weight:600;color:#111827}.modal-label-row{display:flex;align-items:baseline;gap:.25rem}.modal-optional{font-size:.8rem;color:#9ca3af}.modal-helper-text{margin:0;font-size:.75rem;color:#6b7280}.modal-input{padding:.7rem .85rem;border-radius:10px;border:1px solid #e2e8f0;font-size:.9rem;outline:none;transition:all .2s ease}.modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.upload-area{margin-top:.4rem;border-radius:14px;border:1px dashed #d1d5db;background:#f9fafb;padding:1.2rem 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.upload-area:hover{background:#f3f4f6;border-color:#9ca3af}.upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#6b7280}.upload-icon{width:32px;height:32px;border-radius:999px;background:#e5edff;border:1px solid #c7d2fe}.upload-title{margin:0;font-size:.85rem;font-weight:500;color:#4b5563}.upload-preview{max-width:100%;max-height:120px;border-radius:10px;object-fit:contain}.modal-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.cancel-btn,.save-btn{padding:.55rem 1.1rem;border-radius:999px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#e5e7eb;color:#374151}.cancel-btn:hover{background:#d1d5db}.save-btn{background:#2563eb;color:#fff;box-shadow:0 6px 16px #2563eb59}.primary-btn{min-width:130px}.save-btn:hover{background:#1d4ed8;box-shadow:0 8px 20px #2563eb73}@media (max-width: 768px){.channels-grid{grid-template-columns:1fr}.search-box{flex-direction:column}}.permissions-page{width:100%;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:#f5f6fa;min-height:calc(100vh + -0px)}.permissions-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #eaeaea;padding:1.5rem 1.5rem 1.25rem}.permissions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.permissions-title{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0;letter-spacing:-.02em}.permissions-toolbar-right{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.permissions-search-label{font-size:.9rem;color:#64748b;white-space:nowrap}.permissions-search-input{width:180px;min-width:140px;height:40px;padding:0 .75rem;border:1px solid #c7c2c2;border-radius:8px;font-size:.9rem;color:#1a1a2e;background:#fff;box-sizing:border-box}.permissions-search-input:focus{outline:none;border-color:#94a3b8}.permissions-search-input::placeholder{color:#94a3b8}.permissions-add-new{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 1.1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#fff;background:#ff4d4d;cursor:pointer;transition:background .2s ease,transform .15s ease;white-space:nowrap}.permissions-add-new:hover{background:#e63e3e}.permissions-add-new:active{transform:scale(.98)}.permissions-table-wrap{overflow-x:auto;margin:0 -.25rem}.permissions-table{width:100%;border-collapse:collapse;font-size:.8rem}.permissions-table thead th{text-align:left;padding:.85rem 1rem;background:#f1f3f5;color:#1a1a2e;font-weight:600;border-bottom:1px solid #e5e7eb;white-space:nowrap}.permissions-table thead th.permissions-th-sno{text-align:center;width:3.25rem;white-space:nowrap}.permissions-table thead th.permissions-th-actions{text-align:right;width:4.5rem}.permissions-table thead th.permissions-th-news-count{text-align:center;min-width:11.5rem}.permissions-table tbody td.permissions-td-news-count{text-align:center;font-variant-numeric:tabular-nums;font-weight:500;color:#0f172a}.permissions-table thead th.permissions-th-news-today{text-align:center;min-width:11.5rem}.permissions-table tbody td.permissions-td-news-today{text-align:center;font-variant-numeric:tabular-nums;font-weight:500;color:#0f172a}.permissions-table tbody td{padding:.95rem 1rem;border-bottom:1px solid #e8e8e8;color:#1a1a2e;vertical-align:middle}.permissions-table tbody td.permissions-td-sno{text-align:center;font-weight:600;color:#64748b;width:3.25rem}.permissions-table tbody tr:last-child td{border-bottom:none}.permissions-table tbody tr:hover{background:#fafbfc}.permissions-td-actions{text-align:right}.permissions-row-menu{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.permissions-row-menu:hover,.permissions-row-menu-open{background:#f1f3f5;color:#1a1a2e}.permissions-action-dropdown{position:fixed;z-index:10100;min-width:168px;padding:0;margin:0;list-style:none;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.permissions-action-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #eef0f2;background:#fff;font-size:.9rem;font-weight:500;color:#1a1a2e;cursor:pointer;text-align:left;transition:background .15s ease}.permissions-action-item:last-child{border-bottom:none}.permissions-action-item:hover{background:#f8fafc}.permissions-action-icon{flex-shrink:0}.permissions-action-icon-view{color:#ff4d4d}.permissions-action-icon-edit{color:#64748b}.permissions-action-icon-delete{color:#b45309}.permissions-action-delete:hover{background:#fff7ed}.permissions-optional-hint{font-weight:500;font-size:.78rem;color:#64748b}.permissions-view-overlay{z-index:10060;align-items:center}.permissions-view-modal{width:100%;max-width:440px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000001f;border:1px solid #e8e8e8;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.permissions-view-body{padding:1rem 1.25rem 1.35rem;overflow-y:auto}.permissions-view-dl{margin:0}.permissions-view-row{display:grid;grid-template-columns:110px 1fr;gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid #f1f3f5;font-size:.9rem}.permissions-view-row:last-of-type{border-bottom:none}.permissions-view-row dt{margin:0;font-weight:600;color:#64748b}.permissions-view-row dd{margin:0;color:#1a1a2e;word-break:break-word}.permissions-view-perms{margin-top:1rem;padding-top:1rem;border-top:1px solid #eef0f2}.permissions-view-perms-title{margin:0 0 .65rem;font-size:.88rem;font-weight:700;color:#1a1a2e}.permissions-view-perms-empty{margin:0;font-size:.88rem;color:#64748b}.permissions-view-perms-list{margin:0;padding-left:1.1rem;font-size:.85rem;color:#334155;line-height:1.55}.permissions-delete-overlay{z-index:10070;align-items:center}.permissions-delete-dialog{width:100%;max-width:400px;padding:1.35rem 1.4rem;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000001f;border:1px solid #e8e8e8}.permissions-delete-title{margin:0 0 .75rem;font-size:1.15rem;font-weight:700;color:#1a1a2e}.permissions-delete-text{margin:0 0 1.25rem;font-size:.92rem;color:#475569;line-height:1.5}.permissions-delete-actions{display:flex;justify-content:flex-end;gap:.65rem}.permissions-delete-cancel{padding:.55rem 1.1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer}.permissions-delete-cancel:hover{background:#f1f5f9}.permissions-delete-confirm{padding:.55rem 1.2rem;border:none;border-radius:8px;background:#ff4d4d;font-size:.9rem;font-weight:700;color:#fff;cursor:pointer}.permissions-delete-confirm:hover{background:#e63e3e}.permissions-empty{text-align:center;padding:2.5rem 1rem;color:#64748b}.permissions-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #eef0f2}.permissions-page-size{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#64748b}.permissions-page-size-input{width:48px;height:32px;padding:0 .35rem;text-align:center;border:1px solid #c7c2c2;border-radius:6px;font-size:.85rem;color:#1a1a2e;background:#fff;box-sizing:border-box}.permissions-page-size-input:focus{outline:none;border-color:#94a3b8}.permissions-pagination{display:flex;align-items:center}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination button{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;border-radius:6px;font-size:.85rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.9rem;font-weight:500}.permissions-page-nav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;border-radius:6px;background:#f1f3f5;color:#475569;font-size:1rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.permissions-page-nav:hover:not(:disabled){background:#e8eaed;border-color:#cbd1d8}.permissions-page-nav:disabled{opacity:.45;cursor:not-allowed}.permissions-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border-radius:6px;background:#ff4d4d;color:#fff;font-size:.9rem;font-weight:600}.permissions-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;overflow-y:auto;box-sizing:border-box}.permissions-create-modal{width:100%;max-width:920px;margin:auto;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0000001f;border:1px solid #e8e8e8;max-height:calc(100vh - 3rem);display:flex;flex-direction:column}.permissions-create-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #eef0f2;flex-shrink:0}.permissions-create-title{margin:0;font-size:1.2rem;font-weight:700;color:#1a1a2e}.permissions-create-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;transition:background .2s ease,color .2s ease}.permissions-create-close:hover{background:#f1f3f5;color:#1a1a2e}.permissions-create-form{padding:1.25rem 1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.permissions-create-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.25rem;margin-bottom:1.5rem}@media (max-width: 768px){.permissions-create-fields{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.permissions-create-fields{grid-template-columns:repeat(2,1fr)}}.permissions-field{display:flex;flex-direction:column;gap:.4rem;margin:0}.permissions-field-label{font-size:.88rem;font-weight:600;color:#334155}.permissions-asterisk{color:#ff4d4d;font-weight:700}.permissions-field-input{height:42px;padding:0 .75rem;border:1px solid #c7c2c2;border-radius:8px;font-size:.9rem;color:#1a1a2e;background:#fff;box-sizing:border-box}.permissions-field-input:focus{outline:none;border-color:#94a3b8}.permissions-field-input::placeholder{color:#94a3b8}.permissions-matrix-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem}.permissions-matrix-table{width:100%;border-collapse:collapse;font-size:.88rem}.permissions-matrix-table thead th{text-align:left;padding:.75rem 1rem;background:#f1f3f5;color:#1a1a2e;font-weight:600;border-bottom:1px solid #e5e7eb}.permissions-matrix-th-actions{text-align:center;white-space:nowrap;width:8rem}.permissions-matrix-table tbody td{padding:.85rem 1rem;border-bottom:1px solid #eef0f2;color:#1a1a2e;vertical-align:top}.permissions-matrix-table tbody tr:last-child td{border-bottom:none}.permissions-matrix-module{font-weight:600;white-space:nowrap;max-width:200px}.permissions-matrix-subs{background:#fafbfc}.permissions-sub-checks{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem}.permissions-sub-label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;color:#334155;font-weight:500}.permissions-sub-label input{width:1rem;height:1rem;accent-color:#ff4d4d;cursor:pointer}.permissions-matrix-actions{text-align:center;vertical-align:middle;background:#fff}.permissions-check-all-label{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;font-weight:600;color:#334155;white-space:nowrap}.permissions-check-all-label input{width:1rem;height:1rem;accent-color:#ff4d4d;cursor:pointer}.permissions-create-submit-wrap{display:flex;justify-content:center;padding-top:.25rem}.permissions-create-submit{min-width:200px;height:48px;padding:0 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;color:#fff;background:#ff4d4d;cursor:pointer;transition:background .2s ease,transform .15s ease}.permissions-create-submit:hover{background:#e63e3e}.permissions-create-submit:active{transform:scale(.99)}.permissions-api-error{margin:0 0 1rem;padding:.65rem .85rem;border-radius:8px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.9rem}.permissions-api-error-inline{margin-bottom:1rem}.permissions-modules-grid{margin:1rem 0}.permissions-modules-title{font-size:.95rem;font-weight:600;color:#334155;margin:0 0 .5rem}.permissions-modules-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.permissions-hint{font-size:.88rem;color:#64748b;margin:0 0 1rem}.permissions-field-row{flex-direction:row;align-items:center;gap:.5rem}.permissions-active-toggle{min-height:42px;padding-top:1.35rem;box-sizing:border-box}.permissions-checkbox{width:1rem;height:1rem;accent-color:#ff4d4d;cursor:pointer;flex-shrink:0}.permissions-checkbox-text{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.permissions-role-pill{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:#f1f5f9;font-size:.8rem;font-weight:600;color:#334155}.permissions-super-badge{display:inline-block;margin-left:.35rem;padding:.1rem .4rem;border-radius:4px;background:#ede9fe;color:#5b21b6;font-size:.72rem;font-weight:700;text-transform:uppercase}.permissions-status{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600}.permissions-status-active{background:#dcfce7;color:#166534}.permissions-status-inactive{background:#fee2e2;color:#991b1b}.permissions-action-item:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .permissions-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] .permissions-card{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 12px 30px #00000047!important}html[data-theme=dark] .permissions-page :is(.permissions-title,.permissions-table thead th,.permissions-table tbody td,.permissions-api-error,.permissions-view-modal,.permissions-view-modal *:not(svg)){color:var(--text)!important}html[data-theme=dark] .permissions-page :is(.permissions-search-label,.permissions-table tbody td.permissions-td-sno,.permissions-hint,.permissions-optional-hint){color:var(--muted)!important}html[data-theme=dark] .permissions-search-input{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .permissions-search-input::placeholder{color:var(--muted)!important}html[data-theme=dark] .permissions-table thead th{background:var(--surface-2)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .permissions-table tbody td.permissions-td-news-count{color:var(--text)!important}html[data-theme=dark] .permissions-table tbody td{border-bottom-color:var(--border)!important}html[data-theme=dark] .permissions-table tbody tr:hover{background:#94a3b814!important}html[data-theme=dark] .permissions-row-menu{color:var(--muted)!important}html[data-theme=dark] .permissions-row-menu:hover,html[data-theme=dark] .permissions-row-menu-open{background:#94a3b81f!important;color:var(--text)!important}html[data-theme=dark] .permissions-role-pill{background:#94a3b824!important;color:#e2e8f0!important;border:1px solid rgba(148,163,184,.28)}html[data-theme=dark] .permissions-status{border:1px solid transparent}html[data-theme=dark] .permissions-status-active{background:#16a34a38!important;color:#86efac!important;border-color:#22c55e73!important}html[data-theme=dark] .permissions-status-inactive{background:#dc262638!important;color:#fca5a5!important;border-color:#f8717173!important}html[data-theme=dark] .permissions-super-badge{background:#6d28d938!important;color:#ddd6fe!important;border:1px solid rgba(167,139,250,.35)}html[data-theme=dark] .permissions-action-dropdown{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 10px 30px #00000080!important}html[data-theme=dark] .permissions-action-item{background:transparent!important;border-bottom-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .permissions-action-item:hover{background:#94a3b814!important}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;overflow-x:hidden}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}.icon{width:32px;height:32px;border-radius:40px;object-fit:contain}@media (max-width: 768px){button,a,input[type=checkbox],input[type=radio],select{min-height:44px}input[type=checkbox],input[type=radio]{min-width:44px}}button,.nav-link,.action-btn{-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}}@media (hover: none) and (pointer: coarse){.media-card:hover{transform:none;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}.media-card:hover .media-image{transform:none;filter:none}.media-card:hover .media-overlay{opacity:1;transform:translateY(0)}button:active,a:active{opacity:.8}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){html{font-size:14px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media print{.sidebar,.app-header,.sidebar-overlay{display:none!important}.main-content{margin-left:0!important}.page-content{padding:0!important}}:root{--bg: #f5f6fa;--bg-page: #f5f6fa;--surface: #ffffff;--surface-2: #f8fafc;--text: #1a1a2e;--muted: #64748b;--border: #e5e7eb;--input-bg: #ffffff}html[data-theme=dark]{--bg: #0b1220;--bg-page: #0f172a;--surface: #0f172a;--surface-2: #111c35;--text: #e5e7eb;--muted: #94a3b8;--border: rgba(148, 163, 184, .22);--input-bg: rgba(15, 23, 42, .9)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background-color:var(--bg)!important;color:var(--text)!important;transition:background-color .2s ease,color .2s ease}html[data-theme=dark] .app{background-color:var(--bg-page)!important}html[data-theme=dark] .sidebar{background:var(--surface)!important;color:var(--text)!important;border-right-color:var(--border)!important;box-shadow:2px 0 16px #00000059!important}html[data-theme=dark] .sidebar:before{opacity:.25}html[data-theme=dark] .nav-link{color:var(--muted)!important}html[data-theme=dark] .nav-link:hover{background:#f973161a!important;color:#dc2626!important;box-shadow:none!important}html[data-theme=dark] .nav-link.active{background:#f9731624!important;color:#dc2626!important;box-shadow:none!important}html[data-theme=dark] .app-header{background:var(--surface)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .menu-toggle-btn,html[data-theme=dark] .notification-btn,html[data-theme=dark] .user-dropdown-trigger,html[data-theme=dark] .theme-toggle-btn{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--muted)!important}html[data-theme=dark] .notification-btn svg{color:var(--muted)!important}html[data-theme=dark] .user-name{color:var(--text)!important}html[data-theme=dark] .dropdown-menu{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .dropdown-item:hover{background:#94a3b814!important}html[data-theme=dark] .dropdown-item.user-info{background:#94a3b80f!important}html[data-theme=dark] .dropdown-item,html[data-theme=dark] .dropdown-item.admin-btn{color:var(--text)!important}html[data-theme=dark] .dropdown-item.admin-btn .admin-arrow{color:var(--muted)!important}html[data-theme=dark] .dropdown-divider{background:var(--border)!important}html[data-theme=dark] .dropdown-icon{color:var(--muted)!important}html[data-theme=dark] .admin-details-panel{background:#111827d9!important;border-top-color:var(--border)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .admin-detail-label{color:var(--muted)!important}html[data-theme=dark] .admin-detail-value{color:var(--text)!important}html[data-theme=dark] .admin-detail-item:hover{background:#94a3b814!important}html[data-theme=dark] .admin-detail-input{border-color:var(--border)!important;background-color:#0f172abf!important;color:var(--text)!important}html[data-theme=dark] .admin-edit-btn{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .admin-edit-btn:hover{background:#94a3b81a!important}html[data-theme=dark] .page-content{background:var(--bg-page)!important}html[data-theme=dark] .dashboard,html[data-theme=dark] .users-page,html[data-theme=dark] .news-management,html[data-theme=dark] .deleted-news-page,html[data-theme=dark] .add-news-page,html[data-theme=dark] .breaking-news-page,html[data-theme=dark] .analytics-page,html[data-theme=dark] .reporters-wrapper,html[data-theme=dark] .media-library,html[data-theme=dark] .category-page,html[data-theme=dark] .location-page,html[data-theme=dark] .profile-wrapper,html[data-theme=dark] .page-wrapper,html[data-theme=dark] .poll-admin-page,html[data-theme=dark] .reports-container,html[data-theme=dark] .ads-page,html[data-theme=dark] .channels-page,html[data-theme=dark] .feedback-container,html[data-theme=dark] .permissions-page{background:var(--bg-page)!important;color:var(--text)!important}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--muted)!important;opacity:1}html[data-theme=dark] .users-table-container,html[data-theme=dark] .news-table-container,html[data-theme=dark] .filters-panel,html[data-theme=dark] .add-news-form,html[data-theme=dark] .analytics-stat-card,html[data-theme=dark] .analytics-card,html[data-theme=dark] .chart-section,html[data-theme=dark] .articles-section,html[data-theme=dark] .queue-section,html[data-theme=dark] .secondary-stat-card,html[data-theme=dark] .user-profile-card,html[data-theme=dark] .activity-section,html[data-theme=dark] .comment-item,html[data-theme=dark] .saved-article-item,html[data-theme=dark] .feedback-card,html[data-theme=dark] .admin-reply,html[data-theme=dark] .report-card,html[data-theme=dark] .modal-content,html[data-theme=dark] .article-preview-modal,html[data-theme=dark] .news-delete-modal,html[data-theme=dark] .reassign-modal,html[data-theme=dark] .suggest-modal,html[data-theme=dark] .permissions-card,html[data-theme=dark] .permissions-create-modal{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .permissions-create-head{border-bottom-color:var(--border)!important}html[data-theme=dark] .permissions-matrix-wrap{border-color:var(--border)!important}html[data-theme=dark] .permissions-matrix-subs{background:var(--surface-2)!important}html[data-theme=dark] .permissions-matrix-actions{background:var(--surface)!important}html[data-theme=dark] .permissions-action-dropdown,html[data-theme=dark] .permissions-action-item{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .permissions-action-item:hover,html[data-theme=dark] .permissions-action-delete:hover{background:#94a3b81a!important}html[data-theme=dark] .permissions-view-modal,html[data-theme=dark] .permissions-delete-dialog{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .permissions-view-modal .permissions-create-title,html[data-theme=dark] .permissions-view-modal .permissions-view-row dd,html[data-theme=dark] .permissions-view-modal .permissions-view-perms-title,html[data-theme=dark] .permissions-view-modal .permissions-view-perms-list{color:var(--text)!important}html[data-theme=dark] .permissions-view-modal .permissions-view-row dt,html[data-theme=dark] .permissions-view-modal .permissions-view-perms-empty{color:var(--muted)!important}html[data-theme=dark] .permissions-view-modal .permissions-view-row,html[data-theme=dark] .permissions-view-modal .permissions-view-perms{border-color:var(--border)!important}html[data-theme=dark] thead,html[data-theme=dark] th{background:var(--surface-2)!important;color:var(--text)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] tbody tr:hover{background:#94a3b814!important}html[data-theme=dark] .permissions-table tbody td.permissions-td-sno{color:var(--muted)!important}html[data-theme=dark] .close-btn,html[data-theme=dark] .modal-cancel-btn,html[data-theme=dark] .pagination button,html[data-theme=dark] .page-btn{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .close-btn:hover,html[data-theme=dark] .modal-cancel-btn:hover,html[data-theme=dark] .pagination button:hover,html[data-theme=dark] .page-btn:hover{background:#94a3b81a!important}html[data-theme=dark] .page-content :is(h1,h2,h3,h4,h5,h6,p,span,label,li,td,th,a,small,strong,em){color:var(--text)}html[data-theme=dark] .page-content :is([class*=muted],[class*=subtitle],[class*=description],[class*=placeholder],[class*=hint],[class*=time],[class*=date]){color:var(--muted)!important}html[data-theme=dark] .page-content :is([class*=btn],[class*=badge],[class*=status],[class*=icon],.plus-icon){color:inherit}