:root{

--purple:#6F2CFF;
--purple-dark:#5822CC;
--page:#F4F6FA;
--card:#FFFFFF;
--border:#E7EAF1;
--text:#1F2937;
--muted:#7C8798;
--shadow:0 10px 30px rgba(0,0,0,.06);

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

font-family:Inter,sans-serif;
background:var(--page);
color:var(--text);

}

.top-header{

background:linear-gradient(90deg,var(--purple),var(--purple-dark));
padding:24px 40px;
color:white;
box-shadow:var(--shadow);

}

.bauer-logo{

height:55px;
margin-right:20px;

}

.header-text h1{

font-size:30px;
font-weight:700;
margin:0;

}

.header-text p{

margin:0;
font-size:15px;
opacity:.9;

}

.status-pill{

background:rgba(255,255,255,.18);
padding:10px 18px;
border-radius:40px;
font-size:14px;
font-weight:600;
display:flex;
align-items:center;

}

.status-dot{

width:10px;
height:10px;
background:#25D366;
border-radius:50%;
margin-right:10px;

}

.main-nav{

background:white;
border-bottom:1px solid var(--border);

}

.main-nav ul{

list-style:none;
display:flex;
margin:0;
padding:0 35px;

}

.main-nav li{

margin-right:35px;

}

.main-nav a{

display:block;
padding:18px 0;
text-decoration:none;
color:#5E6473;
font-weight:600;
transition:.2s;

}

.main-nav a:hover{

color:var(--purple);

}

.main-nav .active{

color:var(--purple);
border-bottom:3px solid var(--purple);

}

.page-wrapper{

padding:35px;

}

.stat-card{

background:var(--card);
border-radius:14px;
padding:28px;
box-shadow:var(--shadow);
border:1px solid var(--border);
height:100%;

}

.stat-title{

font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
color:var(--muted);

}

.stat-value{

font-size:40px;
font-weight:700;
margin-top:12px;

}

.stat-time{

font-size:18px;
margin-top:18px;
font-weight:600;

}

.content-card{

background:white;
border-radius:14px;
border:1px solid var(--border);
box-shadow:var(--shadow);

}

.card-toolbar{

display:flex;
justify-content:space-between;
align-items:center;
padding:25px 30px;
border-bottom:1px solid var(--border);

}

.card-toolbar h2{

margin:0;
font-size:24px;

}

.card-toolbar p{

margin-top:6px;
color:var(--muted);

}

.search-box{

width:320px;
border:1px solid var(--border);
padding:12px 16px;
border-radius:10px;
outline:none;
transition:.2s;

}

.search-box:focus{

border-color:var(--purple);

}

.station-table{

margin:0;

}

.station-table thead{

background:#F9FAFC;

}

.station-table th{

padding:18px 24px;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
color:#6F7685;
border-bottom:1px solid var(--border);

}

.station-table td{

padding:20px 24px;
border-top:1px solid var(--border);
vertical-align:middle;

}

.station-table tr:hover{

background:#FAFBFE;

}

.station-link{

font-weight:700;
text-decoration:none;
color:var(--purple);

}

.station-link:hover{

color:var(--purple-dark);

}

footer{

padding:30px;
text-align:center;
font-size:13px;
color:#8A92A2;

}

@media(max-width:992px){

.page-wrapper{

padding:20px;

}

.card-toolbar{

display:block;

}

.search-box{

width:100%;
margin-top:20px;

}

.main-nav ul{

padding:0 20px;

}

.top-header{

padding:20px;

}

.header-text h1{

font-size:22px;

}

.bauer-logo{

height:42px;

}

}