html,body,#root{height:100%;margin:0;padding:0}main{min-width:0;overflow:auto}.list-card{cursor:pointer;border:1px solid #d1d5db;border-radius:.25rem;padding:1rem}.list-card:hover{background-color:#f9fafb}.list-detail-page{padding:1rem}.list-detail-page>button:first-child{color:#3b82f6;margin-bottom:1rem}.list-detail-page h1{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.list-detail-page h1+div{margin-bottom:1rem}.list-detail-page h1+div>div{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.list-detail-page h1+div button{color:#ef4444}.list-detail-page h1+div+div{gap:.5rem;display:flex}.list-detail-page h1+div+div input{border:1px solid #d1d5db;flex:1;padding:.25rem}.list-detail-page h1+div+div button{color:#fff;background-color:#3b82f6;border-radius:.25rem;padding:0 1rem}.account-profile{align-items:center;display:flex}.account-profile-image{border-radius:50%;width:40px;height:40px;margin-right:10px}.account-profile-name{margin:0;font-size:1rem}.sidebar{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.sidebar-nav{overflow-y:auto}.account-profile{overflow:hidden}@media (width<=768px){.sidebar{z-index:1000;background:#fff;width:280px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.app-layout{grid-template-columns:280px minmax(0,1fr);height:100vh;display:grid}.sidebar-toggle,.sidebar-overlay{display:none}@media (width<=768px){.app-layout{height:100vh;display:block}.sidebar-toggle{display:block}.sidebar-overlay{z-index:900;background:#0000004d;display:block;position:fixed;inset:0}}