html,body{height:100%;margin:0;padding:0;overflow:hidden;background-color:#f1f5f9;color:#1e293b;font-family:Inter,sans-serif}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:240px;background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:20px}.logo{font-size:1.25rem;font-weight:700;color:#2563eb;margin-bottom:2rem;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:10px}.nav-item{color:#64748b;text-decoration:none;padding:10px 15px;border-radius:8px;transition:all .2s}.nav-item.active,.nav-item:hover{background-color:#f8fafc;color:#2563eb}.content-area{flex:1;overflow-y:auto}