:root{--purple:#6658f5;--purple2:#7c6dfb;--navy:#141a2d;--ink:#172033;--muted:#748096;--line:#e7eaf1;--green:#16a36a;--red:#dc4352;--amber:#e59b20;--shadow:0 14px 40px rgba(29,35,65,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6fb;color:var(--ink)}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.hidden{display:none!important}.admin-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:265px;background:linear-gradient(180deg,#151a2d,#111626);color:#fff;padding:22px 15px;z-index:50;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 9px 22px}.brand-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--purple),#24b8d5);font-size:19px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font:800 16px Manrope}.sidebar-brand small{color:#7e88a4;font-size:10px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.side-nav>small{margin:19px 11px 5px;color:#626c86;font-size:9px;font-weight:800;letter-spacing:.13em}.side-nav a{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#9da6bd;font-size:13px;font-weight:600}.side-nav a>span{width:20px;text-align:center}.side-nav a:hover,.side-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(102,88,245,.28),rgba(102,88,245,.08))}.side-nav a.active:before{content:"";position:absolute;left:-15px;width:3px;height:25px;background:#897eff}.side-nav em{margin-left:auto;color:#667089;font-size:8px;font-style:normal}.side-count{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:#ed5665;font-size:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid #272e42;padding-top:13px}.sidebar-bottom a{display:block;padding:9px 12px;color:#828ca5;font-size:12px}.admin-main{margin-left:265px;min-height:100vh}.topbar{height:78px;position:sticky;top:0;z-index:40;display:flex;align-items:center;padding:0 28px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.menu-btn{display:none;border:0;background:transparent;font-size:22px}.topbar-title span{color:#9aa2b2;font-size:8px;font-weight:800;letter-spacing:.13em}.topbar-title h1{margin:1px 0 0;font:800 20px Manrope}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.top-icon{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.top-icon b{position:absolute;top:-5px;right:-4px;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:#ef5261;color:#fff;font-size:9px}.notification-wrap{position:relative}.notification-menu{position:absolute;right:0;top:50px;width:340px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 22px 60px rgba(22,28,52,.17);overflow:hidden}.notification-head{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-head a{color:var(--purple);font-size:11px;font-weight:700}.notification-item{display:block;padding:13px 16px;border-bottom:1px solid #eff1f5}.notification-item:hover{background:#faf9ff}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:12px}.notification-item p{margin:3px 0;color:#667085;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item small{color:#a0a7b6;font-size:9px}.notification-empty{padding:25px;text-align:center;color:#8d96a8;font-size:12px}.admin-profile{display:flex;align-items:center;gap:9px;padding-left:10px;border-left:1px solid var(--line)}.profile-avatar{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:#dedaff;color:var(--purple);font-weight:800}.profile-avatar img{width:100%;height:100%;object-fit:cover}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:12px}.admin-profile small{color:#8a93a5;font-size:9px}.admin-content{padding:27px;max-width:1500px;margin:auto}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f0eeff;color:var(--purple)}.stat-card small{color:#8b94a6;font-size:10px}.stat-card h2{margin:15px 0 2px;font:800 29px Manrope}.stat-card p{margin:0;color:#8b94a6;font-size:10px}.trend.up{color:var(--green)}.trend.warn{color:var(--amber)}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.grid-half{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:800 15px Manrope}.panel-head p{margin:3px 0 0;color:#8992a4;font-size:10px}.panel-body{padding:19px}.panel-link{color:var(--purple);font-size:11px;font-weight:700}.status-list{display:grid;gap:12px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #edf0f5;border-radius:11px}.status-row strong,.status-row small{display:block}.status-row strong{font-size:12px}.status-row small{color:#9098a8;font-size:9px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800}.badge.green{background:#e9f8f1;color:#118253}.badge.red{background:#fff0f1;color:#be3442}.badge.amber{background:#fff6e7;color:#a96909}.badge.gray{background:#f1f3f6;color:#677287}.badge.purple{background:#f0eeff;color:var(--purple)}
.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:11px 13px;background:#f8f9fc;color:#8c95a6;font-size:9px;text-transform:uppercase;text-align:left}.admin-table td{padding:13px;border-top:1px solid #edf0f5;font-size:11px}.cell-title strong,.cell-title small{display:block}.cell-title small{color:#8d96a8}.avatar-mini{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eeebff;color:var(--purple);font-weight:800}.user-cell{display:flex;align-items:center;gap:10px}.action-group{display:flex;gap:6px}.btn{border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;font-size:10px;font-weight:800;cursor:pointer}.btn.secondary{background:#fff;color:#48546a;border:1px solid var(--line)}.btn.danger{background:#fff0f1;color:#c13745;border:1px solid #ffd9dd}.btn:disabled{opacity:.6}.toolbar{display:flex;gap:10px;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.search-box{position:relative;max-width:320px;flex:1}.search-box input{width:100%;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:10px}.search-box span{position:absolute;left:12px;top:9px}.filter-group{display:flex;gap:7px}.filter-btn{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#657085;font-size:9px;font-weight:700}.filter-btn.active{background:#eeebff;color:var(--purple)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group.full{grid-column:1/-1}.form-group label{display:block;margin-bottom:6px;color:#58647a;font-size:10px;font-weight:700}.form-control{width:100%;padding:11px 12px;border:1px solid #dde2eb;border-radius:10px;outline:none}.form-control:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(102,88,245,.09)}textarea.form-control{min-height:120px}.form-help{display:block;margin-top:5px;color:#929aaa;font-size:9px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:11px}.toggle-row small{color:#9098aa;font-size:9px}.switch{position:relative;width:43px;height:24px}.switch input{opacity:0}.switch span{position:absolute;inset:0;border-radius:99px;background:#ccd2dc}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--purple)}.switch input:checked+span:before{transform:translateX(19px)}.empty-admin{padding:45px;text-align:center;color:#8d96a8}.pagination{display:flex;justify-content:flex-end;gap:5px;padding:15px}.pagination a{min-width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:10px}.pagination .active{background:var(--purple);color:#fff}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(14,19,34,.68);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;border-radius:18px;background:#fff}.modal-card.small{width:min(430px,100%)}.modal-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:2px 0;font:800 17px Manrope}.modal-close{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}.message-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.info-box{padding:11px;border:1px solid var(--line);border-radius:10px}.info-box small,.info-box strong{display:block}.info-box small{color:#8e97a8;font-size:9px}.info-box strong{font-size:11px;word-break:break-word}.message-content{white-space:pre-wrap;padding:17px;border-radius:12px;background:#f8f9fc;font-size:12px;line-height:1.7}.delete-symbol{width:60px;height:60px;margin:5px auto 15px;display:grid;place-items:center;border-radius:18px;background:#fff0f1;color:var(--red);font-size:27px}.confirm-copy{text-align:center}.confirm-copy h3{font:800 19px Manrope}.confirm-copy p{color:#7c8699;font-size:11px}.health-meter{height:7px;border-radius:99px;background:#edf0f5;overflow:hidden}.health-meter span{display:block;height:100%;background:linear-gradient(90deg,#f1a52d,#28b578)}.admin-toast{position:fixed;right:22px;bottom:22px;z-index:200;transform:translateY(20px);opacity:0;padding:12px 16px;border-radius:10px;background:#182034;color:#fff;font-size:11px;transition:.2s}.admin-toast.show{opacity:1;transform:none}.admin-toast.error{background:#ba3542}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-art{padding:70px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#4c40d4,#6b5af5 62%,#24aac6)}.login-art h1{font:800 50px/1.08 Manrope}.login-panel{display:grid;place-items:center;padding:25px}.login-box{width:min(420px,100%)}.login-box h2{font:800 28px Manrope}.login-box>p{color:#7a8497;font-size:12px}.login-box .form-group{margin:14px 0}.login-btn{width:100%;padding:13px}.login-error{padding:10px;border-radius:9px;background:#fff0f1;color:#bd3442;font-size:11px}
@media(max-width:1050px){.stat-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-half{grid-template-columns:1fr}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.admin-main{margin-left:0}.menu-btn{display:block}.admin-content{padding:18px}.admin-profile>span:last-child{display:none}.topbar{padding:0 17px}.notification-menu{position:fixed;left:15px;right:15px;top:72px;width:auto}.login-page{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.form-grid,.message-info{grid-template-columns:1fr}.toolbar{display:block}.filter-group{margin-top:9px;overflow:auto}}


/* Modern Admin UI V2 — improved readability */
:root{--purple:#6757f6;--purple2:#806efb;--ink:#182238;--muted:#69758c;--line:#e2e6ef;--soft:#f4f6fb;--shadow:0 18px 50px rgba(29,35,65,.09)}
body{font-size:14px;line-height:1.55;background:linear-gradient(135deg,#f7f8fc,#eef2fa)}
.sidebar{width:285px;padding:24px 17px;background:radial-gradient(circle at 20% 0,rgba(103,87,246,.17),transparent 30%),linear-gradient(180deg,#151b31,#0e1425)}
.admin-main{margin-left:285px}.sidebar-brand strong{font-size:18px}.sidebar-brand small{font-size:11px}
.side-nav{gap:5px}.side-nav>small{font-size:10px;margin-top:22px}.side-nav a{padding:12px 13px;font-size:14px;line-height:1.25}.side-nav a>span{font-size:17px}
.topbar{height:88px;padding:0 34px}.topbar-title h1{font-size:24px}.topbar-title span{font-size:10px}
.admin-content{padding:32px;max-width:1600px}.panel{border-radius:20px}.panel-head{padding:20px 22px}.panel-head h2{font-size:18px}.panel-head p{font-size:12px;line-height:1.45}
.panel-body{padding:22px}.stat-card{padding:23px;border-radius:19px}.stat-card h2{font-size:34px}.stat-card p,.stat-card small{font-size:12px}
.admin-table th{padding:14px 16px;font-size:11px;white-space:nowrap}.admin-table td{padding:15px 16px;font-size:13px;line-height:1.45}.cell-title strong{font-size:13px;overflow-wrap:anywhere}.cell-title small{font-size:11px;overflow-wrap:anywhere}
.form-group label{font-size:12px}.form-control{padding:13px 14px;font-size:14px;min-height:46px}.form-help{font-size:11px}.btn{padding:10px 14px;font-size:12px}.badge{font-size:10px;padding:6px 9px}
.status-row{padding:14px}.status-row strong{font-size:13px}.status-row small{font-size:11px}
.admin-profile strong{font-size:13px}.admin-profile small{font-size:10px}
.profile-preview{grid-column:1/-1;width:92px;height:92px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#e7e3ff,#d8f6fb);color:var(--purple);font:800 30px Manrope;box-shadow:0 12px 30px rgba(60,53,130,.15)}
.profile-preview img{width:100%;height:100%;object-fit:cover}.avatar-mini img{width:100%;height:100%;object-fit:cover}.admin-profile-grid{align-items:start}
.login-box h2{font-size:32px}.login-box>p{font-size:14px}.login-box .form-group label{font-size:13px}
@media(max-width:780px){.sidebar{width:285px}.admin-main{margin-left:0}.admin-content{padding:20px}.topbar{height:78px;padding:0 18px}.topbar-title h1{font-size:20px}}


/* FINAL MODERN ADMIN OVERRIDES */
body{background:
radial-gradient(circle at 15% 0,rgba(112,92,255,.10),transparent 24%),
linear-gradient(145deg,#f8f9fd 0%,#edf2fa 100%);color:#172038}
.sidebar{background:
radial-gradient(circle at 10% 0,rgba(116,96,255,.24),transparent 31%),
linear-gradient(180deg,#11182d 0%,#0b1121 100%);box-shadow:12px 0 40px rgba(13,20,39,.12)}
.sidebar-brand{padding:2px 10px 27px}.sidebar-brand strong{font-size:19px;letter-spacing:-.02em}
.side-nav a{min-height:46px;border:1px solid transparent}.side-nav a:hover{border-color:rgba(255,255,255,.05)}
.side-nav a.active{background:linear-gradient(90deg,rgba(111,91,255,.38),rgba(80,177,238,.10));box-shadow:inset 0 0 0 1px rgba(157,145,255,.12)}
.topbar{background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(27,38,68,.05)}
.top-icon{font-size:17px;background:linear-gradient(145deg,#fff,#f5f6fb);box-shadow:0 8px 22px rgba(40,50,82,.07)}
.admin-content{padding-top:34px}.panel{border:1px solid rgba(219,224,236,.95);box-shadow:0 18px 50px rgba(27,38,68,.07)}
.toolbar{padding:18px 20px}.filter-btn{font-size:11px;padding:10px 13px}
.admin-table tbody tr{transition:.18s}.admin-table tbody tr:hover{background:#fafaff}
.date-cell strong,.date-cell small{display:block;white-space:nowrap}.date-cell strong{font-size:12px}.date-cell small{font-size:10px;color:#8b94a6;margin-top:2px}
.side-total-count{background:linear-gradient(135deg,#6d5af7,#26a7dd);min-width:23px;padding:0 6px}
.profile-avatar{box-shadow:0 7px 18px rgba(73,57,155,.18)}
@media(max-width:900px){.admin-table td{min-width:120px}.admin-table td:nth-child(2){min-width:260px}}


/* PREMIUM ADMIN REDESIGN V4 */
:root{--admin-bg:#eef2f9;--admin-card:#ffffff;--admin-navy:#0b1020;--admin-accent:#705cff;--admin-cyan:#29b6d8}
body{background:
linear-gradient(180deg,#f8faff 0,#edf2fa 42%,#e9eef7 100%) fixed;font-size:15px}
.sidebar{width:300px;padding:24px 18px;background:
radial-gradient(circle at 12% 4%,rgba(118,92,255,.34),transparent 27%),
linear-gradient(180deg,#111831 0%,#090f20 100%);border-right:1px solid rgba(255,255,255,.05)}
.admin-main{margin-left:300px}.sidebar-brand{min-height:72px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.brand-icon{width:48px;height:48px;border-radius:15px;font-size:23px;box-shadow:0 12px 28px rgba(78,74,235,.35)}
.sidebar-brand strong{font-size:20px}.sidebar-brand small{font-size:11px;margin-top:2px}
.side-nav a{font-size:15px;padding:13px 14px;border-radius:13px;color:#aab4cc}
.side-nav a.active{background:linear-gradient(100deg,#6655e9,#393270 72%,rgba(41,182,216,.18));box-shadow:0 12px 30px rgba(13,14,44,.26)}
.side-nav a.active:before{display:none}.side-nav>small{font-size:10px;color:#687590}
.topbar{height:92px;padding:0 36px;background:rgba(255,255,255,.88);border-bottom:1px solid #dfe5ef;box-shadow:0 10px 35px rgba(36,48,78,.06)}
.topbar-title h1{font-size:27px;letter-spacing:-.035em}.topbar-title span{font-size:10px;color:#8d98ab}
.admin-content{padding:34px 36px;max-width:1700px}.panel,.stat-card{background:rgba(255,255,255,.96);border:1px solid rgba(218,224,236,.95);box-shadow:0 20px 55px rgba(31,43,72,.08)}
.panel{border-radius:22px}.stat-card{border-radius:21px;position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:linear-gradient(135deg,rgba(112,92,255,.18),rgba(41,182,216,.08))}
.stat-icon{width:46px;height:46px;border-radius:14px;font-size:20px}.stat-card h2{font-size:38px;letter-spacing:-.04em}
.panel-head{padding:22px 24px}.panel-head h2{font-size:19px;letter-spacing:-.02em}.panel-head p{font-size:13px}
.admin-table th{font-size:11px;letter-spacing:.06em;padding:15px 17px}.admin-table td{font-size:14px;padding:16px 17px}
.btn{font-size:13px;border-radius:11px;padding:11px 15px}.form-control{font-size:15px;border-radius:12px}
.profile-avatar{width:45px;height:45px;border-radius:14px}.admin-profile strong{font-size:14px}.top-icon{width:45px;height:45px;border-radius:13px}
.visitor-url{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#637089}
@media(max-width:780px){.sidebar{width:300px}.admin-main{margin-left:0}.admin-content{padding:20px}.topbar{padding:0 18px}}

.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.code-editor{min-height:620px;font-family:ui-monospace,monospace;line-height:1.55}.editor-layout aside{align-self:start;position:sticky;top:110px}@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-layout aside{position:static}}

:root{--purple:#0a8067;--purple2:#17a582;--ink:#10251f;--muted:#668078;--line:rgba(176,210,199,.65);--soft:#eef8f4;--shadow:0 20px 55px rgba(6,73,58,.12)}body{background:radial-gradient(circle at 18% 0,rgba(28,179,136,.18),transparent 27%),linear-gradient(145deg,#eef8f4 0%,#e7f1ed 48%,#dfece7 100%);color:#10251f}.sidebar{background:radial-gradient(circle at 13% 1%,rgba(58,221,170,.26),transparent 28%),linear-gradient(180deg,#063b31 0%,#052b25 52%,#031f1b 100%);border-right:1px solid rgba(129,230,194,.14)}.side-nav a{color:#b7d6ca}.side-nav>small{color:#6ea892}.side-nav a.active{background:linear-gradient(100deg,rgba(21,166,128,.85),rgba(10,104,85,.66));box-shadow:0 14px 34px rgba(0,33,27,.34);color:#fff}.topbar{background:rgba(247,255,252,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(179,211,201,.72)}.panel,.stat-card{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(239,250,246,.82));backdrop-filter:blur(18px);border:1px solid rgba(173,211,199,.72)}.stat-card:nth-child(4n+1){background:linear-gradient(145deg,#eafff7,#d9f8ec)}.stat-card:nth-child(4n+2){background:linear-gradient(145deg,#edfff4,#d9f2e5)}.stat-card:nth-child(4n+3){background:linear-gradient(145deg,#e8fbff,#d9f1ee)}.stat-card:nth-child(4n+4){background:linear-gradient(145deg,#f0fff2,#def3df)}.panel-head{background:linear-gradient(110deg,rgba(9,128,103,.10),rgba(49,190,145,.04));border-bottom:1px solid rgba(170,211,198,.72)}.btn{background:linear-gradient(135deg,#0c8068,#21a984)}.btn.secondary{background:rgba(255,255,255,.76);color:#185d4d;border-color:#b7d8cd}.pagination{display:flex;gap:8px;justify-content:center}.page-link{padding:9px 13px;border:1px solid #b9d9ce;border-radius:9px;color:#0b745e}.page-link.active{background:linear-gradient(135deg,#0c8068,#21a984);color:#fff}.nav-private{margin-left:auto;font-size:9px;color:#8dcab6}