@font-face{font-family:Barlow;src:url("./media/Barlow-Regular-HITCA4HU.ttf") format("truetype");font-weight:400}@font-face{font-family:Barlow SemiBold;src:url("./media/Barlow-SemiBold-NQTIGPTU.ttf") format("truetype");font-weight:600}:root{--color-darkblue: #004164;--color-middleblue: #8cbee6;--color-lightblue: #d2e1eb;--color-white: #ffffff;--color-highlight: #e6ff96;--color-highlight-light-bg: #004164;--color-highlight-dark-bg: #e6ff96;--border-radius: 20px}body{margin:0;font-family:Barlow,sans-serif;color:var(--color-darkblue);background-color:var(--color-lightblue);min-height:100vh;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex:1}header{display:flex;align-items:center;justify-content:space-between;padding:10px 30px;margin-bottom:2rem;background-color:var(--color-darkblue);color:var(--color-white)}.header .logout-btn{color:var(--color-white);text-decoration:none;font-weight:600;padding:6px 12px;border-radius:var(--border-radius);transition:all .3s ease}.header .logout-btn:hover{color:var(--color-highlight);background-color:#ffffff1a}.logo-section{display:flex;align-items:center;gap:12px}.logo-section img{height:50px;width:auto}.logo-section h1{font-family:Barlow SemiBold;font-size:1.6rem;margin:0;line-height:1}.user-section{display:flex;align-items:center;gap:15px}footer{text-align:center;padding:20px;font-size:.9rem;color:var(--color-darkblue)}.auth-container{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;padding:40px;width:400px;text-align:center}.auth-logo{width:120px;margin-bottom:20px}input,button{width:100%;padding:12px;margin:10px 0;border-radius:var(--border-radius);border:1px solid var(--color-darkblue);font-size:1rem}button{background-color:var(--color-darkblue);color:var(--color-white);font-weight:600;cursor:pointer;transition:all .3s ease}button:hover{color:var(--color-highlight)}.page-title{position:absolute;left:50%;transform:translate(-50%);color:var(--color-white);font-size:1.3rem;font-weight:600}a,a:visited{color:var(--color-darkblue);text-decoration:none}a:hover,a:focus,a:active{color:var(--color-highlight-light-bg);text-decoration:underline}.header a,.header a:visited{color:var(--color-white);text-decoration:none}.header a:hover,.header a:focus,.header a:active{color:var(--color-highlight-dark-bg);text-decoration:underline}