:root{
--bg:#f5f7fb;
--surface:#ffffff;
--text:#111827;
--border:#e5e7eb;
--muted:#64748b;
}

html[data-theme="dark"]{
--bg:#08111f;
--surface:#111827;
--text:#f8fafc;
--border:#334155;
--muted:#94a3b8;
}

html,body{
background:var(--bg)!important;
color:var(--text)!important;
}

body .admin-topbar,
body .management-panel,
body .stat-card,
body .editor-box,
body .card,
body table{
background:var(--surface)!important;
color:var(--text)!important;
border-color:var(--border)!important;
}

body input,
body textarea,
body select{
background:var(--surface)!important;
color:var(--text)!important;
border-color:var(--border)!important;
}

.theme-toggle{
position:fixed;
top:20px;
left:25px;
z-index:99999;
width:44px;
height:44px;
border-radius:50%;
cursor:pointer;
border:1px solid var(--border);
background:var(--surface);
color:var(--text);
font-size:20px;
}