@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,700;0,800;0,900;1,700&family=Roboto:wght@400;500;700&display=swap";:root{--haui-dark-blue:#102a83;--haui-yellow:#ffcc4e;--haui-red:#e3182d;--haui-black:#231f20;--haui-white:#fff;--haui-dark-blue-light:#102a831a;--haui-yellow-light:#ffcc4e1a;--haui-red-light:#e3182d1a;--haui-black-light:#231f201a;--haui-gray:#f4f5f7;--font-heading:"Be Vietnam Pro", sans-serif;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--haui-black);background-color:var(--haui-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--haui-dark-blue);margin-bottom:.5rem;font-weight:800}h1{font-size:2.5rem;font-weight:900}h2{font-size:2rem;font-weight:900}h3{font-size:1.5rem;font-style:italic}a{color:var(--haui-dark-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--haui-red)}.btn{font-family:var(--font-heading);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--haui-dark-blue);color:var(--haui-white)}.btn-primary:hover,.btn-secondary{background-color:var(--haui-yellow);color:var(--haui-dark-blue)}.btn-secondary:hover{background-color:var(--haui-dark-blue);color:var(--haui-white)}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.app-header{background-color:var(--haui-dark-blue);height:64px;color:var(--haui-white);z-index:1000;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-left,.header-right{align-items:center;gap:1rem;display:flex}.menu-btn{color:var(--haui-white);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.menu-btn:hover{background-color:var(--haui-dark-blue-light)}.brand-logo{font-family:var(--font-heading);letter-spacing:1px;font-size:1.5rem;font-weight:900}.brand-text{color:var(--haui-yellow)}.brand-subtext{color:var(--haui-white);font-weight:500}.role-badge{background-color:var(--haui-yellow);color:var(--haui-dark-blue);font-size:.75rem;font-weight:800;font-family:var(--font-heading);border-radius:20px;padding:.25rem .75rem}.icon-btn{color:var(--haui-white);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#ffffff1a}.user-profile{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background-color .2s;display:flex}.user-profile:hover{background-color:#ffffff1a}.user-icon{background-color:var(--haui-white);color:var(--haui-dark-blue);border-radius:50%;padding:2px}.user-name{font-size:.9rem;font-weight:500}@media (width<=768px){.user-name{display:none}}.app-sidebar{background-color:var(--haui-gray);z-index:900;border-right:1px solid #0000000d;width:250px;height:calc(100vh - 64px);transition:transform .3s;position:fixed;top:64px;left:0;overflow-y:auto}.app-sidebar.closed{transform:translate(-100%)}.sidebar-nav ul{padding:1rem 0;list-style:none}.nav-link{color:var(--haui-black);align-items:center;gap:1rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{background-color:var(--haui-dark-blue-light);color:var(--haui-dark-blue)}.nav-link.active{background-color:var(--haui-yellow-light);color:var(--haui-dark-blue);border-right:4px solid var(--haui-yellow);font-weight:700}@media (width<=768px){.app-sidebar{width:100%}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.layout-body{flex:1;display:flex;position:relative}.main-content{background-color:var(--haui-gray);flex:1;min-height:calc(100vh - 64px);transition:margin-left .3s}.main-content.sidebar-open{margin-left:250px}.main-content.sidebar-closed{margin-left:0}.content-container{background-color:var(--haui-white);border-radius:8px;min-height:calc(100vh - 64px - 3rem);margin:1.5rem;padding:2rem;box-shadow:0 1px 3px #0000000d}@media (width<=768px){.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.content-container{margin:1rem;padding:1rem}}