/* Global */
body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;}

/* Splash */
.splash-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#001f3f;}
.splash-screen .bg-svg{width:80%;}

/* Layout */
.app{display:flex;}
.hidden{display:none;}
.side-menu{width:200px;background:#1e2a38;color:#fff;height:100vh;position:fixed;top:0;left:0;padding-top:20px;}
.side-menu ul{list-style:none;padding:0;margin:0;}
.side-menu li{margin:10px 0;}
.side-menu a{display:flex;align-items:center;color:#cfd8e3;text-decoration:none;padding:8px 16px;}
.side-menu a.active,.side-menu a:hover{background:#274060;color:#fff;}
.side-menu .icon{margin-right:8px;}
.content{margin-left:200px;padding:20px;flex:1;}
.page{display:none;}
.page.active{display:block;}