@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{width:100%;margin:0 auto}@font-face{font-family:BaminiTamil03;src:url(/assets/BAMINI-Tamil03-DOIK0ECt.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BaminiTamil07;src:url(/assets/BAMINI-Tamil07-DgCM9hLi.ttf) format("truetype");font-weight:400;font-style:normal}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c2357,#680540);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:400px;text-align:center}.login-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0 0 32px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.form-group label{color:#333;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.login-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#ff77c6,#5d2848);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-header h1{font-size:24px}.login-header p{font-size:14px}.form-group input{padding:10px 14px;font-size:14px}.login-button{padding:12px 16px;font-size:14px}}.admin-home{display:flex;height:100vh;background:linear-gradient(135deg,#2d1b38,#1a0e1a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8f9fa;overflow:hidden}.admin-sidebar{width:280px;background:linear-gradient(135deg,#2d1b38,#1a0e1a);display:flex;flex-direction:column;border-right:1px solid rgba(219,112,147,.3);position:relative;overflow:hidden;box-shadow:4px 0 20px #2d1b3866}.admin-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(219,112,147,.5),transparent)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid rgba(219,112,147,.3);background:#db70931a}.sidebar-logo img{width:40px;height:40px;border-radius:8px;object-fit:cover}.sidebar-logo span{font-size:18px;font-weight:700;background:linear-gradient(135deg,#f8f9fa,#db7093);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#2d1b384d}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#db7093,#c9184a);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e87fa8,#db7093)}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:4px}.nav-item.active .nav-link{background:#db709326;border-left:3px solid #db7093;color:#f8f9fa}.nav-item.active .nav-link .nav-icon{color:#f8f9fa}.nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;color:#f8f9facc;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(219,112,147,.1),transparent);transition:left .5s ease}.nav-link:hover{color:#f8f9fa;background:#db70931a}.nav-link:hover:before{left:100%}.nav-link:hover .nav-icon{color:#f8f9fa;transform:scale(1.1)}.nav-icon{font-size:20px;transition:all .3s ease;flex-shrink:0;color:#f8f9fae6}.sidebar-profile{padding:20px;border-top:1px solid rgba(219,112,147,.3);background:#db70931a}.profile-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#db7093,#c9184a);display:flex;align-items:center;justify-content:center;color:#f8f9fa;font-size:18px;box-shadow:0 2px 8px #db70934d}.profile-details{flex:1}.profile-name{font-size:14px;font-weight:600;color:#f8f9fa;margin-bottom:2px}.profile-role{font-size:12px;color:#f8f9fab3}.profile-dropdown{color:#f8f9fab3;font-size:16px;transition:color .3s ease}.profile-dropdown:hover{color:#f8f9fa}.profile-actions{display:flex;gap:8px}.profile-action{width:36px;height:36px;border-radius:8px;background:#db70931a;border:1px solid rgba(219,112,147,.2);display:flex;align-items:center;justify-content:center;color:#f8f9facc;text-decoration:none;transition:all .3s ease}.profile-action:hover{background:#db709333;border-color:#db7093;color:#f8f9fa}.profile-action.logout:hover{background:#ff6b9d33;border-color:#ff6b9d;color:#ff6b9d}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#2d1b38,#1a0e1a)}.admin-header{padding:32px 40px 24px;border-bottom:1px solid rgba(219,112,147,.3);background:linear-gradient(135deg,#2d1b38,#1a0e1a)}.header-left{margin-bottom:24px}.header-left h1{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#f8f9fa,#db7093);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left p{color:#f8f9fab3;font-size:16px;margin:0}.header-stats{display:flex;gap:32px}.stat-item{text-align:center}.stat-item .stat-number{font-size:28px;font-weight:700;color:#db7093;margin-bottom:4px}.stat-item .stat-label{font-size:12px;color:#f8f9fab3;text-transform:uppercase;letter-spacing:.5px}.dashboard-content{flex:1;padding:32px 40px;overflow-y:auto}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#2d1b384d}.dashboard-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#db7093,#c9184a);border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e87fa8,#db7093)}.quick-actions{margin-bottom:40px}.quick-actions h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#f8f9fa}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.action-card{background:linear-gradient(135deg,#2d1b38,#1a0e1a);border:1px solid rgba(219,112,147,.2);border-radius:16px;padding:32px 24px;text-decoration:none;color:#f8f9fa;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 32px #2d1b384d}.action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#db70931a,#2d1b380d);opacity:0;transition:opacity .3s ease}.action-card:hover{transform:translateY(-4px);border-color:#db70934d;box-shadow:0 12px 40px #2d1b3866}.action-card:hover:before{opacity:1}.action-card:hover .action-icon{background:linear-gradient(135deg,#db7093,#c9184a);transform:scale(1.1)}.action-icon{width:56px;height:56px;border-radius:12px;background:#db709333;display:flex;align-items:center;justify-content:center;font-size:24px;color:#db7093;margin-bottom:20px;transition:all .3s ease}.action-card h3{font-size:18px;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.action-card p{font-size:14px;color:#f8f9fab3;line-height:1.5;margin:0;position:relative;z-index:1}.recent-activity h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#f8f9fa}.progress-section{margin-top:40px}.progress-section h2{font-size:24px;font-weight:600;margin-bottom:24px;color:#f8f9fa}.progress-empty{padding:16px 20px;border:1px dashed rgba(219,112,147,.3);border-radius:12px;color:#f8f9fab3;background:#db70930d}.progress-list{display:flex;flex-direction:column;gap:16px}.progress-item{padding:18px 20px;background:#db70930d;border:1px solid rgba(219,112,147,.2);border-radius:12px;transition:all .3s ease}.progress-item:hover{background:#db70931a;border-color:#db70934d}.progress-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.progress-user{font-size:14px;font-weight:600;color:#f8f9fa}.progress-action{font-size:13px;color:#f8f9fad9}.progress-time{margin-left:auto;font-size:12px;color:#f8f9fa99}.progress-news{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(219,112,147,.15)}.progress-news-img{width:64px;height:48px;border-radius:8px;object-fit:cover;border:1px solid rgba(219,112,147,.2);flex-shrink:0}.progress-news-title{font-size:13px;color:#f8f9fae6;line-height:1.3}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:20px;background:#db70930d;border:1px solid rgba(219,112,147,.2);border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#db70931a;border-color:#db70934d}.activity-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#db709333,#2d1b381a);display:flex;align-items:center;justify-content:center;color:#db7093;font-size:18px;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:500;color:#f8f9fa;margin-bottom:4px}.activity-time{font-size:12px;color:#f8f9fab3}@media(max-width:1200px){.admin-sidebar{width:240px}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.admin-home{flex-direction:column}.admin-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(219,112,147,.3)}.sidebar-profile{display:none}.admin-main{min-height:calc(100vh - 80px)}.admin-header{padding:24px 20px 20px}.dashboard-content{padding:24px 20px}.header-stats{gap:20px}.actions-grid{grid-template-columns:1fr}}@media(max-width:480px){.admin-header{padding:20px 16px 16px}.dashboard-content{padding:20px 16px}.header-left h1{font-size:24px}.header-stats{gap:16px}.stat-item .stat-number{font-size:20px}}@media(max-width:480px){.welcome-section h1{font-size:1.8rem}.admin-nav-card{padding:1.2rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-nav-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.admin-nav-card:hover:after{width:300px;height:300px}.main-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.mc-c1-b1,.mc-c1-b2{background:#2d1b38f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem 1.5rem;text-decoration:none;color:#f8f9fa;font-weight:600;text-align:center;transition:all .3s ease;border:2px solid rgba(219,112,147,.2);box-shadow:0 8px 25px #2d1b384d;position:relative;overflow:hidden}.mc-c1-b1:before,.mc-c1-b2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#db7093,#c9184a);transform:scaleX(0);transition:transform .3s ease}.mc-c1-b1:hover,.mc-c1-b2:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2d1b3866;border-color:#db70934d}.mc-c1-b1:hover:before,.mc-c1-b2:hover:before{transform:scaleX(1)}.mc-c1-b1:hover,.mc-c1-b2:hover{color:#f8f9fa}.mc-c1-b1:active,.mc-c1-b2:active{transform:translateY(-2px)}.mc-c1-b1{background:linear-gradient(135deg,#db7093,#c9184a);color:#f8f9fa;font-size:1.1rem}.mc-c1-b1:hover{background:linear-gradient(135deg,#e87fa8,#db7093);color:#f8f9fa}.mc-c1-b2{font-size:1rem}.mc-c1-b2:nth-child(2){background:linear-gradient(135deg,#3b82f6,#9333ea);color:#f8f9fa}.mc-c1-b2:nth-child(2):hover{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#f8f9fa}.mc-c1-b2:nth-child(3){background:linear-gradient(135deg,#10b981,#059669);color:#f8f9fa}.mc-c1-b2:nth-child(3):hover{background:linear-gradient(135deg,#059669,#047857);color:#f8f9fa}.mc-c1-b2:nth-child(4){background:linear-gradient(135deg,#f59e0b,#d97706);color:#f8f9fa}.mc-c1-b2:nth-child(4):hover{background:linear-gradient(135deg,#d97706,#b45309);color:#f8f9fa}.mc-c1-b2:nth-child(5){background:linear-gradient(135deg,#ff6b9d,#c9184a);color:#f8f9fa}.mc-c1-b2:nth-child(5):hover{background:linear-gradient(135deg,#c9184a,#ff6b9d);color:#f8f9fa}.logo{display:flex;align-items:center;gap:1rem}.logo img{height:45px;width:auto;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.newsbund-container{min-height:100vh;font-family:Noto Sans Tamil,sans-serif;background:#f6f7fb;color:#1f2937}.navbar{background:#fff;padding:18px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 8px 24px #0f172a14;position:sticky;top:0;z-index:1000;border-bottom:1px solid #e5e7eb;min-height:80px;flex-wrap:wrap}.logo img{height:56px;width:auto;transition:transform .2s ease}.logo img:hover{transform:scale(1.03)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-filter{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb}.nav-filter-label{font-size:.9rem;font-weight:600;color:#4b5563}.nav-filter-select{border:none;background:transparent;font-size:.95rem;font-weight:600;color:#111827;outline:none;cursor:pointer;padding-right:6px}.upload-news-btn{background:#2563eb;color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:.2px;transition:all .2s ease;box-shadow:0 6px 16px #2563eb40;border:1px solid rgba(37,99,235,.4)}.upload-news-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb4d;background:#1d4ed8}.upload-news-btn:active{transform:translateY(0)}.edit-newspage-btn{background:#111827;color:#fff;text-decoration:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:.2px;transition:all .2s ease;box-shadow:0 6px 16px #0f172a40;border:1px solid rgba(17,24,39,.45)}.edit-newspage-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a4d;background:#0f172a}.edit-newspage-btn:active{transform:translateY(0)}.news-grid-container{max-width:1500px;margin:0 auto;padding:24px 36px 60px}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px;width:100%;animation:fadeInUp .4s ease-out;align-items:start}.no-news-message{grid-column:1/-1;text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 10px 24px #0f172a14}.no-news-message h3{color:#111827;font-size:1.4rem;margin-bottom:.75rem}.no-news-message p{color:#6b7280;font-size:1rem}.news-card-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%;max-width:480px;justify-self:center;cursor:pointer;border:1px solid #e5e7eb;display:flex;flex-direction:column}.news-card-container:hover{transform:translateY(-3px);box-shadow:0 18px 36px #0f172a1f;border-color:#d1d5db}.news-card-container:active{transform:translateY(-1px)}.news-card-header{display:flex;flex-direction:column-reverse;padding:1.25rem 1.25rem .75rem;gap:.85rem;border-bottom:1px solid #eef2f7}.news-card-content{flex:1;min-width:0}.news-card-title{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-card-time{font-size:.85rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.news-card-time svg{font-size:.9rem;color:#9ca3af}.news-card-thumbnail{width:100%;height:210px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid #eef2f7}.news-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card-thumbnail:hover img{transform:scale(1.05)}.news-card-body{padding:.75rem 1.25rem .5rem}.news-card-description{color:#4b5563;font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-card-actions{display:flex;gap:10px;padding:1rem 1.25rem 1.25rem;flex-wrap:wrap;justify-content:flex-end}.news-card-btn{border:1px solid transparent;border-radius:10px;padding:8px 14px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center;display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;color:#111827}.news-card-btn svg{font-size:.9rem}.news-card-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.news-card-btn:active{transform:translateY(0)}.news-card-btn.edit-btn{background:#eef2ff;border-color:#e0e7ff;color:#1e3a8a}.news-card-btn.preview-btn{background:#ecfeff;border-color:#cffafe;color:#155e75}.news-card-btn.delete-btn{background:#fef2f2;border-color:#fee2e2;color:#b91c1c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.navbar{padding:16px 24px}}@media(max-width:768px){.navbar{padding:16px 20px;min-height:72px}.logo img{height:48px}.nav-right{width:100%;justify-content:flex-start}.nav-filter{width:100%;justify-content:space-between}.nav-actions{width:100%;justify-content:flex-start}.news-grid-container{padding:20px}.news-grid{grid-template-columns:1fr;gap:18px}.news-card-header{padding:1rem}.news-card-thumbnail{width:100%;height:190px}.news-card-actions{flex-direction:column;align-items:stretch}}@media(max-width:480px){.navbar{padding:14px 16px}.nav-actions{gap:8px}.upload-news-btn,.edit-newspage-btn{padding:10px 14px;font-size:.9rem}.news-card-header{flex-direction:column;text-align:center}.news-card-thumbnail{width:100%;height:180px;margin:0 auto}}@keyframes newsform-spin{to{transform:rotate(360deg)}}.el-full-news{border:dashed 3px grey;width:100%;margin:20px 0;position:relative!important;overflow:visible!important;display:block!important}.el-full-news2{width:100%;margin:20px 0}.news-m-cont{width:100vw;display:flex;justify-content:center;align-items:center}.ele-news{background-color:#f1f1f1;width:895px;height:fit-content;margin:5px 5px 500px;display:block!important;position:relative;overflow:visible!important}.ele-news2{width:895px;height:fit-content;margin:5px 5px 500px;display:block!important;position:relative;overflow:visible!important}.ele-const-zonar{position:absolute;top:0;right:0;background-color:#4a4a4a;font-weight:700;font-size:13px;color:#fff;padding:3px 25px;border-radius:20px}.news-m-cont2{width:100%;max-width:1250px;width:fit-content;display:flex}.hr-line{width:2px;height:500px;border-radius:5px;background-color:pink}.side-news{padding:5px;display:flex;flex-direction:column;width:400px;gap:5px}.mn-txt{font-size:12px;font-weight:700;width:230px}.morenews{display:flex}.mrn-in-cont{display:flex;flex-direction:column;gap:5px}.ele-con-ne-head{font-size:40px;font-weight:700}.ele-con-ne-oneliner{font-size:15px}.ele-con-tmbnl{background-color:#fff6f6;width:90%;height:430px;margin-left:45px}.ele-con-tmbnl img{width:100%;height:100%}.news-form{width:100%;height:90%;padding:10px;overflow-y:scroll;animation:fadeIn .8s ease}.news-form::-webkit-scrollbar{height:8px;width:8px}.news-form::-webkit-scrollbar-thumb{background:#ff69b4;border-radius:10px}.news-form::-webkit-scrollbar-thumb:hover{background:#ff1493}.newsform-con{border-radius:10px;padding:15px;animation:fadeIn .3s ease-out;width:100%;height:100%}.drag-header{padding:10px 14px;border-radius:8px;font-size:16px;font-weight:700;margin-bottom:12px;cursor:move;display:flex;align-items:center;justify-content:space-between}.drag-header svg{font-size:20px;cursor:pointer}.preview-box{position:relative;width:100px;height:100px;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #ff69b480}.preview-img{width:100%;height:100%;object-fit:cover}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:600;color:#e60073;font-size:15px}.form-textarea{width:100%;border:1px solid #ccc;border-radius:8px;padding:8px 10px;font-size:14px;resize:none;outline:none;transition:border-color .3s,box-shadow .3s}.form-textarea:focus{border-color:#e60073;box-shadow:0 0 6px #e600734d}.form-file{width:100%;font-size:14px;border:1px dashed #ccc;border-radius:8px;padding:6px;background-color:#fffdfd;cursor:pointer}.form-file:hover{border-color:#e60073}.action-btn{background:#ff4da6;color:#fff;padding:8px 12px;border-radius:6px;margin-bottom:8px;width:100%;text-align:center;cursor:pointer;font-weight:600;transition:.2s}.action-btn:hover{background:#e60073}.height-controls{display:flex;align-items:center;gap:10px;margin:10px 0}.height-btn{background:#ff4da6;padding:5px 10px;border-radius:6px;cursor:pointer;color:#fff;font-size:14px;font-weight:600;transition:.2s}.height-btn:hover{background:#e60073}.upload-button{background-color:#e60073;color:#fff;font-weight:600;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;width:100%;font-size:15px}.upload-button:hover{background-color:#c1005f;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.newsform-con{width:90%}}.add-pi{padding:20px 0;display:flex;justify-content:space-between}.add-para,.add-img{padding:5px 20px;width:100%;display:flex;justify-content:center;margin:0 5px;background-color:#c1005f;color:#fff;cursor:pointer;border-radius:20px;font-weight:700}.inc-ht{display:flex;gap:5px;padding:20px 0;color:#c1005f;font-weight:700}.inc-ht input{width:100%;height:30px;border-radius:5px;border:1px solid #ccc}.news-container{width:90%;margin:0 45px;background-color:#fff}.layout-cont{display:flex;gap:10px}.layout-cont img{width:200px}.layout{border:rgb(252,175,255) solid 1px;border-radius:20px;width:200px;overflow:hidden}.ele-const-author{font-size:14px;color:#666;font-style:italic;margin:5px 0}.ele-const-time{font-size:12px;color:#888;margin:5px 0;font-style:italic}.ele-con-tmbnl video{background:#000}.ele-con-tmbnl video::-webkit-media-controls-panel{background:linear-gradient(transparent,#000c)}.image-preview video{background:#000}.newsform-panel{background:linear-gradient(145deg,#fff7fb,#ffe6f2);border:1px solid rgba(255,0,140,.15);border-radius:16px;box-shadow:0 18px 40px #e91e632e;padding:12px}.newsform-con{background:#ffffffeb;border-radius:14px;padding:14px;height:100%;box-shadow:inset 0 0 0 1px #ff008c0f}.drag-header{background:linear-gradient(135deg,#ff4da6,#e60073);color:#fff;padding:10px 14px;border-radius:10px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:move;box-shadow:0 6px 16px #e6007359}.news-form{background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 20px #e6007314}.newsform-lang-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#fff0f8;border:1px solid #ffd0e8;margin-bottom:16px}.newsform-lang-label{font-size:12px;font-weight:600;color:#a4005a;text-transform:uppercase;letter-spacing:.5px}.newsform-lang-buttons{display:flex;gap:8px}.newsform-lang-btn{padding:6px 14px;border-radius:999px;border:1px solid #ffc2df;background:#fff;font-size:12px;font-weight:600;color:#a4005a;cursor:pointer;transition:all .2s ease}.newsform-lang-btn.is-active{background:#ff4da6;color:#fff;border-color:#ff4da6;box-shadow:0 6px 14px #ff4da64d}.form-label{color:#b10060}.form-textarea,.form-select,.form-file{border-radius:10px;border:1px solid #f1b8d5;background:#fff}.form-textarea:focus,.form-select:focus,.form-file:focus{border-color:#ff4da6;box-shadow:0 0 0 3px #ff4da626}.form-file.is-disabled{opacity:.6;cursor:not-allowed}.newsform-note{margin-top:6px;font-size:11px;color:#a36}.newsform-multiselect{position:relative}.newsform-multiselect-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #f1b8d5;background:#fff;color:#333;cursor:pointer}.newsform-multiselect.is-disabled .newsform-multiselect-trigger{cursor:not-allowed;opacity:.6}.newsform-multiselect-caret{color:#ff4da6;font-size:12px}.newsform-multiselect-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #f1b8d5;border-radius:10px;padding:8px;box-shadow:0 10px 24px #e600732e;z-index:20;max-height:220px;overflow-y:auto}.newsform-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:#333}.newsform-option:hover{background:#fff0f8}.newsform-option.is-checked{background:#ffe1f0;font-weight:600}.newsform-selected-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.newsform-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ffe1f0;border-radius:999px;font-size:12px;color:#a4005a}.newsform-tag-remove{background:transparent;border:none;color:#a4005a;cursor:pointer;font-size:14px;line-height:1}.newsform-empty{padding:8px;font-size:12px;color:#999}.ad-wrapper{width:1200px;max-width:12300px;margin:140px}.ad-top-border{width:100%;height:2px;background-color:#ff66b3;margin-bottom:8px}.ad-box{background-color:#d9d9d9;height:150px;display:flex;justify-content:center;align-items:center;color:#666;font-size:.9rem;font-family:Arial,sans-serif;border:none;padding:30px}.ad-box p{margin:30;pointer-events:none;background-color:#ff66b3;padding-left:20px}.news-card{display:flex;background-color:#fff;box-shadow:0 1px 3px #00000026;border-radius:6px;overflow:hidden;transition:transform .2s ease;max-width:2000px;margin:20px 130px;font-family:Noto Sans Tamil,sans-serif}.news-card:hover{transform:scale(1.01)}.news-image{width:100px;height:110px;object-fit:cover}.news-content{padding:10px 15px;background-color:#666}.news-content h3{font-size:1rem;margin-bottom:6px;color:#111;line-height:1.4}.news-content p{font-size:.85rem;color:#555;margin-bottom:8px;line-height:1.5}.news-time{font-size:.8rem;color:#999}.right-container{display:flex;flex-direction:column;align-items:center;gap:25px;font-family:Noto Sans Tamil,sans-serif;width:320px}.weather-card{width:250px;background-color:#1e1f26;color:#fff;border-radius:10px;padding:0 80px;box-shadow:0 3px 8px #0003}.weather-header{display:flex;justify-content:space-between;align-items:left;font-weight:600;margin-bottom:10px;row-gap:1000px}.weather-header .today{color:#bbb;font-size:.8rem}.weather-main{text-align:center;margin:15px 0}.weather-main h1{font-size:2.5rem;margin:10px}.weather-main p{color:#ccc;margin:52px 0;font-size:.91em}.weather-icon{font-size:1.5rem}.weather-aqi{text-align:center;margin-top:15px}.aqi-label{font-weight:600;font-size:.9rem}.aqi-bar{display:flex;justify-content:space-between;height:10px;border-radius:5px;overflow:hidden;margin:8px 0}.aqi-bar div{flex:1}.aqi-green{background-color:#00e400}.aqi-yellow{background-color:#ffeb3b}.aqi-orange{background-color:#ff9800}.aqi-red{background-color:#f44336}.active{border-top:3px solid #00bcd4}.aqi-text{color:#ccc;font-size:.85rem}.ad-box{width:100%;background-color:#d9d9d9;height:160px;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem;border-radius:4px}@media(max-width:768px){.right-container{width:100%}.weather-card{width:100%;padding-left:100px}.ad-box{width:100%}}*{box-sizing:border-box;padding:0;margin:0}.comment-section{max-width:1400px;width:100%;margin:5px 0;padding:0}.comment-section .comment-header{text-align:center}.comment-section .comment-header h3{font-size:15px;font-weight:600;color:#333}.comment-section .comments-display-box{background:#fff;border-top:1px solid #cc0086;padding:5px;margin-bottom:15px}.comment-section .comments-display-box .comments-list{display:flex;flex-direction:column;gap:15px}.comment-section .comments-display-box .comments-list .comment-item{display:flex;gap:10px;align-items:flex-start}.comment-section .comments-display-box .comments-list .comment-item .comment-avatar{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,#ff00a8,#f6c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;border:3px solid #fff;box-shadow:0 2px 2px #ff00a84d}.comment-section .comments-display-box .comments-list .comment-item .comment-content{flex:1;gap:0px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-name{font-size:18px;font-weight:700;color:#333}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-text{font-size:16px;color:#555}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-time{font-size:13px;color:#999}.comment-section .comments-display-box .view-more-section{text-align:center;margin-top:5px;padding-top:5px}.comment-section .comments-display-box .view-more-section .view-more-btn{background:none;border:none;color:#ff00a8;font-size:14px;font-weight:600;cursor:pointer;padding:10px;transition:all .3s ease}.comment-section .comments-display-box .view-more-section .view-more-btn:hover{color:#cc0086;transform:scale(1.05)}.comment-section .comment-input-section{display:flex;gap:5px;align-items:center}.comment-section .comment-input-section .comment-input{flex:1;padding:10px 5px;border:none;border-bottom:2px solid #dddddd;font-size:16px;outline:none;transition:all .3s ease;background:#fff}.comment-section .comment-input-section .comment-input::placeholder{color:#ccc}.comment-section .comment-input-section .comment-text-input{flex:2}.comment-section .comment-input-section .comment-name-input{flex:1}.comment-section .comment-input-section .comment-send-btn{width:46px;height:46px;min-width:46px;background:linear-gradient(135deg,#ff00a8,#f6c);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 5px #ff00a84d;transform:scale(.8)}.comment-section .comment-input-section .comment-send-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #ff00a866}.comment-section .comment-input-section .comment-send-btn:active{transform:scale(.95) rotate(15deg)}.comment-section .comment-input-section .comment-send-btn svg{width:24px;height:24px}@media(max-width:768px){.comment-section .comment-header h3{font-size:22px}.comment-section .comments-display-box{padding:20px}.comment-section .comments-display-box .comments-list{gap:20px}.comment-section .comments-display-box .comments-list .comment-item .comment-avatar{width:40px;height:40px;min-width:40px;font-size:20px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-name{font-size:16px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-text{font-size:14px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-time{font-size:12px}.comment-section .comment-input-section{flex-direction:column;gap:12px}.comment-section .comment-input-section .comment-input{width:100%;padding:15px 20px;font-size:15px}.comment-section .comment-input-section .comment-text-input,.comment-section .comment-input-section .comment-name-input{flex:1}.comment-section .comment-input-section .comment-send-btn{width:100%;border-radius:50px;height:50px}.comment-section .comment-input-section .comment-send-btn:hover{transform:scale(1.02)}}@media(max-width:480px){.comment-section .comment-header h3{font-size:18px}.comment-section .comments-display-box{padding:15px}.comment-section .comments-display-box .comments-list{gap:15px}.comment-section .comments-display-box .comments-list .comment-item .comment-avatar{width:35px;height:35px;min-width:35px;font-size:18px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-name{font-size:15px}.comment-section .comments-display-box .comments-list .comment-item .comment-content .comment-text{font-size:13px}.comment-section .comment-input-section .comment-input{padding:12px 18px;font-size:14px}}.mannsw-sc-time{font-size:13px;color:gray}.prepge-main{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;overflow-x:hidden}.pp-nav-ov{max-width:1280px;margin:0 auto;padding:0}@media(max-width:575px){.pp-nav-ov .nav-c3-ham-vm2{width:36px;height:36px;align-items:center;justify-content:center;left:8px;transform:translateY(-50%)}}.premain-con1-sub{gap:5px}.Prevpge-main-con1{max-width:1525px;padding:5px 16px 0 5px;width:100%;display:flex;justify-content:center;align-items:center}.premain-con1-sub{max-width:1265px;width:100%;display:flex}.main-news-cont{max-width:800px;margin:5px;width:100%}.main-news-sbcon1{height:fit-content}@media(max-width:480px){.prepge-main{width:100%;overflow-x:hidden}}@media(max-width:575px){.prepge-main,.pp-nav-ov{padding:0 12px}.Prevpge-main-con1{padding:5px 10px 0 5px}}.mannsw-sc-head{font-weight:700;font-size:32px}.mannsw-sc-oneliner{font-size:20px}.mannsw-sc-tmbnl{width:100%;max-height:450px;object-fit:cover;overflow:hidden;max-width:800px;height:100%}.mannsw-sc-tmbnl img{width:100%;height:100%}.npmc-c3{display:flex;gap:15px;margin:10px 20px;width:100%;max-width:1250px}.footer-overlay{max-width:1500px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:480px){.premain-con1-sub{display:flex;flex-direction:column}}.mens-side-news{padding-left:5px}@media(max-width:480px){.auto-scroll-wrapper{margin:20px 10px}}.mannsw-lnksz{display:flex;align-items:center;justify-content:space-between}.mannsw-ls-c2{display:flex;gap:5px}.mannswbtn{width:40px;height:40px;border:.5px solid;display:flex;justify-content:center;align-items:center;border-radius:100%}.mannsw-ns-header{margin-top:20px;display:flex;justify-content:center;align-items:center;width:100%;max-width:1550px;padding:0 10px}.mannswns-nd-o2{width:100%;max-width:1275px}.preview-paragraph-responsive,.preview-image-responsive{border:none!important;box-shadow:none!important}.npe-header-row{display:flex;align-items:center;gap:12px;width:100%}.npe-header-row .nh-cont{flex:1}.npe-settings-btn{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid #e80d8c;background:#fff;color:#e80d8c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.npe-settings-btn:hover{background:#e80d8c;color:#fff}.npe-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.npe-modal{width:min(780px,95vw);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 12px 40px #0003;padding:20px}.npe-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.npe-modal-title{font-size:18px;font-weight:700;color:#111}.npe-icon-btn{border:none;background:transparent;font-size:18px;cursor:pointer}.npe-form{display:flex;flex-direction:column;gap:16px}.npe-form-row{display:flex;gap:12px;flex-wrap:wrap}.npe-field{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px}.npe-input{border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.npe-input:focus{border-color:#e80d8c;box-shadow:0 0 0 2px #e80d8c26}.npe-news-picker{display:flex;flex-direction:column;gap:8px}.npe-picker-title{font-weight:600;color:#333}.npe-news-list{border:1px solid #eee;border-radius:12px;padding:12px;max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:8px}.npe-news-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#222}.npe-empty{color:#777;font-size:14px;padding:8px 0}.npe-hint{font-size:13px;color:#777}.npe-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.npe-primary-btn,.npe-secondary-btn{border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.npe-primary-btn{background:#e80d8c;color:#fff}.npe-secondary-btn{background:#f3f4f6;color:#111}*{box-sizing:border-box}.nav-c1,.nav-c2-line,.ep-ed-cont,.break-news{width:100%;max-width:1250px;margin:0 auto}.main-screen{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch;margin:0 auto;max-width:1280px;padding:0 24px;box-sizing:border-box}.np-main-cont-ov{width:100%;max-width:1255px;min-height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;margin:0 auto}.np-main-cont{margin-top:20px;max-width:1255px;width:100%;height:fit-content}.nav-c1-logo{width:300px;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-c1l-t1{font-size:50px;font-family:BaminiTamil07;font-weight:700;color:#e8098c}.nav-c1l-t2{font-size:10px;font-weight:700}.nh-cont{display:flex;gap:5px;align-items:center}.nh-cont-txt{font-weight:700;white-space:nowrap;flex-shrink:0}.nh-cont-line{flex:1;height:2px;background-color:#e80d8c}.foot-con{max-width:1255px;width:100%;height:fit-content;margin:0 auto}.sb-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998}.sb-container{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;z-index:999;animation:slideIn .35s ease forwards;overflow-y:auto;font-family:Noto Sans Tamil}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sb-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px;border-top:1px solid #ddd}.sb-search-row{width:100%;display:flex;align-items:center;gap:10px}.sb-search-wrap{position:relative;flex:1;min-width:0}.sb-lang{position:relative;display:flex;align-items:center;justify-content:center}.sb-lang-toggle{width:34px;height:34px;border-radius:50%;border:1px solid #f3b6d6;background:#fff;color:#e91e8c;display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 3px 10px #e91e8c1f;transition:transform .15s ease,box-shadow .15s ease}.sb-lang-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 14px #e91e8c33}.search-bar{width:100%;max-width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:#e8098c;box-shadow:0 0 0 2px #e8098c26}.search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.search-input::placeholder{color:#999}.search-icon{font-size:18px;color:#666;cursor:pointer}.sb-content{padding:10px 15px}.sb-item{border-bottom:1px solid #eee}.sb-title{display:flex;justify-content:space-between;padding:12px 0;font-weight:600;cursor:pointer}.sb-sub{padding-left:15px;padding-bottom:10px}.sb-sub li{list-style:none;padding:6px 0;font-size:14px;cursor:pointer}.navcon1-v2{width:100%;max-width:1255px;display:flex;justify-content:center;align-items:center;margin:0 auto}.navcon2-v2{display:flex;flex-direction:column;width:100%;max-width:1255px;gap:5px}.nav-c1-logo-v2{width:300px;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-c1l-t1-v2 img{width:280px}.nav-c1l-t2-v2{font-size:10px;font-weight:700}.nav-c1-v2{display:flex;justify-content:space-between;align-items:end;width:100%}.nav-c3-v2{display:flex;justify-content:space-between;align-items:end}.nav-c1-date-v2{font-size:13px}.nav-c1-links-v2,.nav-c3-ham-v2{display:flex;gap:10px;font-size:20px}.nav-c3-sections-v2{display:flex;gap:20px;flex-wrap:nowrap}@media(max-width:768px){.nav-c3-v2{overflow:visible}.nav-c3-sections-v2{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:16px;padding:8px 0;max-width:100%;flex:1;min-width:0}.nav-c3-sections-v2{scrollbar-width:none;-ms-overflow-style:none}.nav-c3-sections-v2::-webkit-scrollbar{display:none}.nav-c3-sections-v2>div,.nav-c3-sections-v2 .nav-district-dropdown{flex-shrink:0;white-space:nowrap}.nav-district-trigger{white-space:nowrap}}.nav-district-dropdown{position:relative;cursor:pointer}.nav-district-trigger{padding:2px 0;-webkit-user-select:none;user-select:none}.nav-district-menu{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:220px;max-height:320px;overflow-y:auto;z-index:9999}.nav-district-item{padding:10px 14px;font-size:14px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s ease}.nav-district-item:last-child{border-bottom:none}.nav-district-item:hover{background:#f8f8f8}.nav-district-menu-dark{background:#1f1f1f!important;border-color:#333!important;box-shadow:0 4px 16px #0006}.nav-district-menu-dark .nav-district-item{border-bottom-color:#333;color:#fff}.nav-district-menu-dark .nav-district-item:hover{background:#333}.nav-c2-line-v2{width:100%;height:2px;margin:0 5px;background-color:pink}@media(max-width:575px){.nav-c3-v2{display:flex;gap:20px;width:100%;max-width:700px;align-items:center;justify-content:flex-start}.nav-c1-v2{display:flex;align-items:center;justify-content:center;position:relative}.nav-c3-ham-vm2{display:flex;gap:10px;font-size:30px;position:absolute;top:50%;left:0;transform:translate(10px,-50%)}.nav-c2-line-v2{width:97%;height:2px;margin:0 5px;background-color:pink}.foot-con-c11{display:flex;flex-direction:column;gap:20px;padding:0 16px!important}.foot-con-inn{display:flex;justify-content:center;align-items:center}.npmc-c1{display:flex;gap:5px;flex-direction:column}.np-main-cont{margin-top:20px;max-width:1255px;width:100%;height:fit-content;padding:6px;overflow:visible}.main-screen{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch;background-color:#e8098c;padding:0 10px 60px}.np-main-cont-ov{padding-bottom:20px}.foot-con{display:block;visibility:visible}.npmcc1-s1{display:flex;flex-direction:column;gap:5px;width:400px}}.npmc-c1{display:flex;gap:5px;justify-content:center;align-items:center}.npmcc1-s1{display:flex;flex-direction:column;gap:5px;width:420px}.preview-bg-news-1{width:800px;height:fit-content;transition:.5s ease-in-out;cursor:pointer}.preview-bg-news-1:hover{color:#ed018d}.preview-epbn1-img{width:800px;height:500px;border-radius:5px;overflow:hidden}.preview-epbn1-img img{width:100%;height:100%;object-fit:cover}.preview-epbn1-hdln{font-size:25px;font-weight:700}.preview-epbn1-onln{font-size:14px}.preview-epn-tm{font-size:12px;color:#666}@media(max-width:1024px){.preview-bg-news-1{width:100%;max-width:800px}.preview-epbn1-img{width:100%;height:auto;aspect-ratio:16/10}.preview-epbn1-hdln{font-size:22px}}@media(max-width:768px){.preview-bg-news-1{width:100%}.preview-epbn1-img{aspect-ratio:16/10}.preview-epbn1-hdln{font-size:20px}.preview-epbn1-onln{font-size:13px}}@media(max-width:480px){.preview-epbn1-hdln{font-size:18px}.preview-epbn1-onln{font-size:12px}}.preview-bg-news-2{width:800px;display:flex;transition:.5s ease-in-out;cursor:pointer;height:fit-content}.preview-bg-news-2:hover{color:#ed018d}.preview-epbn2-img{width:500px;height:350px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epbn2-img img{width:100%;height:100%;object-fit:cover}.preview-epbn2-content{max-width:400px;flex:1;min-width:0}.preview-epbn2-hdln{font-size:20px;font-weight:700;word-wrap:break-word}.preview-epbn2-onln{font-size:13px;word-wrap:break-word}.preview-epbn2-tm{font-size:12px;color:#666}@media(max-width:1024px){.preview-bg-news-2{width:100%;max-width:800px;flex-direction:column}.preview-epbn2-img{width:100%;height:auto;aspect-ratio:16 / 10}.preview-epbn2-content{max-width:100%}}@media(max-width:640px){.preview-epbn2-img{aspect-ratio:16 / 9;border-radius:3px}.preview-epbn2-hdln{font-size:18px}.preview-epbn2-onln{font-size:12px}}@media(max-width:480px){.preview-epbn2-hdln{font-size:16px}.preview-epbn2-onln{font-size:11px}}.preview-bg-news-3{width:400px;height:fit-content;transition:.5s ease-in-out;cursor:pointer}.preview-bg-news-3:hover{color:#ed018d}.preview-epbn3-img{width:400px;height:350px;border-radius:5px;overflow:hidden}.preview-epbn3-img img{width:100%;height:100%;object-fit:cover}.preview-epbn3-hdln{font-size:20px;font-weight:700;word-wrap:break-word}.preview-epbn3-onln{font-size:13px;word-wrap:break-word}.preview-epbn3-tm{font-size:12px;color:#666}@media(max-width:1024px){.preview-bg-news-3{width:100%;max-width:400px}.preview-epbn3-img{width:100%;height:auto;aspect-ratio:8 / 7}}@media(max-width:640px){.preview-epbn3-img{aspect-ratio:16 / 9;border-radius:3px}.preview-epbn3-hdln{font-size:18px}.preview-epbn3-onln{font-size:12px}}@media(max-width:480px){.preview-epbn3-hdln{font-size:16px}.preview-epbn3-onln{font-size:11px}}.preview-bg-news-4{width:var(--preview-size);height:fit-content;transition:.5s ease-in-out;cursor:pointer}.preview-bg-news-4:hover{color:#ed018d}.preview-epbn4-img{width:var(--preview-size);height:var(--preview-size);border-radius:5px;overflow:hidden}.preview-epbn4-img img{width:100%;height:100%;object-fit:cover}.preview-epbn4-hdln{font-size:20px;font-weight:700;word-wrap:break-word}.preview-epbn4-tm{font-size:12px;color:#666}@media(max-width:1024px){.preview-bg-news-4{width:100%;max-width:var(--preview-size)}.preview-epbn4-img{width:100%;height:auto;aspect-ratio:1 / 1}}@media(max-width:640px){.preview-epbn4-img{border-radius:3px}.preview-epbn4-hdln{font-size:18px}}@media(max-width:480px){.preview-epbn4-hdln{font-size:16px}}.preview-bg-news-4a{width:var(--preview-size);height:fit-content;transition:.5s ease-in-out;cursor:pointer}.preview-bg-news-4a:hover{color:#ed018d}.preview-epbn4a-img{width:var(--preview-size);height:var(--preview-size);border-radius:5px;overflow:hidden}.preview-epbn4a-img img{width:100%;height:100%;object-fit:cover}.preview-epbn4a-hdln{font-size:20px;font-weight:700;word-wrap:break-word}.preview-epbn4a-tm{font-size:12px;color:#666}.separator-line{width:100%;height:1px;background-color:#999;margin-top:5px}@media(max-width:1024px){.preview-bg-news-4a{width:100%;max-width:var(--preview-size)}.preview-epbn4a-img{width:100%;height:auto;aspect-ratio:1 / 1}}@media(max-width:640px){.preview-epbn4a-img{border-radius:3px}.preview-epbn4a-hdln{font-size:18px}}@media(max-width:480px){.preview-epbn4a-hdln{font-size:16px}}.preview-bg-news5-1{width:910px;height:fit-content;display:flex;transition:.5s ease-in-out}.preview-bg-news5-1:hover{color:#ed018d}.preview-epbn51-img{width:500px;height:300px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epbn51-content{width:400px;flex-shrink:0}.preview-epbn51-hdln{font-size:20px;font-weight:700;margin-bottom:8px}.preview-epbn51-onln{font-size:13px;margin-bottom:8px}.preview-epbn51-tm{font-size:12px;color:#666}@media(max-width:1200px){.preview-bg-news5-1{width:100%;max-width:910px}.preview-epbn51-img{width:55%;min-width:300px}.preview-epbn51-content{width:45%;min-width:250px}}@media(max-width:768px){.preview-bg-news5-1{flex-direction:column;width:100%}.preview-epbn51-img{width:100%;height:250px}.preview-epbn51-content{width:100%}.preview-epbn51-hdln{font-size:18px}.preview-epbn51-onln{font-size:12px}}@media(max-width:480px){.preview-epbn51-img{height:200px}.preview-epbn51-hdln{font-size:16px}.preview-epbn51-onln{font-size:11px}}.preview-nm-news-1{width:800px;height:fit-content;display:flex;flex-direction:column;transition:.5s ease-in-out;cursor:pointer}.preview-nm-news-1:hover{color:#ed018d}.preview-nm-news-1-inner,.preview-nm-news-2-inner{display:flex;width:100%}.preview-epnn1-img{width:390px;height:200px;max-width:700px;max-height:200px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn1-img img{width:100%;height:100%;object-fit:cover}.preview-nm1-sbc{flex:1;min-width:0}.preview-epnn1-hdln{font-size:20px;font-weight:700}.preview-epnn1-onln{font-size:13px}.preview-nm-news-2{width:800px;height:fit-content;display:flex;flex-direction:column;transition:.5s ease-in-out;cursor:pointer}.preview-nm-news-2:hover{color:#ed018d}.preview-epnn2-img{width:390px;height:200px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn2-img img{width:100%;height:100%;object-fit:cover}.preview-nm2-sbc{flex:1;min-width:0}.preview-epnn2-hdln{font-size:20px;font-weight:700;margin-bottom:8px}.preview-epnn2-onln{font-size:13px;margin-bottom:8px}.preview-epnn-tm{font-size:12px;color:#666}@media(max-width:1024px){.preview-nm-news-1,.preview-nm-news-2{width:100%;max-width:800px}.preview-epnn1-img,.preview-epnn2-img{width:45%;min-width:250px}}@media(max-width:768px){.preview-nm-news-1-inner,.preview-nm-news-2-inner{flex-direction:column}.preview-epnn1-img,.preview-epnn2-img{width:100%;height:180px}.preview-epnn1-hdln,.preview-epnn2-hdln{font-size:18px}.preview-epnn1-onln,.preview-epnn2-onln{font-size:12px}}@media(max-width:480px){.preview-epnn1-img,.preview-epnn2-img{height:150px}.preview-epnn1-hdln,.preview-epnn2-hdln{font-size:16px}.preview-epnn1-onln,.preview-epnn2-onln{font-size:11px}}.preview-nm-news-3{width:395px;height:100px;overflow:hidden;display:flex;transition:.5s ease-in-out}.preview-nm-news-3:hover{color:#ed018d}.preview-nm3-sbc{flex:1;min-width:0}.preview-epnn3-img{width:200px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn3-img img{width:100%;height:100%;object-fit:cover}.preview-epnn3-onln{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.3em * 3)}.preview-epnn3-tm{font-size:10px;color:gray}.preview-nm-news-4{width:395px;height:100px;overflow:hidden;display:flex;transition:.5s ease-in-out}.preview-nm-news-4:hover{color:#ed018d}.preview-nm4-sbc{flex:1;min-width:0}.preview-epnn4-img{width:200px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn4-img img{width:100%;height:100%;object-fit:cover}.preview-epnn4-onln{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.3em * 3)}.preview-epnn4-tm{font-size:10px;color:gray}@media(max-width:768px){.preview-nm-news-3,.preview-nm-news-4{width:100%;max-width:395px;height:auto;min-height:100px}.preview-epnn3-img,.preview-epnn4-img{width:150px;height:90px}.preview-epnn3-onln,.preview-epnn4-onln{font-size:12px;height:auto}}@media(max-width:480px){.preview-nm-news-3,.preview-nm-news-4{flex-direction:row;height:auto}.preview-epnn3-img,.preview-epnn4-img{width:120px;height:80px}.preview-nm3-sbc,.preview-nm4-sbc{width:100%}.preview-epnn3-onln,.preview-epnn4-onln{font-size:11px;height:auto;max-height:none}}.preview-nm-news-5{width:395px;height:100px;overflow:hidden;display:flex;transition:.5s ease-in-out}.preview-nm-news-5:hover{color:#ed018d}.preview-nm5-sbc{flex:1;min-width:0}.preview-epnn5-img{width:200px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn5-img img{width:100%;height:100%;object-fit:cover}.preview-epbn5-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epnn5-tm{font-size:10px;color:gray}.preview-nm-news-6{width:395px;height:100px;overflow:hidden;display:flex;transition:.5s ease-in-out}.preview-nm-news-6:hover{color:#ed018d}.preview-nm6-sbc{flex:1;min-width:0}.preview-epnn6-img{width:200px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn6-img img{width:100%;height:100%;object-fit:cover}.preview-epbn6-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epbn6-tm{font-size:10px;color:gray}@media(max-width:768px){.preview-nm-news-5,.preview-nm-news-6{width:100%;max-width:395px;height:auto;min-height:100px}.preview-epnn5-img,.preview-epnn6-img{width:150px;height:90px}.preview-epbn5-hdln,.preview-epbn6-hdln{font-size:14px;height:auto}}@media(max-width:480px){.preview-nm-news-5,.preview-nm-news-6{flex-direction:column;height:auto}.preview-epnn5-img,.preview-epnn6-img{width:100%;height:120px}.preview-nm5-sbc,.preview-nm6-sbc{width:100%}.preview-epbn5-hdln,.preview-epbn6-hdln{font-size:13px;height:auto;max-height:none}}.preview-nm-news-7{width:300px;max-width:300px;flex:0 0 300px;display:flex;flex-direction:column;transition:.5s ease-in-out}.preview-nm-news-7:hover{color:#ed018d}.preview-nm-news-8{width:300px;max-width:300px;flex:0 0 300px;display:flex;flex-direction:column;transition:.5s ease-in-out}.preview-nm-news-8:hover{color:#ed018d}.preview-nm7-inner,.preview-nm8-inner{display:flex;width:100%;height:100px;max-height:100px;overflow:hidden}.preview-bg-news-2,.preview-bg-news5-1,.preview-nm-news-1-inner,.preview-nm-news-2-inner,.preview-nm-news-3,.preview-nm-news-4,.preview-nm-news-5,.preview-nm-news-6,.preview-nm7-inner,.preview-nm8-inner{gap:5px}.preview-nm7-sbc,.preview-nm8-sbc{flex:1;min-width:0}.preview-epnn7-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn7-img img{width:100%;height:100%;object-fit:cover}.preview-epnn7-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epnn7-tm{font-size:10px;color:gray}.preview-epnn8-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn8-img img{width:100%;height:100%;object-fit:cover}.preview-epnn8-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epnn8-tm{font-size:10px;color:gray}.separator-line{width:100%;height:1px;background-color:#999;margin-top:10px;display:block}@media(max-width:768px){.preview-nm-news-7,.preview-nm-news-8{width:100%;max-width:300px;flex:1 1 auto}.preview-nm7-inner,.preview-nm8-inner{height:auto;min-height:100px}.preview-epnn7-img,.preview-epnn8-img{width:90px;height:90px}.preview-epnn7-hdln,.preview-epnn8-hdln{font-size:14px;height:auto}}@media(max-width:480px){.preview-nm-news-7,.preview-nm-news-8{max-width:100%}.preview-nm7-inner,.preview-nm8-inner{flex-direction:row;height:auto}.preview-epnn7-img,.preview-epnn8-img{width:90px;height:90px}.preview-nm7-sbc,.preview-nm8-sbc{width:100%}.preview-epnn7-hdln,.preview-epnn8-hdln{font-size:13px;height:auto;max-height:none}}.preview-nm-news-7a{width:300px;height:100px;max-width:300px;max-height:100px;flex:0 0 300px;overflow:hidden;display:flex;gap:5px;transition:.5s ease-in-out}.preview-nm-news-7a:hover{color:#ed018d}.preview-nm7a-sbc{flex:1;min-width:0}.preview-epnn7a-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn7a-img img{width:100%;height:100%;object-fit:cover}.preview-epnn7a-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epnn7a-tm{font-size:10px;color:gray}.preview-nm-news-8a{width:300px;height:100px;max-width:300px;max-height:100px;flex:0 0 300px;overflow:hidden;display:flex;gap:5px;transition:.5s ease-in-out}.preview-nm-news-8a:hover{color:#ed018d}.preview-nm8a-sbc{flex:1;min-width:0}.preview-epnn8a-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.preview-epnn8a-img img{width:100%;height:100%;object-fit:cover}.preview-epnn8a-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.preview-epnn8a-tm{font-size:10px;color:gray}.separator-line{width:100%;height:1px;background-color:#999;margin-top:10px}@media(max-width:768px){.preview-nm-news-7a,.preview-nm-news-8a{width:100%;max-width:300px;flex:1 1 auto;height:auto;min-height:100px}.preview-epnn7a-img,.preview-epnn8a-img{width:90px;height:90px}.preview-epnn7a-hdln,.preview-epnn8a-hdln{font-size:14px;height:auto}}@media(max-width:480px){.preview-nm-news-7a,.preview-nm-news-8a{flex-direction:row;height:auto;max-width:100%}.preview-epnn7a-img,.preview-epnn8a-img{width:90px;height:90px}.preview-nm7a-sbc,.preview-nm8a-sbc{width:100%}.preview-epnn7a-hdln,.preview-epnn8a-hdln{font-size:13px;height:auto;max-height:none}}.preview-nm-news-4b{width:300px;height:85px;margin:4px;padding:6px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease-in-out;background:transparent}.preview-nm-news-4b:hover{color:#ed018d}.preview-nm-headline-4b{font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.3em * 3)}.preview-nm-time-4b{font-size:10px;color:gray}.separator-line-4b{width:100%;height:1px;background-color:#999;margin-top:4px}.ep-nm2-news-2,.ep-nm2-news-3{display:flex;flex-direction:column;width:410px;height:fit-content;min-width:410px;min-height:100px}.epnn22-onln{line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.3em * 3)}@media(max-width:768px){.ep-nm2-news-2,.ep-nm2-news-3{width:100%;min-width:unset;max-width:550px;height:auto;min-height:120px}}.preview-poll-wrapper{width:100%;max-width:450px;min-height:200px;background:#1a1a1a;border-radius:12px;padding:20px;box-sizing:border-box}.preview-poll-question{font-size:20px;font-weight:600;color:#fff;margin-bottom:24px;line-height:1.4}.preview-poll-hint{font-size:12px;color:#888;margin-bottom:16px}.preview-poll-option-unvoted{position:relative;background:#2a2a2a;border-radius:8px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:all .25s ease;border:2px solid transparent}.preview-poll-option-unvoted:hover{border-color:#e91e63;transform:translate(4px)}.preview-poll-option-unvoted-content{padding:16px;color:#fff;font-size:16px;font-weight:500}.preview-poll-option-voted{position:relative;background:#2a2a2a;border-radius:8px;overflow:hidden;margin-bottom:12px;transition:all .25s ease;cursor:default}.preview-poll-option-voted.is-chosen{box-shadow:0 0 0 2px #e91e63}.preview-poll-fill{position:absolute;left:0;top:0;height:100%;background:#e91e63;transition:width .6s ease;z-index:1}.preview-poll-option-voted-content{position:relative;z-index:2;padding:16px;display:flex;justify-content:space-between;align-items:center}.preview-poll-option-text{color:#fff;font-size:16px;font-weight:500}.preview-poll-stats{display:flex;align-items:center;gap:10px;flex-shrink:0}.preview-poll-pct{font-size:20px;font-weight:700;color:#fff}.preview-poll-count{font-size:13px;color:#bbb}.preview-poll-total{font-size:12px;color:#666;margin-top:12px;text-align:right}.preview-universal-container:hover{color:#ed018d}.separator-line-universal{width:100%;height:1px;background-color:#999;margin-top:10px}@media(max-width:768px){.preview-universal-container{width:100%!important;max-width:100%}}.ep-floater1{width:450px;height:600px;background:#fff;border-radius:5px;color:#000;font-family:Inter,sans-serif;position:absolute;transform:translate(-90px,-70px);box-shadow:0 4px 20px #0003}.ep-close-btn-sec{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:linear-gradient(135deg,#ff13f7,#764ba2);border-radius:5px 5px 0 0;font-weight:700;color:#fff}.epcbs-btn{padding:5px;font-size:23px;background:#fff3;cursor:pointer}.ep-fl1-sort{font-size:14px;opacity:.7;margin-bottom:10px;color:#000;font-weight:700;background-color:#ffb2e7;width:fit-content;padding:5px 20px;border-radius:20px}.ep-fl1-btns{display:flex;gap:10px;margin:20px 10px;width:400px;overflow-x:scroll;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.ep-fl1-btns ::-webkit-scrollbar{display:none}.epf1b-btn{padding:6px 14px;width:fit-content;border:1px solid #333;border-radius:20px;cursor:pointer;transition:.2s ease;font-size:14px}.epf1b-btn:hover{background:#ffd5ff}.epf1b-btn.active{background:#ff02c4;border-color:#ffb6ff;color:#fff}.ep-fl1-news-cont{display:flex;flex-direction:column;gap:10px;height:465px;margin:20px 10px;overflow-y:scroll}.ep-fl1-news-cont::-webkit-scrollbar{width:5px;height:8px}.ep-fl1-news-cont::-webkit-scrollbar-track{background:#ff00a2;border-radius:10px}.ep-fl1-news-cont::-webkit-scrollbar-thumb{background:#ffb2e7;border-radius:10px}.ep-fl1-news-cont::-webkit-scrollbar-thumb:hover{background:#fff}.ep-f1nc-n{display:flex;gap:12px;padding:5px 0;border:1px solid pink;border-radius:5px;margin:5px}.epf1ncn-img{width:50px;height:50px;overflow:hidden;border-radius:8px;flex-shrink:0}.epf1ncn-img img{width:100%;height:100%;object-fit:cover}.epf1ncn-subc{display:flex;flex-direction:column;justify-content:space-between}.epf1ncn-header{font-size:15px;font-weight:600;line-height:1.3}.epf1ncn-time{font-size:12px;opacity:.6}.no-news{padding:20px;text-align:center;opacity:.5;font-size:14px}.page-editor-container{width:450px;height:700px;background:#fdfdfd;border-radius:6px;border:1px solid #999;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;font-family:sans-serif;overflow:visible!important;position:fixed;z-index:999999;transform:translate(1080px,10px)}.pages-section,.districts-section,.main-page-section{margin-bottom:15px}.subsection-title{font-size:12px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.page-editor-header{padding:10px 15px;background:linear-gradient(135deg,#ff13f7,#764ba2);cursor:move;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #999}.page-editor-title{color:#fff;font-weight:700;font-size:16px}.page-editor-close-btn{background:#fff3;border:none;border-radius:4px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.page-editor-close-btn:hover{background:#ffffff4d}.page-editor-content{padding:15px;flex:1;overflow:auto;display:flex;flex-direction:column}.pe-rev-btn{background:#ffffff4d;padding:5px;border:none}.switch-pages-section{margin-bottom:20px}.section-title{font-weight:700;font-size:14px;margin-bottom:10px}.categories-container{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.category-btn{background:#f6f6f6;border:1px solid #bbb;padding:4px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:400}.category-btn.active{background:#e9e9e9;font-weight:700}.add-page-btn{padding:4px 12px;background:#f6f6f6;border:1px solid #bbb;border-radius:20px;cursor:pointer;font-size:12px;margin-right:8px}.add-page-input-container{display:flex;gap:8px;margin-top:10px}.add-page-input{flex:1;padding:6px 10px;border:1px solid #bbb;border-radius:4px;font-size:12px;outline:none}.dds-add-cont-btn{padding:3px 10px;background:#e666ea;width:fit-content;margin:10px;border-radius:10px;font-weight:700;color:#fff;cursor:pointer;transition:1s}.dds-add-cont-btn:hover{background:#fdb9ff}.add-page-submit-btn{padding:6px 16px;background:#e666ea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.add-page-cancel-btn{padding:6px 16px;background:#f0f0f0;border:1px solid #bbb;border-radius:4px;cursor:pointer;font-size:12px}.save-changes-btn{padding:4px 12px;background:#ededed;border:1px solid #bcbcbc;border-radius:4px;cursor:pointer;font-size:12px;margin-top:10px}.toggle-buttons-container{display:flex;gap:10px;margin-bottom:10px}.toggle-btn{padding:4px 10px;background:#ededed;color:#333;border:1px solid #bcbcbc;border-radius:4px;cursor:pointer;font-size:12px}.toggle-btn.active{background:#ea66d8;color:#fff}.drag-drop-section{margin-top:10px;flex:1;display:flex;flex-direction:column}.tabs-container{display:flex;gap:15px;border-bottom:1px solid #b5b5b5;margin-bottom:10px}.tab-item{padding:4px 6px;font-size:13px;cursor:pointer;color:#444;font-weight:400;border-bottom:none;margin-bottom:-1px}.tab-item.active{color:#a30000;font-weight:700;border-bottom:2px solid #9b00a3}.drag-box{width:100%;flex:1;background:#eee;border:1px solid #bdbdbd;border-radius:4px;padding:12px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:15px;align-content:flex-start}.draggable-item{width:140px;cursor:grab;transition:transform .2s}.draggable-item:active{cursor:grabbing}.draggable-item-img{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:block;margin:0 auto}.draggable-item-img.with-border{border:2px solid #999}.draggable-item-img.no-border{border:none}.draggable-item-label{font-size:12px;margin-top:5px;text-align:center;color:#333}.navcon1{width:100vw;display:flex;justify-content:center;align-items:center}.navcon2{display:flex;flex-direction:column;gap:5px}.nav-c1-logo img{width:250px}.nav-c1{display:flex;justify-content:space-between;align-items:end;width:1250px}.nav-c3{display:flex;justify-content:space-between;align-items:end}.nav-c1-date{font-size:13px}.nav-c1-links,.nav-c3-ham{display:flex;gap:10px;font-size:20px}.nav-c3-sections{display:flex;gap:20px}.nav-c2-line{width:1250px;height:2px;background-color:pink}.break-news{background-color:#dcdcdc;width:1530px;height:30px;display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow-x:hidden;margin:30px 0}.ep-main-ed-cont{padding-top:20px;width:100vw;height:100vh;display:flex;justify-content:center;position:relative}.ep-ed-cont{width:1250px;height:fit-content;border:1px solid;position:relative;overflow:visible;display:flex;flex-direction:column}.pageeditorbtn{padding:10px 40px 10px 20px;font-size:20px;margin:10px;background:#ff04e6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;position:fixed;transform:translate(1460px)}.pageeditorbtn2{padding:10px 20px 10px 40px;margin:10px;background:#ff04e6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:20px;position:fixed;transform:translate(-40px)}.ep-bg-news5-1{width:1000px;height:fit-content;margin:5px;display:flex;gap:10px;transition:.5s ease-in-out;cursor:pointer}.ep-bg-news5-1:hover{color:#ed018d}.epbn51-img{width:500px;height:300px;border-radius:5px;overflow:hidden}.epbn51-img img{width:100%;height:100%;object-fit:cover}.epbn51-hdln{font-size:20px;font-weight:700}.epbn51-onln{font-size:13px}.ep-nm-news-3{width:395px;height:100px;margin:5px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-3:hover{color:#ed018d}.ep-nm3-sbc{max-width:200px}.epnn3-img{max-width:200px;max-height:100px;border-radius:5px;overflow:hidden}.epnn3-img img{width:100%;height:100%;object-fit:cover}.epnn3-onln{font-size:13px;height:84px;overflow:hidden}.ep-nm-news-4{width:395px;height:100px;margin:5px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-4:hover{color:#ed018d}.ep-nm4-sbc{max-width:200px}.epnn4-img{max-width:200px;max-height:100px;border-radius:5px;overflow:hidden}.epnn4-img img{width:100%;height:100%;object-fit:cover}.epnn4-onln{font-size:13px;height:84px;overflow:hidden}.ep-nm-news-5{width:395px;height:100px;margin:5px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-5:hover{color:#ed018d}.ep-nm5-sbc{max-width:200px}.epnn5-img{max-width:200px;max-height:100px;border-radius:5px;overflow:hidden}.epnn5-img img{width:100%;height:100%;object-fit:cover}.epbn5-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.epnn5-onln{font-size:13px}.ep-nm-news-6{width:395px;height:100px;margin:5px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-6:hover{color:#ed018d}.ep-nm6-sbc{max-width:200px}.epnn6-img{max-width:200px;max-height:100px;border-radius:5px;overflow:hidden}.epnn6-img img{width:100%;height:100%;object-fit:cover}.epbn6-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.ep-nm2-news-1{width:400px;height:fit-content;margin:5px;transition:.5s ease-in-out;cursor:pointer}.ep-nm2-news-1:hover{color:#ed018d}.epnn21-img{width:400px;height:350px;border-radius:5px;overflow:hidden}.epnn21-img img{width:100%;height:100%;object-fit:cover}.epbn21-hdln{font-size:20px;font-weight:700}.epnn21-onln{font-size:15px}.ep-nm-news-7{width:300px;height:100px;max-width:300px;max-height:100px;flex:0 0 300px;margin:4px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-7:hover{color:#ed018d}.ep-nm7-sbc{max-width:200px}.epnn7-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.epnn7-img img{width:100%;height:100%;object-fit:cover}.epnn7-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.ep-nm-news-8{width:300px;height:100px;max-width:300px;max-height:100px;flex:0 0 300px;margin:4px;overflow:hidden;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-8:hover{color:#ed018d}.ep-nm8-sbc{max-width:200px}.epnn8-img{width:100px;height:100px;border-radius:5px;overflow:hidden;flex-shrink:0}.epnn8-img img{width:100%;height:100%;object-fit:cover}.epnn8-hdln{font-size:15px;font-weight:700;height:84px;overflow:hidden}.epn-tm{font-size:10px;color:gray}.ep-nm-news-1{width:800px;height:fit-content;margin:5px;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-1:hover{color:#ed018d}.epnn1-img{width:1000px;height:200px;border-radius:5px;overflow:hidden}.epnn1-img img{width:100%;height:100%;object-fit:cover}.epnn1-hdln{font-size:20px;font-weight:700}.epnn1-onln{font-size:13px}.ep-nm-news-2{width:800px;height:fit-content;margin:5px;display:flex;gap:15px;transition:.5s ease-in-out;cursor:pointer}.ep-nm-news-2:hover{color:#ed018d}.epnn2-img{width:1000px;height:200px;border-radius:5px;overflow:hidden}.epnn2-img img{width:100%;height:100%;object-fit:cover}.epnn2-hdln{font-size:20px;font-weight:700}.epnn2-onln{font-size:13px}.editor-settings-btn{position:absolute;transform:translate(-10px,-30px);top:10px;right:10px;width:40px;height:40px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.editor-settings-btn:hover{background-color:#f5f5f5;border-color:#d0d0d0;box-shadow:0 2px 6px #00000026}.editor-settings-btn:active{transform:translate(-10px,-30px) scale(.95)}.editor-settings-panel{position:absolute;transform:translate(-10px,-30px);top:60px;right:10px;width:320px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:101;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:5px 20px;border-bottom:1px solid #e0e0e0;background-color:#fafafa}.settings-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background-color:#e0e0e0}.settings-content{padding:20px;display:flex;flex-direction:column;gap:20px;max-height:400px;overflow-y:auto}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:14px;font-weight:500;color:#333;display:flex;flex-direction:column;gap:2px}.setting-item label .hint{font-size:12px;font-weight:400;color:#666}.setting-item input{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;color:#333;transition:all .2s ease;box-sizing:border-box}.setting-item input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.setting-item input:hover{border-color:#b0b0b0}.settings-footer{padding:7px 20px;border-top:1px solid #e0e0e0;background-color:#fafafa}.info-text{font-size:13px;color:#666}.info-text strong{color:#333;font-weight:600}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#f5f5f5}.settings-content::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.main{flex:1;padding:30px}.title{font-size:24px;font-weight:700}.pages-box{background:#d9d9d9;min-height:200px;padding:20px;border-radius:6px;display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.page-chip{background:#f9a8d4;padding:6px 14px;border-radius:20px;font-weight:600;position:relative}.page-chip b{margin-left:8px;cursor:pointer}.add-section{margin-top:30px;background:#f9a8d4;border:none;padding:10px 24px;font-size:18px;border-radius:12px;cursor:pointer;font-weight:700}.main{width:100%;height:100vh;overflow:hidden;margin:0;padding:0;background:linear-gradient(135deg,#2d1b38,#1a0e1a)}.admin-layout{display:flex;width:100%;height:100vh;margin:0;padding:0}.content-area{flex:1;overflow-y:auto;background:linear-gradient(135deg,#2d1b38,#1a0e1a);padding:0;margin:0;height:100vh}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#db70931a;border-radius:4px}.content-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#db7093,#c9184a);border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e87fa8,#db7093)}.top-navbar{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.top-navbar.nav-1{position:absolute;border:solid;top:35px;left:290px;width:1200px;height:140px}.top-navbar.nav-2{position:absolute;width:250px;height:600px;top:185px;right:35px;border:solid}.tn-cont-1{display:flex;gap:10px;padding:10px;flex-wrap:wrap;max-width:600px;position:absolute;bottom:0;transform:translate(100px,-10px)}.tn-cont-2{display:flex;gap:10px;padding:10px;flex-wrap:wrap;max-width:600px;flex-direction:column;width:230px;height:400px}.dropdown-container-1,.dropdown-container-2{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);padding:8px 12px;border-radius:6px;border:2px solid #6c757d;display:flex;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;min-width:150px}.dropdown-container-1:hover,.dropdown-container-2:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.dropdown-container-1.dragging,.dropdown-container-2.dragging{opacity:.7;transform:rotate(3deg);box-shadow:0 6px 12px #0003}.district-dropdown{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;outline:none}.district-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.district-dropdown option{padding:8px;font-size:14px}.header-item-1{position:relative;padding:5px 10px;border-radius:4px;display:flex;align-items:center;gap:5px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;border:dotted;cursor:move;-webkit-user-select:none;user-select:none}.header-item-1:hover{transform:none}.header-item-1.dragging{opacity:.5;transform:rotate(5deg)}.header-item-1.drag-over{border:2px dashed #007bff;background-color:#f0f8ff}.header-item-1 span{font-size:14px;font-weight:500;color:#333}.header-item-2{position:relative;background-color:#fff;padding:5px 10px;border-radius:4px;display:flex;align-items:center;gap:5px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;cursor:move;-webkit-user-select:none;user-select:none}.header-item-2:hover{transform:none}.header-item-2.dragging{opacity:.5;transform:rotate(5deg)}.header-item-2.drag-over{border:2px dashed #007bff;background-color:#f0f8ff}.header-item-2 span{font-size:14px;font-weight:500;color:#333}.header-btn-11{border:none;position:absolute;top:5px;left:-10px;border-radius:2px;padding:5px;cursor:pointer;font-weight:500;transition:all .2s ease}.header-btn-12{border:none;position:absolute;top:-10px;right:5px;border-radius:2px;cursor:pointer;font-weight:500;transition:all .2s ease}.header-btn-21{border:none;position:absolute;top:3px;left:-10px;cursor:pointer;font-weight:500;transition:all .2s ease}.header-btn-22{border:none;position:absolute;top:-10px;right:5px;border-radius:2px;cursor:pointer;font-weight:500;transition:all .2s ease}.change{background:#007bff;color:#fff;width:17px;height:17px;border-radius:20px;font-size:10px;display:flex;justify-content:center;align-items:center}.change:hover{background:#007bff}.delete{background:#dc3545;color:#fff;width:17px;height:17px;border-radius:20px;font-size:17px;display:flex;justify-content:center;align-items:center}.delete:hover{background:#dc3545}.tn-btn-1{padding:8px 16px;cursor:pointer;background-color:red;position:absolute;top:0;right:0;transform:translate(-120px,30px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-weight:500;transition:all .2s ease}.tn-btn-2{padding:8px 16px;cursor:pointer;background:#ff5151;position:absolute;bottom:10px;right:10px;color:#fff;border:1px solid rgb(255,255,255);border-radius:4px;font-weight:500;transition:all .2s ease}.tn-btn:hover{background:#fff3;transform:none}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:300px;max-width:400px;animation:popupSlideIn .3s ease}.popup-nav1{background:linear-gradient(135deg,#fff,#fff5f5);border:2px solid #dc3545}.popup-nav1 h3{color:#dc3545;border-bottom:2px solid #dc3545;padding-bottom:8px}.popup-nav1 .page-item:hover{background:#fff;border-color:#ccc;color:#333}.popup-nav1 .cancel-btn,.popup-nav1 .cancel-btn:hover{background:#dc3545}.popup-nav2{background:linear-gradient(135deg,#fff,#f0f8ff);border:2px solid #007bff}.popup-nav2 h3{color:#007bff;border-bottom:2px solid #007bff;padding-bottom:8px}.popup-nav2 .page-item:hover{background:#fff;border-color:#ccc;color:#333}.popup-nav2 .cancel-btn,.popup-nav2 .cancel-btn:hover{background:#007bff}.popup-content h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.page-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.page-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.page-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.page-item{padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;background:#f9f9f9;transition:all .2s ease;font-size:14px;color:#333;text-align:left}.page-item:hover{background:#e3f2fd;border-color:#007bff;transform:translate(2px)}.page-item:active{transform:translate(1px)}.cancel-btn{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#5a6268}@media(max-width:768px){.top-navbar.nav-1{left:10px;right:10px;max-width:calc(100% - 20px)}.top-navbar.nav-2{display:none}.tn-cont{max-width:100%}.popup-content{min-width:250px;margin:20px}}.header-item-enter{animation:headerItemSlideIn .3s ease}@keyframes headerItemSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.empty-state{color:#ffffffb3;font-style:italic;font-size:12px;padding:0 10px}.handle-pages{width:100%;height:100vh;overflow-y:auto;background:linear-gradient(135deg,#2d1b38,#1a0e1a);padding:0;margin:0;position:relative}.content-header{margin-bottom:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.header-image{width:100%;max-width:1200px;border-radius:12px;box-shadow:0 8px 32px #db70934d}.translate-toggle-btn{background:linear-gradient(135deg,#db7093,#c9184a);border:none;padding:12px 24px;border-radius:12px;cursor:pointer;color:#f8f9fa;font-size:16px;font-weight:600;box-shadow:0 4px 16px #db70934d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:180px}.translate-toggle-btn:hover{background:linear-gradient(135deg,#e87fa8,#db7093);transform:translateY(-2px);box-shadow:0 6px 20px #db709366}.translate-toggle-btn:active{transform:translateY(0)}.content-main{display:flex;gap:10px;margin:40px;flex-shrink:0}.sections-container{display:flex;flex-direction:column;gap:20px;flex:1}.side-image{flex-shrink:0}.side-image img{width:280px;border-radius:12px;box-shadow:0 8px 32px #db70934d}.top-navbar{display:flex;align-items:center;gap:10px;border-radius:8px;box-shadow:0 4px 20px #db709333;margin-bottom:20px;border:1px solid rgba(255,255,255)}.top-navbar.nav-1{position:absolute;top:0;left:30px;height:130px}.top-navbar.nav-2{position:absolute;top:170px;left:940px;width:280px}.tn-cont-1,.tn-cont-2{display:flex;gap:10px;padding:0;flex-wrap:wrap;max-width:100%;border-radius:8px;border:1px dashed rgba(219,112,147,.2)}.tn-cont-2{transform:translate(20px,10px)}.dropdown-container-1,.dropdown-container-2{position:relative;padding:1px;border-radius:6px;display:flex;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);min-width:150px;transform-origin:center}.dropdown-container-1:hover,.dropdown-container-2:hover{transform:translateY(-1px);box-shadow:0 4px 12px #db70934d;border-color:#e87fa8}.dropdown-container-1.dragging,.dropdown-container-2.dragging{opacity:.7;transform:scale(1.05);box-shadow:0 6px 20px #db709366;z-index:1000;transition:all .2s ease-out}.dropdown-container-1.repositioning,.dropdown-container-2.repositioning{animation:smoothReposition .3s ease-in-out}.drag-handle{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:24px;height:28px;background:linear-gradient(135deg,#db7093,#c9184a);border:2px solid rgba(248,249,250,.5);border-radius:6px;cursor:grab;display:flex;align-items:center;justify-content:center;color:#f8f9fa;font-size:12px;transition:all .2s ease;z-index:100;box-shadow:0 2px 8px #db70934d}.drag-handle:hover{background:linear-gradient(135deg,#e87fa8,#db7093);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #db709380;border-color:#f8f9facc}.drag-handle:active{cursor:grabbing;transform:translateY(-50%) scale(.95);box-shadow:0 1px 4px #db709366}.tn-cont-1.drag-over,.tn-cont-2.drag-over{background:#db709314;border:1px solid rgba(219,112,147,.3);transition:all .3s ease}.district-dropdown{width:100%;padding:6px 8px;border:1px solid #db7093;border-radius:4px;background:#2d1b38;color:#f8f9fa;font-size:14px;cursor:pointer;outline:none;transition:all .2s ease}.district-dropdown:focus{border-color:#e87fa8;box-shadow:0 0 0 2px #e87fa866}.district-dropdown option{padding:8px;font-size:14px;background:#2d1b38;color:#f8f9fa}.header-item-1,.header-item-2{position:relative;padding:5px 10px;border-radius:4px;display:flex;align-items:center;gap:5px;box-shadow:0 1px 3px #0000001a;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:dashed 2px;cursor:move;-webkit-user-select:none;user-select:none;color:#000;transform-origin:center}.header-item-1:hover,.header-item-2:hover{transform:translateY(-1px);border-color:#e87fa8;box-shadow:0 3px 8px #db709340}.header-item-1.dragging,.header-item-2.dragging{opacity:.6;transform:scale(1.03);box-shadow:0 5px 15px #db70934d;z-index:1000;border-color:#ff6b9d;transition:all .2s ease-out}.header-item-1.drag-over,.header-item-2.drag-over{border:2px solid #e87fa8;background:#db709314;transform:scale(1.02)}.header-item-1 span,.header-item-2 span{font-size:14px;font-weight:500;color:#000}.header-btn-11,.header-btn-12,.header-btn-21,.header-btn-22{border:none;position:absolute;border-radius:2px;padding:2px 5px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease}.header-btn-11{left:-10px;top:5px}.header-btn-12{right:5px;top:-8px}.header-btn-21{left:-10px;top:5px}.header-btn-22{top:-10px;right:5px}.change{background:#e87fa8;color:#2d1b38}.change:hover{background:#f8b9d4;transform:scale(1.1)}.delete{background:#ff6b9d;color:#f8f9fa}.delete:hover{background:#9e5668;transform:scale(1.1)}.tn-btn-1,.tn-btn-2{padding:8px 16px;cursor:pointer;color:#f8f9fa;border:1px solid rgba(248,249,250,.3);border-radius:4px;font-weight:500;transition:all .2s ease;background:linear-gradient(135deg,#db7093,#c9184a)}.empty-state{color:#f8f9fab3;font-style:italic;font-size:12px;padding:0 10px}.popup-overlay{position:fixed;inset:0;background:#2d1b38cc;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:linear-gradient(135deg,#2d1b38,#1a0e1a);padding:24px;border-radius:8px;box-shadow:0 4px 20px #db709366;min-width:300px;max-width:400px;animation:popupSlideIn .3s ease;border:1px solid #db7093}.popup-nav1{border-left:4px solid #ff6b9d}.popup-nav1 h3{color:#ff6b9d;border-bottom:2px solid #ff6b9d;padding-bottom:8px}.popup-nav2{border-left:4px solid #e87fa8}.popup-nav2 h3{color:#e87fa8;border-bottom:2px solid #e87fa8;padding-bottom:8px}.page-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;margin-bottom:16px}.page-list::-webkit-scrollbar{width:6px}.page-list::-webkit-scrollbar-track{background:#2d1b384d;border-radius:3px}.page-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#db7093,#c9184a);border-radius:3px}.page-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e87fa8,#db7093)}.page-item{padding:10px 12px;border:1px solid #db7093;border-radius:4px;cursor:pointer;background:#2d1b38;transition:all .2s ease;font-size:14px;color:#f8f9fa;text-align:left}.page-item:hover{background:#db7093;color:#2d1b38;border-color:#e87fa8;transform:translateY(-2px)}.popup-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-btn{padding:8px 16px;background:linear-gradient(135deg,#453847,#2d1b38);color:#f8f9fa;border:1px solid #db7093;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:linear-gradient(135deg,#5a4a5e,#453847);transform:translateY(-2px)}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes smoothReposition{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.header-item-1.repositioning,.header-item-2.repositioning{animation:smoothReposition .3s ease-in-out}@media(max-width:768px){.content-main{flex-direction:column}.sections-container{order:2}.side-image{order:1;width:100%}.side-image img{width:100%;height:200px}}.pages-wrapper{padding:24px;background:linear-gradient(135deg,#2d1b38,#1a0e1a);border-radius:16px;box-shadow:0 8px 32px #2d1b384d;transition:all .3s ease;border:1px solid rgba(219,112,147,.2)}.pages-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 40px #2d1b3866}.pages-wrapper h2{font-size:20px;font-weight:700;color:#f8f9fa;margin:0 0 20px;display:flex;align-items:center;gap:12px}.pages-wrapper h2:before{content:"📄";font-size:24px}.pages-box{background:linear-gradient(135deg,#2d1b38,#1a0e1a);height:320px;padding:24px;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;overflow-y:auto;overflow-x:hidden;border:2px dashed rgba(219,112,147,.2);position:relative;align-content:flex-start}.pages-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#db70930d,#2d1b380d);border-radius:10px;pointer-events:none}.pages-box::-webkit-scrollbar{width:8px}.pages-box::-webkit-scrollbar-track{background:#2d1b384d;border-radius:4px}.pages-box::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#db7093,#c9184a);border-radius:4px}.pages-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e87fa8,#db7093)}.page-chip{background:linear-gradient(135deg,#db7093,#c9184a);padding:10px 12px;border-radius:20px;font-weight:600;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;color:#f8f9fa;font-size:12px;box-shadow:0 4px 12px #db70934d;transition:all .3s ease;border:2px solid transparent;height:40px;display:flex;align-items:center;justify-content:center;text-overflow:ellipsis}.page-chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #db709366;border-color:#db70934d}.page-chip .close{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b9d,#c9184a);color:#f8f9fa;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #db70934d;transition:all .3s ease;border:2px solid #f8f9fa}.page-chip .close:hover{background:linear-gradient(135deg,#c9184a,#ff6b9d);transform:scale(1.1)}.page-chip .edit-btn{position:absolute;top:-8px;left:-8px;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#f8f9fa;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 8px #3b82f64d;transition:all .3s ease;border:2px solid #f8f9fa;cursor:pointer}.page-chip .edit-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.edit-modal-content{background:linear-gradient(135deg,#2d1b38,#1a0e1a);padding:32px;border-radius:16px;box-shadow:0 8px 32px #db709366;min-width:400px;max-width:500px;border:2px solid #db7093;animation:modalSlideIn .3s ease}.edit-modal-content h3{color:#f8f9fa;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#db7093);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-primary-input,.edit-translation-input{padding:14px 18px;border-radius:12px;border:2px solid #db7093;font-size:16px;width:100%;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #2d1b3833}.edit-translation-input{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.edit-primary-input:focus{outline:none;border-color:#e87fa8;box-shadow:0 0 0 4px #e87fa866;transform:translateY(-2px)}.edit-translation-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb66;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#db7093,#c9184a);border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #db70934d;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#e87fa8,#db7093);transform:translateY(-2px);box-shadow:0 6px 20px #db709366}.cancel-btn{background:linear-gradient(135deg,#453847,#2d1b38);border:2px solid #db7093;padding:12px 24px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #2d1b384d;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#5a4a5e,#453847);transform:translateY(-2px);border-color:#e87fa8}.translate-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;color:#f8f9fa;font-size:12px;font-weight:600;box-shadow:0 2px 8px #10b9814d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:120px}.translate-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.primary-input{padding:12px 18px;border-radius:12px;border:2px solid #db7093;font-size:15px;width:200px;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #2d1b3833}.translation-input{padding:12px 18px;border-radius:12px;border:2px solid #3b82f6;font-size:15px;width:200px;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #3b82f633}.primary-input:focus{outline:none;border-color:#e87fa8;box-shadow:0 0 0 4px #e87fa866;transform:translateY(-2px)}.translation-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb66;transform:translateY(-2px)}.add-area button{background:linear-gradient(135deg,#db7093,#c9184a);border:none;padding:14px 28px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #db70934d;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-end}.add-area button:hover{background:linear-gradient(135deg,#e87fa8,#db7093);transform:translateY(-2px);box-shadow:0 6px 20px #db709366}.pages-box:empty:after{content:"No pages added yet. Click below to add your first page!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f8f9fab3;font-style:italic;font-size:16px;text-align:center;width:80%}.districts-wrapper{padding:24px;background:linear-gradient(135deg,#2d1b38,#1a0e1a);border-radius:16px;box-shadow:0 8px 32px #2d1b384d;transition:all .3s ease;border:1px solid rgba(219,112,147,.2)}.districts-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 40px #2d1b3866}.districts-wrapper h2{font-size:20px;font-weight:700;color:#f8f9fa;margin:0 0 20px;display:flex;align-items:center;gap:12px}.districts-wrapper h2:before{content:"🏛️";font-size:24px}.districts-box{background:linear-gradient(135deg,#2d1b38,#1a0e1a);height:320px;padding:24px;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;overflow-y:auto;overflow-x:hidden;border:2px dashed rgba(219,112,147,.2);position:relative;align-content:flex-start}.districts-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#db70930d,#2d1b380d);border-radius:10px;pointer-events:none}.districts-box::-webkit-scrollbar{width:8px}.districts-box::-webkit-scrollbar-track{background:#2d1b384d;border-radius:4px}.districts-box::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:4px}.districts-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)}.district-chip{background:linear-gradient(135deg,#3b82f6,#9333ea);padding:10px 12px;border-radius:20px;font-weight:600;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;color:#f8f9fa;font-size:12px;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;border:2px solid transparent;height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-overflow:ellipsis}.district-chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #3b82f666;border-color:#3b82f64d}.district-chip .close{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b9d,#c9184a);color:#f8f9fa;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px #db70934d;transition:all .3s ease;border:2px solid #f8f9fa}.district-chip .close:hover{background:linear-gradient(135deg,#c9184a,#ff6b9d);transform:scale(1.1)}.district-chip .edit-btn{position:absolute;top:-8px;left:-8px;background:linear-gradient(135deg,#10b981,#059669);color:#f8f9fa;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 8px #10b9814d;transition:all .3s ease;border:2px solid #f8f9fa;cursor:pointer}.district-chip .edit-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.edit-modal-overlay{position:fixed;inset:0;background:#2d1b38cc;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal-content{background:linear-gradient(135deg,#2d1b38,#1a0e1a);padding:32px;border-radius:16px;box-shadow:0 8px 32px #3b82f666;min-width:400px;max-width:500px;border:2px solid #3b82f6;animation:modalSlideIn .3s ease}.edit-modal-content h3{color:#f8f9fa;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edit-input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.edit-primary-input,.edit-translation-input{padding:14px 18px;border-radius:12px;border:2px solid #3b82f6;font-size:16px;width:100%;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #2d1b3833}.edit-translation-input{border-color:#10b981;box-shadow:0 2px 8px #10b98133}.edit-primary-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb66;transform:translateY(-2px)}.edit-translation-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px #05966966;transform:translateY(-2px)}.edit-modal-actions{display:flex;gap:12px;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,#3b82f6,#9333ea);border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.cancel-btn{background:linear-gradient(135deg,#453847,#2d1b38);border:2px solid #3b82f6;padding:12px 24px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #2d1b384d;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#5a4a5e,#453847);transform:translateY(-2px);border-color:#2563eb}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-area{margin-top:24px;display:flex;flex-direction:column;gap:16px}.input-group{display:flex;gap:12px;align-items:center;justify-content:flex-end}.translate-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;color:#f8f9fa;font-size:12px;font-weight:600;box-shadow:0 2px 8px #f59e0b4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:120px}.translate-btn:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.translate-btn:active{transform:translateY(0)}.primary-input{padding:12px 18px;border-radius:12px;border:2px solid #3b82f6;font-size:15px;width:200px;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #3b82f633}.translation-input{padding:12px 18px;border-radius:12px;border:2px solid #10b981;font-size:15px;width:200px;transition:all .3s ease;background:#2d1b38;color:#f8f9fa;box-shadow:0 2px 8px #10b98133}.primary-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb66;transform:translateY(-2px)}.translation-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px #05966966;transform:translateY(-2px)}.add-area button{background:linear-gradient(135deg,#3b82f6,#9333ea);border:none;padding:14px 28px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;color:#f8f9fa;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease;display:flex;align-items:center;gap:8px;align-self:flex-end}.add-area button:before{content:"+";font-size:20px;font-weight:700}.add-area button:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.districts-box:empty:after{content:"No districts added yet. Click below to add your first district!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f8f9fab3;font-style:italic;font-size:16px;text-align:center;width:80%}.sidebar{width:260px;height:100vh;background:linear-gradient(135deg,#2d1b38,#1a0e1a);border-right:1px solid rgba(219,112,147,.3);padding:0;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:4px 0 20px #2d1b3866;position:relative;overflow:hidden;margin:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(219,112,147,.3);background:#db70931a}.logo-container{display:flex;align-items:center;gap:16px;margin-bottom:20px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#db7093,#c9184a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f8f9fa;font-size:24px;box-shadow:0 4px 12px #db70934d}.logo-text h1{color:#f8f9fa;margin:0;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-text span{font-size:12px;color:#f8f9facc;margin-top:4px;display:block}.user-info{display:flex;align-items:center;gap:12px;padding:16px;background:#db70931a;border-radius:12px;margin-top:8px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#db7093,#c9184a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f8f9fa;font-size:18px;box-shadow:0 2px 8px #db70934d}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#f8f9fa;font-size:14px;font-weight:600}.user-role{color:#f8f9fab3;font-size:12px}.menu{margin-top:24px;display:flex;flex-direction:column;gap:6px;padding:0 16px;flex:1}.menu-item{background:none;border:none;text-align:left;cursor:pointer;font-weight:500;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden;color:#f8f9facc}.menu-item:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#db70931a;transition:width .3s ease}.menu-item:hover:before{width:4px}.menu-item:hover{background:#db70931a;transform:translate(4px);color:#f8f9fa}.menu-item.active{background:#db709326;border-left:4px solid #db7093;color:#f8f9fa}.menu-item.active:before{width:4px;background:#db7093}.menu-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#f8f9fae6;transition:all .3s ease;font-size:16px}.menu-item.active .menu-icon{color:#f8f9fa}.menu-content{display:flex;flex-direction:column;gap:2px;flex:1}.menu-label{color:#f8f9fae6;font-size:14px;font-weight:600}.menu-description{color:#f8f9fa99;font-size:11px}.menu-indicator{width:6px;height:6px;background:#db70934d;border-radius:50%;transition:all .3s ease}.menu-item.active .menu-indicator{background:#db7093;transform:scale(1.2)}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid rgba(219,112,147,.3);display:flex;flex-direction:column;gap:12px}.footer-item{display:flex;align-items:center;gap:10px;padding:12px;background:#db70931a;border-radius:10px;color:#f8f9facc;font-size:12px;transition:all .3s ease}.footer-item:hover{background:#db709326;transform:translateY(-2px)}.version-info{text-align:center;padding:8px;background:#db70930d;border-radius:8px;color:#f8f9fa80;font-size:10px;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.menu-item{animation:slideIn .5s ease forwards}.menu-item:nth-child(1){animation-delay:.1s}.menu-item:nth-child(2){animation-delay:.2s}.menu-item:nth-child(3){animation-delay:.3s}.menu-item:nth-child(4){animation-delay:.4s}.logout-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logout-confirm-dialog{background:linear-gradient(135deg,#2d1b38,#1a0e1a);border-radius:15px;box-shadow:0 25px 50px #0000004d;max-width:400px;width:90%;padding:0;border:1px solid rgba(219,112,147,.3);animation:modalSlideIn .3s ease}.logout-confirm-header{display:flex;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid rgba(219,112,147,.3);background:#db70931a}.logout-confirm-header svg{font-size:24px;color:#db7093;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logout-confirm-header h3{margin:0;color:#f8f9fa;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logout-confirm-body{padding:25px;text-align:center}.logout-confirm-body p{margin:0;color:#f8f9fae6;font-size:16px;line-height:1.5}.logout-confirm-actions{display:flex;gap:12px;padding:0 25px 25px;justify-content:center}.logout-confirm-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-width:80px}.logout-confirm-no{background:#ffffffe6;color:#2d1b38;border:1px solid rgba(219,112,147,.3)}.logout-confirm-no:hover{background:#db70931a;transform:translateY(-2px);box-shadow:0 4px 12px #db709333}.logout-confirm-yes{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid rgba(220,53,69,.3);text-shadow:0 2px 4px rgba(0,0,0,.3)}.logout-confirm-yes:hover{background:linear-gradient(135deg,#c82333,brown);transform:translateY(-2px);box-shadow:0 4px 12px #c6282866}.logout-confirm-yes:active{transform:translateY(0)}.menu-item.logout-item{border-left:3px solid transparent;margin-top:auto;border-top:1px solid rgba(219,112,147,.3);background:#dc35450d}.menu-item.logout-item:hover{background:#dc354526;border-left-color:#dc3545}.menu-item.logout-item.active{background:#dc354533;border-left-color:#dc3545}.menu-item.logout-item .menu-icon{color:#dc3545}.menu-item.logout-item .menu-label{color:#f8f9fae6}.menu-item.logout-item .menu-description{color:#f8f9fa99}.website-layout-container{padding:20px;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh}.layout-header{text-align:center;margin-bottom:30px}.layout-header h2{color:#333;margin-bottom:10px;font-size:28px;font-weight:600}.layout-header p{color:#666;font-size:16px;margin:0}.layout-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.layout-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.layout-section h3{color:#333;margin-bottom:20px;font-size:20px;font-weight:600}.layout-encloser{display:flex;gap:20px;margin-bottom:20px}.layout{flex:1;position:relative;overflow:hidden}.layout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.layout img{display:block;height:200px;object-fit:cover}.layout .layout-title{padding:10px;text-align:center;font-weight:600;color:#333;background:#ffffffe6;position:absolute;bottom:0;left:0;right:0}.layout-info{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.layout-info h4{color:#333;margin-bottom:15px;font-size:18px;font-weight:600}.layout-info .info-content p{color:#666;line-height:1.6;margin-bottom:10px}.layout-info .info-content p strong{color:#333}@media(max-width:768px){.layout-content{grid-template-columns:1fr}.layout-encloser{flex-direction:column}.layout img{height:150px}}@media(max-width:480px){.website-layout-container{padding:15px}.layout-header h2{font-size:24px}.layout-header p{font-size:14px}.layout-section,.layout-info{padding:20px}.layout img{height:120px}}.manage-user-container{padding:0;max-width:none;margin:0;font-family:inherit;background:transparent;min-height:100vh;display:flex;flex-direction:column}.manage-user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:24px 20px;background:linear-gradient(135deg,#2d1b38,#1a0e1a);border-radius:0;box-shadow:0 4px 15px #2d1b3866}.manage-user-header h1{color:#fff;margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.manage-user-header .create-user-btn{display:flex;align-items:center;gap:8px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manage-user-header .create-user-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.manage-user-header .create-user-btn svg{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.users-table-container{border-radius:12px;box-shadow:0 8px 25px #0003;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(219,112,147,.3);margin:20px;position:relative}.users-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.users-table thead{background:#2d1b38;border-bottom:2px solid #db7093}.users-table thead th{padding:16px;text-align:left;font-weight:600;color:#f8f9fa;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(219,112,147,.3);white-space:nowrap;position:sticky;top:0;z-index:10}.users-table thead th:last-child{border-right:none}.users-table tbody tr{border-bottom:1px solid rgba(219,112,147,.3);transition:all .2s ease;background:#ffffff4d}.users-table tbody tr:hover{background:#db709326;transform:scale(1.01);box-shadow:0 2px 8px #0000001a}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr td{padding:16px;color:#f8f9fa;border-right:1px solid rgba(219,112,147,.3);vertical-align:middle;white-space:nowrap;position:relative;z-index:1}.users-table tbody tr td:first-child{font-weight:500}.users-table tbody tr td:last-child{border-right:none}.no-users{text-align:center;padding:80px 20px;color:#f8f9facc}.no-users p{font-size:16px;margin:0;opacity:.8}.role-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.role-badge.admin{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.role-badge.editor{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.edit-btn,.delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-right:8px;position:relative}.edit-btn svg,.delete-btn svg{font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.edit-btn{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border:1px solid rgba(255,193,7,.3)}.edit-btn:hover{background:linear-gradient(135deg,#ffb300,#d68910);transform:scale(1.1);box-shadow:0 4px 12px #ffc10766}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid rgba(220,53,69,.3)}.delete-btn:hover{background:linear-gradient(135deg,#c82333,brown);transform:scale(1.1);box-shadow:0 4px 12px #c6282866}.modal-overlay{position:fixed;inset:0;background:#000000b3;color:#000;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#fffffffa;border-radius:15px;box-shadow:0 25px 50px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s ease;border:1px solid rgba(219,112,147,.3)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(219,112,147,.3);background:linear-gradient(135deg,#2d1b38,#1a0e1a)}.modal .modal-header h2{margin:0;color:#f8f9fa;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal .modal-header .close-btn{background:#fff3;border:1px solid rgba(219,112,147,.3);color:#f8f9facc;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal .modal-header .close-btn:hover{background:#db70931a;color:#f8f9fa;transform:rotate(90deg)}.modal .modal-header .close-btn svg{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.modal .user-form{padding:25px}.modal .user-form .form-group{margin-bottom:20px}.modal .user-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#f8f9fa;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal .user-form .form-group input,.modal .user-form .form-group select{width:100%;padding:12px 15px;border:2px solid rgba(219,112,147,.3);border-radius:8px;font-size:14px;transition:all .2s ease;background:#ffffffe6;color:#f8f9fa}.modal .user-form .form-group input:focus,.modal .user-form .form-group select:focus{outline:none;border-color:#db7093;box-shadow:0 0 0 3px #db709333;background:#fff}.modal .user-form .form-group input:disabled,.modal .user-form .form-group select:disabled{background:#f8f9facc;color:#f8f9facc;cursor:not-allowed;border-color:#db70934d;opacity:.7}.modal .user-form .form-group input[type=password]{font-family:Courier New,monospace;letter-spacing:1px}.modal .user-form .form-actions{display:flex;gap:12px;margin-top:25px;justify-content:flex-end}.modal .user-form .submit-btn,.modal .user-form .cancel-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.modal .user-form .submit-btn{background:linear-gradient(135deg,#db7093,#b91d73);color:#fff;border:1px solid rgba(219,112,147,.3);text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal .user-form .submit-btn:hover{background:linear-gradient(135deg,#b91d73,#8b1a1a);transform:translateY(-2px);box-shadow:0 4px 12px #b91d7366}.modal .user-form .submit-btn:active{transform:translateY(0)}.modal .user-form .cancel-btn{background:#ffffffe6;color:#f8f9fa;border:1px solid rgba(219,112,147,.3)}.modal .user-form .cancel-btn:hover{background:#db70931a;transform:translateY(-2px)}@media(max-width:768px){.modal .manage-user-container{padding:0 15px}.modal .manage-user-header{flex-direction:column;gap:15px;text-align:center;padding:20px 15px}.modal .manage-user-header h1{font-size:20px}.modal .manage-user-header .create-user-btn{width:100%;justify-content:center}.modal .users-table-container{margin:15px;border-radius:8px}.modal .users-table{font-size:12px}.modal .users-table thead th,.modal .users-table tbody td{padding:10px}.modal .modal{width:95%;margin:10px}.modal .user-form{padding:20px}.modal .user-form .form-actions{flex-direction:column;gap:10px}.modal .user-form .form-actions .submit-btn,.modal .user-form .form-actions .cancel-btn{width:100%}}@media(max-width:480px){.modal .manage-user-header h1{font-size:18px}.modal .users-table{font-size:11px}.modal .users-table thead th,.modal .users-table tbody td{padding:8px}.modal .edit-btn,.modal .delete-btn{width:28px;height:28px}.modal .edit-btn svg,.modal .delete-btn svg{font-size:10px}}*{padding:0;margin:0;box-sizing:border-box}.logo img{width:200px}.main-container{width:99vw;height:80vh;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.mc-c1-b1,.mc-c1-b2{border:1px solid;border-radius:20px;padding:5px 30px;text-decoration:none;color:#000}.navbar{display:flex;align-items:center;justify-content:space-between;width:100vw;padding:0% 22px}.link{text-decoration:none;color:#000;font-size:20px;font-weight:700;background-color:#ebcee8;padding:10px 15px;border-radius:20px;align-items:center}.nb-container{display:flex;gap:20px;padding:20px;justify-content:left;align-items:center;background-color:gray;font-weight:700;justify-content:space-between}.news-grid-container{padding:40px 100px;width:1000vwc;font-family:Poppins,sans-serif;background-color:#f8f9fa;display:flex;justify-content:center}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:1100px}.news-card{background-color:#f1f1f1;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease-in-out}.news-card:hover{transform:translateY(-5px)}.news-image{background-color:#f76c6c;height:180px;width:100%}.news-content{padding:12px 15px;background-color:#e6e6e6}.news-content h3{font-size:15px;margin:6px 0 4px;color:#111;font-weight:600}.news-content p{font-size:13px;color:#333;line-height:1.4}.nav-c1-link:hover{color:#f23889}.image-preview{margin-top:10px;text-align:center}.preview-img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 0 8px #0003}.para-cls-btn{position:absolute;top:-5;left:50;cursor:pointer;font-size:16px}.form-main-cont{position:fixed;z-index:100}.breaking-news-bar{background-color:#f8f8f8;border-bottom:2px solid #f23889;padding:8px 0;color:#222;font-weight:600;font-size:14px;width:100vw}.main-content{display:flex;gap:20px;margin:35px 100px;background-color:#fff}.main-article{flex:2}.main-image{width:800px;border-radius:6px}.headline{font-size:22px;margin:12px 0;line-height:1.4}.article-summary{font-size:15px;color:#444}.time{font-size:12px;color:gray}.side-news{flex:1;display:flex;flex-direction:column;gap:20px;padding-left:20px}.side-item{display:flex;gap:0px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:20px;background-color:#fff}.side-thumb{width:350px;height:70px;object-fit:cover;border-radius:4px}.side-text h4{margin:0;font-size:14px;line-height:1.3;color:#111}.side-text .time{display:block;margin-top:5px;color:gray;font-size:12px}.home-container{width:100%;max-width:1180px;margin:auto;padding:20px 0;font-family:Arial,sans-serif}.ad-wrapper{width:100%;margin-bottom:30px}.ad-top-border{height:4px;background:#ff9acb;margin-bottom:10px}.ad-box{background:#e5e5e5;height:150px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}.content-grid{display:grid;grid-template-columns:70% 30%;gap:24px}.news-list{display:flex;flex-direction:column;gap:26px}.news-card{display:flex;gap:18px;padding-bottom:20px;border-bottom:1px solid #dedede}.news-image{width:160px;height:100px;border-radius:6px;object-fit:cover}.news-content h3{font-size:16px;font-weight:700;margin-bottom:6px;color:#1e1e1e}.news-content p{font-size:13px;color:#535353;line-height:1.5;margin-bottom:6px}.news-time{font-size:12px;color:#999}.right-column{display:flex;flex-direction:column;gap:20px}.weather-box{background:#0f172a;padding:20px;color:#fff;border-radius:10px}.weather-box h2{font-size:20px;margin-bottom:10px}.temperature{font-size:32px;font-weight:700;margin-bottom:5px}.weather-status{margin-bottom:15px;color:#d1d5db}.aqi-value{font-size:14px;margin-bottom:15px}.aqi-bar{display:flex;gap:3px;margin-bottom:10px}.bar{width:40px;height:6px;border-radius:3px}.yellow{background:#ffeb3b}.orange{background:#ff9800}.red{background:#f44336}.aqi-text{font-size:12px;color:#ddd}.side-ad{background:#e6e6e6;border-radius:6px;height:280px;display:flex;align-items:center;justify-content:center;color:#777;font-size:16px;border:2px solid #80befd}@media(max-width:900px){.content-grid{grid-template-columns:1fr}}.main-layout{display:flex;gap:20px;margin-top:20px}.main-left{flex:2.2}.main-img{width:100%;height:260px;border-radius:6px;object-fit:cover}.main-head{margin-top:12px;font-size:24px;line-height:32px}.main-summary{margin-top:8px;color:#555}.time{font-size:13px;color:#888}.main-right{flex:1.1;display:flex;flex-direction:column;gap:14px}.side-card{display:flex;gap:10px}.side-img{width:85px;height:65px;border-radius:6px;object-fit:cover}.side-info h4{font-size:14px;margin:0}.ad-block{background:#efefef;padding:20px;text-align:center;margin:25px 0;font-size:14px}.grid-layout{display:flex;gap:24px}.list-column{flex:2.5;display:flex;flex-direction:column;gap:18px}.list-card{display:flex;gap:12px}.list-img{width:140px;height:100px;border-radius:6px;object-fit:cover}.right-column{flex:1.2;display:flex;flex-direction:column;gap:18px}.weather-box{padding:20px;background:#f7f7f7;border-radius:8px;text-align:center}.temp{font-size:32px;font-weight:700}.aqi{margin-top:8px;color:#444}.side-ad{background:#efefef;padding:20px;text-align:center;border-radius:8px}@media(max-width:820px){.main-layout,.grid-layout{flex-direction:column}}