:root{--haui-blue:#1e376f;--haui-red:#cd2026;--haui-yellow:#ffc300;--bg-color:#f4f7f6;--text-color:#333}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--text-color);margin:0;padding:0;font-family:Arial,sans-serif}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.navbar{background-color:var(--haui-blue);color:#fff;border-bottom:4px solid var(--haui-red);justify-content:space-between;align-items:center;padding:10px 40px;display:flex;box-shadow:0 4px 6px #0000001a}.logo-container{align-items:center;gap:15px;display:flex}.logo{background:#fff;border-radius:50%;height:60px;padding:5px}.title-container h1{text-transform:uppercase;color:var(--haui-yellow);margin:0;font-size:1.2rem}.title-container h2{margin:0;font-size:1rem;font-weight:300}.nav-links{gap:20px;display:flex}.nav-links a{color:#fff;border-radius:4px;padding:8px 12px;font-weight:700;text-decoration:none;transition:background-color .3s}.nav-links a:hover{background-color:var(--haui-red)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.welcome-section{text-align:center;background:#fff;border-radius:8px;max-width:600px;padding:40px;box-shadow:0 10px 20px #0000000d}.welcome-section h2{color:var(--haui-blue);margin-bottom:20px;font-size:2rem}.welcome-section p{color:#666;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.action-buttons{justify-content:center;gap:15px;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 25px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.btn:hover{opacity:.9;transform:translateY(-2px)}.btn-primary{background-color:var(--haui-red);color:#fff}.btn-secondary{background-color:var(--haui-blue);color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.dashboard-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=992px){.dashboard-charts-grid{grid-template-columns:1fr}}@media (width<=768px){.portal-header{flex-direction:column;gap:15px;height:auto!important;padding:10px 15px!important}.portal-nav{width:100%;padding-bottom:5px;overflow-x:auto}.portal-nav-links{white-space:nowrap;gap:15px!important}.portal-user-actions{justify-content:space-between;width:100%}.portal-main-content{padding:15px!important}}