body{
margin:0;
font-family:Arial,sans-serif;
background:#0f172a;
color:white;
}

.home,
.container{
max-width:1400px;
margin:auto;
padding:25px;
}

.menu{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:20px;
margin-top:30px;
}

.menu-card{
background:#1e293b;
padding:50px;
border-radius:28px;
text-decoration:none;
color:white;
text-align:center;
font-size:30px;
}

.icon{
font-size:60px;
margin-bottom:10px;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
gap:20px;
}

.topbar a{
background:#1e293b;
padding:12px 18px;
border-radius:14px;
color:white;
text-decoration:none;
}

.stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-bottom:20px;
}

.stat-box{
background:#1e293b;
padding:18px;
border-radius:16px;
text-align:center;
}

.add-form{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
margin-bottom:25px;
}

input,
select,
button{
padding:14px;
border:none;
border-radius:14px;
font-size:16px;
}

button{
background:#2563eb;
color:white;
cursor:pointer;
}

.calendar-head{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:10px;
margin-bottom:10px;
font-weight:bold;
text-align:center;
}

.calendar{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:10px;
}

.day{
background:#1e293b;
padding:10px;
border-radius:16px;
min-height:140px;
}

.shift{
padding:7px;
border-radius:10px;
margin-top:7px;
font-size:12px;
}

.event{
background:#facc15;
color:black;
padding:7px;
border-radius:10px;
margin-top:7px;
font-size:12px;
}

.buttons{
display:flex;
gap:5px;
margin-top:5px;
}

.buttons a{
flex:1;
text-align:center;
background:rgba(0,0,0,.25);
padding:4px;
border-radius:6px;
text-decoration:none;
color:white;
}

.event-card{
background:#1e293b;
padding:16px;
border-radius:16px;
margin-bottom:10px;
}

.rano{background:#3b82f6;}
.popoludnie{background:#f97316;}
.nocka{background:#374151;}
.urlop{background:#22c55e;}
.wolne{background:#6b7280;}
.oddanie{background:#14b8a6;}
.l4{background:#9333ea;}