html,body,#root{margin:0;padding:0;height:100%;width:100%}body{background-color:var(--background-color);font-family:sans-serif}.app-container{display:flex;flex-direction:column;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;background-color:#7a0d0d;color:var(--text-color);padding:.5rem 1rem;box-sizing:border-box}.header-left{display:flex;align-items:center}.logo{width:100px;margin-right:1.5rem}.logout-button{background:none;border:1px solid var(--text-color);color:var(--text-color);padding:.3rem .6rem;cursor:pointer}.main-content{display:flex;flex:1;margin:0;padding:0}.sidebar{width:var(--sidebar-width);background-color:var(--primary-color-light);color:var(--text-color);display:flex;flex-direction:column;padding:1rem .5rem;box-sizing:border-box}.sidebar a{color:var(--text-color);text-decoration:none;margin:.5rem 0}.sidebar a.active{font-weight:700}.page-content{flex:1;padding:1rem;background-color:var(--background-color);box-sizing:border-box}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;box-shadow:0 2px 5px #0000001a}.dashboard-card select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}:root{--primary-color: #a10000;--primary-color-light: #7a0000;--background-color: #f5f5f5;--text-color: #ffffff;--sidebar-width: 220px}