body,html{margin:0;padding:0;height:100%;width:100%}body{background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body>div{min-height:100vh}main{flex:1 1;padding:40px;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:flex-start}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;color:#fff;transition:background-color .2s}button:hover{background-color:#333}ul{padding:0;margin:16px 0;list-style-type:none;width:100%;max-width:400px;border:1px solid #ddd;border-radius:8px;overflow:hidden}li{background-color:#fff;padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer}li:last-child{border-bottom:none}li:hover{background:#f0f1ff}.sidebar{width:240px;min-width:240px;background-color:#232f3e;color:#fff;padding:24px;display:flex;flex-direction:column}.nav-link{color:#aab7c4;text-decoration:none;margin-bottom:12px;font-size:1.1rem}.nav-link:hover{color:#fff}.nav-link-active{color:#fff;text-decoration:none;font-weight:700;border-left:3px solid #f90;padding-left:10px;margin-left:-13px}.sidebar-footer{margin-top:auto;border-top:1px solid #545b64;padding-top:20px}.sign-out-button{width:100%;background-color:#d13212;margin-top:10px}