:root{
--gold:#d4a843;
--saffron:#e8651a;
--dark:#0d0606;
--card:rgba(40,10,10,0.75);
--text:#f5e6c8;
--border:rgba(212,168,67,0.2);
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
background:var(--dark);
color:var(--text);
font-family:Arial,sans-serif;
}

.login-body{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
position:relative;
}

.bg-glow{
position:absolute;
border-radius:50%;
filter:blur(100px);
}

.glow1{
width:400px;
height:400px;
background:rgba(212,168,67,0.15);
top:-100px;
left:-100px;
}

.glow2{
width:350px;
height:350px;
background:rgba(232,101,26,0.12);
bottom:-100px;
right:-100px;
}

.login-container{
width:100%;
max-width:420px;
position:relative;
z-index:2;
}

.login-logo{text-align:center;margin-bottom:30px;}

.om{
font-size:60px;
color:var(--gold);
}

.login-card{
background:var(--card);
border:1px solid var(--border);
backdrop-filter:blur(14px);
border-radius:24px;
padding:35px;
}

.login-card input{
width:100%;
padding:15px;
margin-bottom:16px;
background:#1b0b0b;
border:1px solid rgba(255,255,255,0.06);
border-radius:14px;
color:white;
}

.login-card button{
width:100%;
padding:15px;
border:none;
border-radius:14px;
background:linear-gradient(135deg,var(--gold),var(--saffron));
font-weight:bold;
cursor:pointer;
}

.admin-layout{
display:flex;
min-height:100vh;
}

.sidebar{
width:280px;
background:#140707;
padding:30px;
}

.sidebar ul{list-style:none;}

.sidebar ul li{
padding:14px 18px;
margin-bottom:10px;
border-radius:14px;
background:rgba(255,255,255,0.03);
}

.main-content{
flex:1;
padding:30px;
}

.dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.dashboard-card{
background:var(--card);
padding:25px;
border-radius:24px;
border:1px solid var(--border);
}