*{box-sizing:border-box;margin:0;padding:0}html,body,#root,#app{width:100%;height:100%}#app{display:flex}#sidebar{color:#fff;background:#0c1f3f;border-right:1px solid #1e3a8a;flex-direction:column;width:240px;padding:20px;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:10px;font-size:18px;font-weight:700}.nav-item{cursor:pointer;color:#ffffffb3;border-radius:6px;margin-bottom:5px;padding:12px;transition:background .2s}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#fff;background:#fff3;font-weight:700}#main{flex-direction:column;flex:1;display:flex}#topbar{background:#fff;border-bottom:1px solid #e1e8f4;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}@tailwind base;@tailwind components;@tailwind utilities;