:root{

--radar-bg:#06090d;
--panel-bg:#0f141b;

--border:#1d2733;

--text:#cdd6e0;
--text-soft:#7f93a8;

/* ATC colors */

--atc-blue:#5aa9ff;
--radar-green:#37ff8b;
--runway:#ffc857;
--warning:#ff6b6b;

}

body{
background:var(--radar-bg);
color:var(--text);
font-family:Segoe UI,Roboto,Arial;
margin:0;
}

.container{

max-width:1500px;

margin:auto;

padding:0 12px;

box-sizing:border-box;

}

/* HEADER */

.header{
display:grid;
grid-template-columns:1fr 3fr 1fr;
align-items:center;
padding:10px 0px;

background:var(--panel-bg);

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

box-shadow:0 0 10px rgba(0,0,0,0.6);
}

.logo{
text-align:center;
font-size:20px;
font-weight:600;

color:var(--atc-blue);

letter-spacing:2px;
}

.logo img{
height:140px;
}

/* MAIN LAYOUT */

.main{

max-width:1500px;
margin:auto;

display:grid;
grid-template-columns:240px 1fr;

gap:20px;

padding:12px;

box-sizing:border-box;

}

/* LEFT PANEL */

.left{
	
max-width:240px;

}

/* RIGHT PANEL */

.right{

min-width:0;
max-width:1166px;

}

/* MODULE */

.module{

background:var(--panel-bg);

border:1px solid var(--border);

border-radius:6px;

padding:12px;

position:relative;

transition:0.2s;

}

.left .menu{
margin-bottom:12px;
}
.module:hover{

border-color:var(--atc-blue);

box-shadow:0 0 8px rgba(90,169,255,0.3);

}
/* MENU */

.menu{
background:var(--panel-bg);
border:1px solid var(--border);
border-radius:6px;
overflow:hidden;
padding:12px;
}

.menu-title{

font-size:16px;

letter-spacing:1px;

color:var(--text-soft);

margin-bottom:8px;

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

padding-bottom:6px;
text-align:center;


}

.menu a{

display:block;

padding:10px;

text-decoration:none;

color:var(--text);

border-bottom:1px solid #121820;

font-size:16px;
text-align:center;

}

.menu a:hover{

background:#16202b;

color:var(--atc-blue);

}

/* FOOTER */

.footer{
text-align:center;
padding:15px;
color:#5f7388;
font-size:12px;
}

.module-title{

font-size:16px;

letter-spacing:1px;

color:var(--text-soft);

margin-bottom:8px;

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

padding-bottom:6px;

}

.atc{
color:var(--atc-blue);
}

.radar{
color:var(--radar-green);
}

.runway{
color:var(--runway);
}

.warning{
color:var(--warning);
}

.footer{

margin-top:20px;

padding:10px 20px;

border-top:1px solid #1e2630;

display:flex;

justify-content:space-between;

align-items:center;

font-size:12px;

color:#7f93a8;

}

.footer a{

color:#5aa9ff;

text-decoration:none;

}

.footer a:hover{

text-decoration:underline;

}

.module-language{
max-width:180px;
}

.module-language .module-title{
width:100%;
text-align:left;
}

.construction-text{

text-align:center;

padding:30px 10px;

font-size:16px;

line-height:1.6;

color:var(--text);

opacity:0.85;

}